Recruiting- & Karriere-Events

Du willst dein Team und die Kolleg:innen von morgen nicht nur im Interview kennenlernen, sondern auch mal abseits vom Business? Dann sind unsere Events & Workshops genau das Richtige für dich!

Du willst dein Team und die Kolleg:innen von morgen nicht nur im Interview kennenlernen, sondern auch mal abseits vom Business? Dann sind unsere Events & Workshops genau das Richtige für dich!

Du willst dein Team und die Kolleg:innen von morgen nicht nur im Interview kennenlernen, sondern auch mal abseits vom Business? Dann sind unsere Events & Workshops genau das Richtige für dich!

Zurück zu den Suchergebnissen #component-breadcrumbs + * .text-image-block-wrapper { padding-top: 40px !important; } *:has(~ * #job-list) .text-image-block-wrapper{ padding-bottom: 36px !important; } .text-image-block li { list-style: disc outside !important; margin-left: 1.25rem; margin-bottom: 12px; } .text-image-block-wrapper:has(+ #card-collection){ padding-bottom: 42px !important; } Lerne Deloitte persönlich kennen Wir bieten dir in unterschiedlichsten Event-Formaten - ob physisch oder virtuell - die Möglichkeit auch abseits von Interviews & Präsentationen Deloitte und die Kultur bei uns kennenzulernen. Schau regelmässig vorbei, denn hier gibt es immer wieder neue Angebote auch in deiner Nähe. Und häufig ist eine Event-Teilnahme auch zugleich der Beginn der persönlichen Deloitte Karriere. Wir freuen uns auf Dich! .subtitle li { text-align: start !important; word-break: break-word; } Filter Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen Filter löschen Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 9 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 10 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Tigers Career Day 2026 Tübingen Standort Tübingen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KIT-Karrieremesse Standort Karlsruhe Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai - 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } MEET THE COMPANY 2026 Standort Gießen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KarriereForum 2026 Universität Bayreuth KarriereService & Unternehmenskontakte Standort Bayreuth Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } meet@frankfurt-university Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 27 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } get in IT - IT-Karriere Standort Remote Zielgruppe Berufserfahrene, Absolvent:innen & Student:innen Eventformat Online Event 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Talent Transfair 2026 Standort Kiel Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Auftaktveranstaltung FAU Erlangen-Nürnberg Patenschaftsprogramm Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Sticks and Stones Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 6 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Preplounge - Speed Recruiting - Consulting/Turnaround Standort Remote Zielgruppe Absolvent:innen & Student:innen Eventformat Online Event Bewerbungsschluss: 07. Juni 2026 8 Jun - 12 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day FAU Erlangen-Nürnberg Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Karrieremesse Wirtschaft & Recht Köln Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Praxisbörse der Uni Göttingen Standort Göttingen Zielgruppe Student:innen & Absolvent:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day RWTH Aachen Standort Aachen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Enter_Zukunft_WiWi Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Fakultätskarrieretag Wiwi FU Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Meet in another Dimension: VR Networking Event Standort Nürnberg Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event Bewerbungsschluss: 28. Mai 2026 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 14 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } RUB Karrieremesse Standort Bochum Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Stellenwerk Jobmesse Hamburg Standort Hamburg Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } jobwunder-Karrieremesse Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 18 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Dates Firmenkontaktmesse der Leibniz Universität Standort Hannover Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 24 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 5 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 6 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 24 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 25 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 21 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 22 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 12 Dez a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Dez .youtube-player { position: relative; overflow: hidden; max-width: 100%; background: #000000; align-self: center; justify-self: center; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { object-fit: cover; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; width: 100%; border: none; height: auto; cursor: pointer; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 48px; width: 68px; left: 50%; top: 50%; margin-left: -34px; margin-top: -24px; position: absolute; background: url('https://i.ibb.co/j3jcJKv/yt.png') no-repeat; cursor: pointer; } Ein Blick hinter die Kulissen Unser Recruiting Event Tax & Accounting Days on Tour brachte an fünf Tagen die Welt von Deloitte direkt an die Campusse in Berlin, Leipzig, Passau, Gießen und Köln. Studierende erhielten spannende Einblicke in unsere Geschäftsbereiche Tax und Audit & Assurance sowie ihre Karrieremöglichkeiten. Neben Networking und guter Laune standen Q&A-Sessions und Siegerehrungen auf dem Programm. Dieses Event ist nur eines von vielen – entdecke weitere spannende Möglichkeiten, Deloitte live zu erleben! Wir haben noch mehr Insights für dich Um dieses Video und ähnliche Inhalte anzusehen, ändere bitte deine Cookie-Einstellungen Cookie-Einstellungen Transkript anzeigen (öffnet in neuem Tab) Direkt zu unseren Jobs für Absolvent:innen & Berufserfahrene Unsere Top Trends Accounting Jobs Automotive Jobs Bank Jobs Cloud Jobs Cyber Security Jobs Data & Analytics Jobs Mathematiker Jobs (m/w/d) Mergers & Acquisition Jobs Restrukturierung Jobs Salesforce Jobs SAP Berater Jobs (m/w/d) Steuerberatung Jobs Sustainability Jobs Versicherung Jobs Wirtschaftsprüfer Jobs (m/w/d) Berufseinstieg Alle Traineeprogramme Trainee Consulting (m/w/d) Trainee Finance (m/w/d) Junior Business Analyst (m/w/d) Junior Consultant (m/w/d) Junior Controller (m/w/d) Junior Data Analyst (m/w/d) Junior Personalreferent (m/w/d) Junior SAP Consultant (m/w/d) Junior Softwareentwickler (m/w/d) Berufserfahrene Aktuar Jobs (m/w/d) Auditor Jobs (m/w/d) Business Continuity Manager (m/w/d) Cloud Engineer Jobs (m/w/d) Consultant Finance (m/w/d) Diplom Finanzwirt Jobs (m/w/d) Internal Audit Jobs Payroll Specialist Jobs (m/w/d) Private Equity Jobs Risk Manager Jobs (m/w/d) Steuerfachangestellte Jobs (m/w/d) Steuerfachwirt Jobs (m/w/d) Treasury Jobs Wirtschaftsinformatik Jobs Direkt zu unseren Jobs für Schüler:innen & Studierende Praktikum Praktikum BWL Praktikum Consulting Praktikum Controlling Praktikum Data Science Praktikum Finance Praktikum HR Praktikum IT Praktikum M&A Praktikum Marketing Praktikum SAP / Werkstudent SAP (m/w/d) Praktikum Steuerberatung Praktikum Wirtschaftsprüfung Schüler:innen Ausbildung Steuerfachangestellter (m/w/d) Duales Studium BWL Duales Studium Steuerberatung Duales Studium Wirtschaft Duales Studium Wirtschaftsinformatik Duales Studium Wirtschaftsprüfung Kauffrau/-mann Büromanagement (m/w/d) Kaufmännische Ausbildung Werkstudium Werkstudent Bank (m/w/d) Werkstudent BWL (m/w/d) Werkstudent Consulting (m/w/d) Werkstudent Controlling (m/w/d) Werkstudent Data Science (m/w/d) Werkstudent Finance (m/w/d) Werkstudent HR (m/w/d) Werkstudent Steuern (m/w/d) Werkstudent Wirtschaftsprüfung (m/w/d)

