Shaping the future
together
That is
us
Hays is the world's leading provider of specialised recruitment and staffing solutions. With more than 10,000 employees in 33 countries, we are one of the most successful recruitment companies in the world.
And we do much more than just recruiting. Due to our size and the diversity of our tasks, we have unparalleled knowledge. We understand the market and the needs of our client companies and talents. This enables us to support our partner companies with the innovations and staffing solutions they need and help millions of people achieve their career goals. In Germany, Austria and Switzerland alone, our clients include over 4,500 companies of all sizes.
Our mission
We pave the way for people to succeed. That's how we make companies strong and create opportunities that change lives for the better.
The content cannot be displayed due to your cookie settings.
Please enable the functional cookies and reload the page to see the content.
Customize cookie settings
AWARD-WINNING
EMPLOYER
With us you will find a working environment in which you can develop your full potential. We have received several awards for our fair personnel policy and professional career development.
The following has evaluated to null or missing: ==> box.Bildiii5.getAttribute("alt") [in template "10154#10192#706629933" at line 7, column 46] ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${box.Bildiii5.getAttribute("alt")} [in template "10154#10192#706629933" at line 7, column 44] ----
1<div class="myWrap">
2
3<#list boxen.getSiblings() as box>
4<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
5<div class="flipper">
6<div class="front">
7 <img class="flip-img" alt="${box.Bildiii5.getAttribute("alt")}" data-fileentryid="${box.Bildiii5.getAttribute("fileEntryId")}" src="${box.Bildiii5.getData()}" />
8
9<span class="name">David Walsh</span></div>
10
11<div class="back">
12 <h3>${box.Headline.getData()}</h3>
13
14<p>${box.Textbereich54ho.getData()}</p>
15</div>
16</div>
17</div>
18
19</#list>
20</div>
21
22
23
24
25<style type="text/css">
26.myWrap {
27 display: flex;
28 flex-wrap: wrap;
29 margin-top: 20px;
30 margin-left: 100px;
31}
32img.flip-img {
33 bottom: 0;
34 left: 0;
35 margin: auto;
36 position: absolute;
37 right: 0;
38 top: 0;
39 max-width: 170px !important;
40 max-height: 170px !important;
41}
42 .flip-container {
43 -webkit-perspective: 1000;
44 -moz-perspective: 1000;
45 -ms-perspective: 1000;
46 perspective: 1000;
47
48 -ms-transform: perspective(1000px);
49 -moz-transform: perspective(1000px);
50 -moz-transform-style: preserve-3d;
51 -ms-transform-style: preserve-3d;
52
53 }
54
55 /*
56 .flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
57 -webkit-transform: rotateY(180deg);
58 -moz-transform: rotateY(180deg);
59 -ms-transform: rotateY(180deg);
60 transform: rotateY(180deg);
61 filter: FlipH;
62 -ms-filter: "FlipH";
63 }
64 */
65
66
67 /* START: Accommodating for IE */
68 .flip-container:hover .back, .flip-container.hover .back {
69 -webkit-transform: rotateY(0deg);
70 -moz-transform: rotateY(0deg);
71 -o-transform: rotateY(0deg);
72 -ms-transform: rotateY(0deg);
73 transform: rotateY(0deg);
74}
75
76.flip-container:hover .front, .flip-container.hover .front {
77 -webkit-transform: rotateY(180deg);
78 -moz-transform: rotateY(180deg);
79 -o-transform: rotateY(180deg);
80 transform: rotateY(180deg);
81}
82
83 /* END: Accommodating for IE */
84
85 .flip-container, .front, .back {
86 width: 190px;
87 height: 190px;
88 margin: 11px;
89 }
90
91 .flipper {
92 -webkit-transition: 0.6s;
93 -webkit-transform-style: preserve-3d;
94 -ms-transition: 0.6s;
95
96 -moz-transition: 0.6s;
97 -moz-transform: perspective(1000px);
98 -moz-transform-style: preserve-3d;
99 -ms-transform-style: preserve-3d;
100
101 transition: 0.6s;
102 transform-style: preserve-3d;
103
104 position: relative;
105 }
106
107 .front, .back {
108 -webkit-backface-visibility: hidden;
109 -moz-backface-visibility: hidden;
110 -ms-backface-visibility: hidden;
111 backface-visibility: hidden;
112
113 -webkit-transition: 0.6s;
114 -webkit-transform-style: preserve-3d;
115 -webkit-transform: rotateY(0deg);
116
117 -moz-transition: 0.6s;
118 -moz-transform-style: preserve-3d;
119 -moz-transform: rotateY(0deg);
120
121 -o-transition: 0.6s;
122 -o-transform-style: preserve-3d;
123 -o-transform: rotateY(0deg);
124
125 -ms-transition: 0.6s;
126 -ms-transform-style: preserve-3d;
127 -ms-transform: rotateY(0deg);
128
129 transition: 0.6s;
130 transform-style: preserve-3d;
131 transform: rotateY(0deg);
132
133 position: absolute;
134 top: 0;
135 left: 0;
136 }
137
138 .front {
139 -webkit-transform: rotateY(0deg);
140 -ms-transform: rotateY(0deg);
141 background: white;
142 z-index: 2;
143 text-align: center;
144 width: 190px;
145 height: 190px;
146 }
147
148 .back {
149 -webkit-transform: rotateY(-180deg);
150 -moz-transform: rotateY(-180deg);
151 -o-transform: rotateY(-180deg);
152 -ms-transform: rotateY(-180deg);
153 transform: rotateY(-180deg);
154 width: 190px;
155 height: 190px;
156 background: white;
157 text-align: center;
158
159 }
160
161 .front .name {
162 font-size: 2em;
163 display: inline-block;
164 font-family: Courier;
165 padding: 5px 10px;
166 border-radius: 5px;
167 bottom: 60px;
168 left: 25%;
169 position: absolute;
170 text-shadow: 0.1em 0.1em 0.05em #333;
171 display: none;
172
173 -webkit-transform: rotate(-20deg);
174 -moz-transform: rotate(-20deg);
175 -ms-transform: rotate(-20deg);
176 transform: rotate(-20deg);
177 }
178
179 .back-logo {
180 position: absolute;
181 top: 40px;
182 left: 90px;
183 width: 160px;
184 height: 117px;
185 }
186
187 .back-title {
188 font-weight: bold;
189 position: absolute;
190 top: 180px;
191 left: 0;
192 right: 0;
193 text-align: center;
194 text-shadow: 0.1em 0.1em 0.05em #acd7e5;
195 font-family: Courier;
196 font-size: 22px;
197 }
198 .back h3{
199 margin: 5px 0 0 0 !important;
200 padding: 0 !important;
201 }
202 .back p {
203 text-align: center;
204 padding: 10px 0px 5px 8px;
205 font-size: 14px;
206 line-height: 17px;
207 max-width: 185px;
208 }
209
210 /* vertical */
211 .vertical.flip-container {
212 position: relative;
213 }
214
215 .vertical .back {
216 -webkit-transform: rotateX(180deg);
217 -moz-transform: rotateX(180deg);
218 -ms-transform: rotateX(180deg);
219 transform: rotateX(180deg);
220 }
221
222 .vertical.flip-container .flipper {
223 -webkit-transform-origin: 100% 213.5px;
224 -moz-transform-origin: 100% 213.5px;
225 -ms-transform-origin: 100% 213.5px;
226 transform-origin: 100% 213.5px;
227 }
228
229 /*
230 .vertical.flip-container:hover .flipper {
231 -webkit-transform: rotateX(-180deg);
232 -moz-transform: rotateX(-180deg);
233 -ms-transform: rotateX(-180deg);
234 transform: rotateX(-180deg);
235 }
236 */
237
238 /* START: Accommodating for IE */
239 .vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
240 -webkit-transform: rotateX(0deg);
241 -moz-transform: rotateX(0deg);
242 -o-transform: rotateX(0deg);
243 -ms-transform: rotateX(0deg);
244 transform: rotateX(0deg);
245 }
246
247 .vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
248 -webkit-transform: rotateX(180deg);
249 -moz-transform: rotateX(180deg);
250 -o-transform: rotateX(180deg);
251 transform: rotateX(180deg);
252 }
253 /* END: Accommodating for IE */
254</style>
Our
Service portfolio
Our client companies benefit from our flexibility and professional expertise. Thanks to our many years of experience, we have access to a comprehensive pool of more than 500,000 highly trained experts. Thanks to the different services and contract types we offer, we are crisis-proof. At the same time, this enables us to meet the individual needs of the experts and our client companies.
Contracting
Contracting is intended for companies and self-employed persons who prefer flexibility. Per contracting, an external specialist is only hired by the company for specific projects. Companies benefit from the professional expertise of self-employed persons, while he or she can deepen his or her experience in a wide variety of projects.
Personnel recruitment
Personnel recruitment is the placement of specialists, who are hired by a company in a permanent position. Applicants benefit from our access to unadvertised positions and direct contact to decision-makers. For companies, we manage the recruitment process, drawing on our vast expertise.
Temporary work
Through temp staffing, applicants gain insights into different companies, initially for a specified period, along with access to jobs that are not advertised. In return, companies receive precise and rapid staffing, even of difficult positions. After the agreed period, if there is an interest in hiring the employee on a permanent basis, that is not a problem.
Enterprise Solutions
With our subsidiary, Enterprise Solutions, we support our client companies in all aspects of workforce management with services relating to Managed Service Providing (MSP), Recruitment Process Outsourcing (RPO), Vendor Management Systems (VMS) and Volume Sourcing (VS).
Hays Technology Solutions (HTSG)
With Hays Technology Solutions (HTSG), we implement tasks and projects together with our partners with the help of work contracts and managed IT services. In this way, we support our customer companies and assume responsibility for results in accordance with specifications and requirements.
Ergänzende Services
Our service portfolio is rounded off by services such as Executive Search, Digital Consulting, Compliant Sourcing and IT Services & Solutions. We would be happy to explain our services to you in detail in a personal meeting.