Zurück zu den Suchergebnissen

Lerne Deloitte persönlich kennen Wir bieten dir in unterschiedlichsten Event-Formaten - ob physisch oder virtuell - die Möglichkeit auch abseits von Interviews & Präsentationen Deloitte und die Kultur bei uns kennenzulernen. Schau regelmässig vorbei, denn hier gibt es immer wieder neue Angebote auch in deiner Nähe. Und häufig ist eine Event-Teilnahme auch zugleich der Beginn der persönlichen Deloitte Karriere. Wir freuen uns auf Dich!

Lerne Deloitte persönlich kennen Wir bieten dir in unterschiedlichsten Event-Formaten - ob physisch oder virtuell - die Möglichkeit auch abseits von Interviews & Präsentationen Deloitte und die Kultur bei uns kennenzulernen. Schau regelmässig vorbei, denn hier gibt es immer wieder neue Angebote auch in deiner Nähe. Und häufig ist eine Event-Teilnahme auch zugleich der Beginn der persönlichen Deloitte Karriere. Wir freuen uns auf Dich!

Lerne Deloitte persönlich kennen Wir bieten dir in unterschiedlichsten Event-Formaten - ob physisch oder virtuell - die Möglichkeit auch abseits von Interviews & Präsentationen Deloitte und die Kultur bei uns kennenzulernen. Schau regelmässig vorbei, denn hier gibt es immer wieder neue Angebote auch in deiner Nähe. Und häufig ist eine Event-Teilnahme auch zugleich der Beginn der persönlichen Deloitte Karriere. Wir freuen uns auf Dich!

Lerne Deloitte persönlich kennen Wir bieten dir in unterschiedlichsten Event-Formaten - ob physisch oder virtuell - die Möglichkeit auch abseits von Interviews & Präsentationen Deloitte und die Kultur bei uns kennenzulernen. Schau regelmässig vorbei, denn hier gibt es immer wieder neue Angebote auch in deiner Nähe. Und häufig ist eine Event-Teilnahme auch zugleich der Beginn der persönlichen Deloitte Karriere. Wir freuen uns auf Dich!

Lerne Deloitte persönlich kennen

Wir bieten dir in unterschiedlichsten Event-Formaten - ob physisch oder virtuell - die Möglichkeit auch abseits von Interviews & Präsentationen Deloitte und die Kultur bei uns kennenzulernen. Schau regelmässig vorbei, denn hier gibt es immer wieder neue Angebote auch in deiner Nähe. Und häufig ist eine Event-Teilnahme auch zugleich der Beginn der persönlichen Deloitte Karriere. Wir freuen uns auf Dich!

Wir bieten dir in unterschiedlichsten Event-Formaten - ob physisch oder virtuell - die Möglichkeit auch abseits von Interviews & Präsentationen Deloitte und die Kultur bei uns kennenzulernen. Schau regelmässig vorbei, denn hier gibt es immer wieder neue Angebote auch in deiner Nähe. Und häufig ist eine Event-Teilnahme auch zugleich der Beginn der persönlichen Deloitte Karriere. Wir freuen uns auf Dich!

Filter Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen Filter löschen Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 9 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 10 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Tigers Career Day 2026 Tübingen Standort Tübingen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KIT-Karrieremesse Standort Karlsruhe Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai - 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } MEET THE COMPANY 2026 Standort Gießen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KarriereForum 2026 Universität Bayreuth KarriereService & Unternehmenskontakte Standort Bayreuth Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } meet@frankfurt-university Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 27 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } get in IT - IT-Karriere Standort Remote Zielgruppe Berufserfahrene, Absolvent:innen & Student:innen Eventformat Online Event 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Talent Transfair 2026 Standort Kiel Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Auftaktveranstaltung FAU Erlangen-Nürnberg Patenschaftsprogramm Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Sticks and Stones Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 6 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Preplounge - Speed Recruiting - Consulting/Turnaround Standort Remote Zielgruppe Absolvent:innen & Student:innen Eventformat Online Event Bewerbungsschluss: 07. Juni 2026 8 Jun - 12 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day FAU Erlangen-Nürnberg Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Karrieremesse Wirtschaft & Recht Köln Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Praxisbörse der Uni Göttingen Standort Göttingen Zielgruppe Student:innen & Absolvent:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day RWTH Aachen Standort Aachen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Enter_Zukunft_WiWi Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Fakultätskarrieretag Wiwi FU Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Meet in another Dimension: VR Networking Event Standort Nürnberg Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event Bewerbungsschluss: 28. Mai 2026 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 14 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } RUB Karrieremesse Standort Bochum Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Stellenwerk Jobmesse Hamburg Standort Hamburg Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } jobwunder-Karrieremesse Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 18 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Dates Firmenkontaktmesse der Leibniz Universität Standort Hannover Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 24 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 5 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 6 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 24 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 25 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 21 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 22 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 12 Dez a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Dez

Filter Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen Filter löschen Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 9 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 10 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Tigers Career Day 2026 Tübingen Standort Tübingen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KIT-Karrieremesse Standort Karlsruhe Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai - 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } MEET THE COMPANY 2026 Standort Gießen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KarriereForum 2026 Universität Bayreuth KarriereService & Unternehmenskontakte Standort Bayreuth Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } meet@frankfurt-university Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 27 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } get in IT - IT-Karriere Standort Remote Zielgruppe Berufserfahrene, Absolvent:innen & Student:innen Eventformat Online Event 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Talent Transfair 2026 Standort Kiel Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Auftaktveranstaltung FAU Erlangen-Nürnberg Patenschaftsprogramm Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Sticks and Stones Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 6 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Preplounge - Speed Recruiting - Consulting/Turnaround Standort Remote Zielgruppe Absolvent:innen & Student:innen Eventformat Online Event Bewerbungsschluss: 07. Juni 2026 8 Jun - 12 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day FAU Erlangen-Nürnberg Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Karrieremesse Wirtschaft & Recht Köln Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Praxisbörse der Uni Göttingen Standort Göttingen Zielgruppe Student:innen & Absolvent:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day RWTH Aachen Standort Aachen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Enter_Zukunft_WiWi Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Fakultätskarrieretag Wiwi FU Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Meet in another Dimension: VR Networking Event Standort Nürnberg Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event Bewerbungsschluss: 28. Mai 2026 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 14 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } RUB Karrieremesse Standort Bochum Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Stellenwerk Jobmesse Hamburg Standort Hamburg Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } jobwunder-Karrieremesse Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 18 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Dates Firmenkontaktmesse der Leibniz Universität Standort Hannover Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 24 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 5 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 6 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 24 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 25 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 21 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 22 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 12 Dez a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Dez

Filter Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen Filter löschen Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen

Filter Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen Filter löschen

Filter Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen

Filter

Filter löschen

Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026 Event finden Filter löschen

Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory

Geschäftsbereich Audit & Assurance Corporate Functions Tax Consulting Advisory

Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene

Zielgruppe Schüler:innen Student:innen Absolvent:innen Berufserfahrene

Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study

Eventformat Bewerbertag / Case Study Event Gastvorlesung & Get-together Messe Networking Event Online Event Workshop / Case Study

Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen

Bundesland Baden-Württemberg Bayern Berlin Brandenburg Bremen Hamburg Hessen Mecklenburg-Vorpommern Niedersachsen Nordrhein-Westfalen Rheinland-Pfalz Saarland Sachsen Sachsen-Anhalt Schleswig-Holstein Thüringen

Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026

Monat Mai - 2026 Juni - 2026 Juli - 2026 August - 2026 September - 2026 Oktober - 2026 November - 2026 Dezember - 2026

Event finden Filter löschen

Event finden

Filter löschen

a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 9 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 10 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Tigers Career Day 2026 Tübingen Standort Tübingen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KIT-Karrieremesse Standort Karlsruhe Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai - 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } MEET THE COMPANY 2026 Standort Gießen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KarriereForum 2026 Universität Bayreuth KarriereService & Unternehmenskontakte Standort Bayreuth Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } meet@frankfurt-university Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 27 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } get in IT - IT-Karriere Standort Remote Zielgruppe Berufserfahrene, Absolvent:innen & Student:innen Eventformat Online Event 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Talent Transfair 2026 Standort Kiel Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Auftaktveranstaltung FAU Erlangen-Nürnberg Patenschaftsprogramm Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Sticks and Stones Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 6 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Preplounge - Speed Recruiting - Consulting/Turnaround Standort Remote Zielgruppe Absolvent:innen & Student:innen Eventformat Online Event Bewerbungsschluss: 07. Juni 2026 8 Jun - 12 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day FAU Erlangen-Nürnberg Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Karrieremesse Wirtschaft & Recht Köln Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Praxisbörse der Uni Göttingen Standort Göttingen Zielgruppe Student:innen & Absolvent:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day RWTH Aachen Standort Aachen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Enter_Zukunft_WiWi Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Fakultätskarrieretag Wiwi FU Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Meet in another Dimension: VR Networking Event Standort Nürnberg Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event Bewerbungsschluss: 28. Mai 2026 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 14 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } RUB Karrieremesse Standort Bochum Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Stellenwerk Jobmesse Hamburg Standort Hamburg Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } jobwunder-Karrieremesse Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 18 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Dates Firmenkontaktmesse der Leibniz Universität Standort Hannover Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 24 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 5 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 6 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 24 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 25 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 21 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 22 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 12 Dez a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Dez

a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 9 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Stuttgart Zielgruppe Schüler:innen Eventformat Workshop / Case Study 10 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Tigers Career Day 2026 Tübingen Standort Tübingen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KIT-Karrieremesse Standort Karlsruhe Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 19 Mai - 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } MEET THE COMPANY 2026 Standort Gießen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } KarriereForum 2026 Universität Bayreuth KarriereService & Unternehmenskontakte Standort Bayreuth Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 20 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } meet@frankfurt-university Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 27 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } get in IT - IT-Karriere Standort Remote Zielgruppe Berufserfahrene, Absolvent:innen & Student:innen Eventformat Online Event 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Talent Transfair 2026 Standort Kiel Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Auftaktveranstaltung FAU Erlangen-Nürnberg Patenschaftsprogramm Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 28 Mai a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Sticks and Stones Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 6 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Preplounge - Speed Recruiting - Consulting/Turnaround Standort Remote Zielgruppe Absolvent:innen & Student:innen Eventformat Online Event Bewerbungsschluss: 07. Juni 2026 8 Jun - 12 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day FAU Erlangen-Nürnberg Standort Erlangen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Karrieremesse Wirtschaft & Recht Köln Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 9 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Praxisbörse der Uni Göttingen Standort Göttingen Zielgruppe Student:innen & Absolvent:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Day RWTH Aachen Standort Aachen Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 10 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Enter_Zukunft_WiWi Standort Frankfurt (Main) Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Fakultätskarrieretag Wiwi FU Berlin Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Meet in another Dimension: VR Networking Event Standort Nürnberg Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event Bewerbungsschluss: 28. Mai 2026 11 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hamburg Zielgruppe Schüler:innen Eventformat Workshop / Case Study 14 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } RUB Karrieremesse Standort Bochum Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Stellenwerk Jobmesse Hamburg Standort Hamburg Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 16 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } jobwunder-Karrieremesse Standort Berlin Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 18 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Career Dates Firmenkontaktmesse der Leibniz Universität Standort Hannover Zielgruppe Absolvent:innen & Student:innen Eventformat Messe 24 Jun a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 5 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Leipzig Zielgruppe Schüler:innen Eventformat Workshop / Case Study 6 Sep a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 24 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Frankfurt (Main) Zielgruppe Schüler:innen Eventformat Workshop / Case Study 25 Okt a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 21 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Hannover Zielgruppe Schüler:innen Eventformat Workshop / Case Study 22 Nov a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 12 Dez a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Smart Factory Believers x Girls Hacker School Girls only Programmierkurs Standort Berlin Zielgruppe Schüler:innen Eventformat Workshop / Case Study 13 Dez

a:link, a:visited { text-decoration: none; } .hover-box { width: 100%; max-width: 21.875rem; /* 350px */ min-height: 12.5rem; background: white; box-shadow: 0.125rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); /* 2px 4px 4px */ border-radius: 0.25rem; /* 4px */ overflow: hidden; border: 1px rgba(0, 0, 0, 0.20) solid; justify-content: flex-start; align-items: stretch; display: flex; flex-direction: row; transition: box-shadow 0.3s; cursor: pointer; } .hover-box:hover { box-shadow: 0.25rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5); /* 4px 8px 8px */ } .hover-box-inner { width: 80%; padding: 0.625rem; } .hover-box-title { width: 100%; max-width: 15.625rem; /* 250px */ color: #000000; font-size: 1rem; font-weight: 600; line-height: 1.6; word-wrap: break-word; box-sizing: border-box; } .hover-box-subtitle { width: 100%; max-width: 18.125rem; /* 290px */ border-radius: 0.25rem; /* 4px */ display: inline-flex; justify-content: flex-start; align-items: center; color: #777676; font-size: 0.625rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .hover-box-content { width: 100%; max-width: 17.875rem; /* 286px */ } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ height: 100%; padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } .hover-box-location, .hover-box-targetgroup, .hover-box-eventformat { width: 100%; max-width: 17.625rem; /* 282px */ border-radius: 0.25rem; /* 4px */ justify-content: flex-start; align-items: center; gap: 0.5rem; display: inline-flex; .icon { width: 1.25rem; height: 1.25rem; justify-content: center; align-items: center; display: flex } .text { color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word } } .deadline { width: 17.875rem; /* 286px */ border-radius: 0.25rem; /* 4px */ display: flex; align-items: center; gap: 0.625rem; font-size: 0.625rem; line-height: 1.6; color: #0e0e0e; padding-bottom: 0.875rem; .label { font-weight: 700; } .date { font-weight: 400; } } .date-container { width: 100%; padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */ margin-left: 0.625rem; /* 10px */ position: relative; display: flex; justify-content: center; align-items: flex-start; gap: 0.375rem; /* 6px */ .vertical-line { content: ''; position: absolute; top: 0.625rem; /* 10px */ bottom: 0.625rem;/* 10px */ left: 0; width: 0.125rem; /* 2px */ background-color: #009AD9; } .content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; .date-box { width: 2.25rem; /* 36px */ padding-bottom: 0.25rem; /* 4px */ display: flex; flex-direction: column; justify-content: center; align-items: center; .date-day, .date-separator { width: 1.3125rem; /* 21px */ text-align: center; color: #000000; font-size: 1.125rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } .date-month { text-align: center; color: #000000; font-size: 0.75rem; font-weight: 400; line-height: 1.6; word-wrap: break-word; } } } } Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai

Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai

Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event 8 Mai

Squeaker - IT im Consulting Standort Köln Zielgruppe Absolvent:innen & Student:innen Eventformat Networking Event

Squeaker - IT im Consulting

Standort Köln

Standort

Köln

Zielgruppe Absolvent:innen & Student:innen

Zielgruppe

Absolvent:innen & Student:innen

Eventformat Networking Event

Eventformat

Networking Event

8 Mai