PageSourceSearch

https://host-u.io/karriere

html host-u.io collected 2026-10-08 06:48:36 UTC 28,706 bytes, 315 lines download raw bytes

1<!DOCTYPE html><html lang="de"><head>
2<script src="/consent.js?v=1" defer></script>
2
3<meta charset="UTF-8" />
4<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5<title>Karriere bei HostU — Offene Stellen in Wien</title>
6<meta name="description" content="Offene Stellen bei HostU in Wien: junges Team, Startup-Spirit und echte Benefits — von Team-Events bis Office Dog." />
7<meta name="robots" content="index, follow" />
8<link rel="canonical" href="https://host-u.io/karriere" />
9<meta property="og:type" content="website" />
10<meta property="og:site_name" content="HostU" />
11<meta property="og:locale" content="de_DE" />
12<meta property="og:title" content="Karriere bei HostU — Offene Stellen in Wien" />
13<meta property="og:description" content="Offene Stellen bei HostU in Wien: junges Team, Startup-Spirit und echte Benefits — von Team-Events bis Office Dog." />
14<meta property="og:url" content="https://host-u.io/karriere" />
15<link rel="icon" href="/favicon.ico" sizes="any" />
16<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
17<link rel="icon" type="image/png" sizes="32x32" href="/favicon-hostu-32.png" />
18<link rel="icon" type="image/png" sizes="64x64" href="/favicon-hostu-64.png" />
19<link rel="apple-touch-icon" href="/favicon-hostu-180.png" />
20<!-- Schriften vom eigenen Server. Nicht von Google laden: das uebertraegt
21     die IP-Adresse jedes Besuchers, bevor er einwilligen konnte. -->
22<link rel="preload" href="/fonts/poppins-400-latin.woff2" as="font" type="font/woff2" crossorigin />
23<link rel="stylesheet" href="/fonts/fonts.css?v=1" />
24<style>
25:root{--blue:#7097BD;--blue-dark:#5A7FA8;--dark:#424242;--cream:#FBF0C4}
26*{box-sizing:border-box;margin:0;padding:0}
27body{font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--blue);color:#fff;line-height:1.65}
28a{color:inherit;text-decoration:none}
29header.ksite{padding:26px 24px 8px;text-align:center}
30header.ksite img{height:clamp(34px,5vw,48px);width:auto}
31.khero{padding:34px 24px 46px;text-align:center;position:relative;overflow:visible}
32.blobs{position:absolute;inset:-120px 0 auto 0;height:520px;overflow:hidden;pointer-events:none;z-index:0}
33.blob{position:absolute;border-radius:50%;filter:blur(70px)}
34.blob.b1{width:420px;height:420px;background:#8FB3D9;opacity:.55;top:-60px;left:-120px;animation:drift1 16s cubic-bezier(.45,0,.55,1) infinite alternate}
35.blob.b2{width:380px;height:380px;background:#5A7FA8;opacity:.5;top:120px;right:-110px;animation:drift2 19s cubic-bezier(.45,0,.55,1) infinite alternate}
36.blob.b3{width:260px;height:260px;background:#FBF0C4;opacity:.16;top:40px;left:58%;animation:drift3 22s cubic-bezier(.45,0,.55,1) infinite alternate}
37@keyframes drift1{to{transform:translate(70px,50px) scale(1.18)}}
38@keyframes drift2{to{transform:translate(-60px,-40px) scale(1.12)}}
39@keyframes drift3{to{transform:translate(-50px,60px) scale(1.25)}}
40.khero>:not(.blobs){position:relative;z-index:1}
41header.ksite{position:relative;z-index:1}
42.khero .kicker{animation:heroRise .6s cubic-bezier(.22,1,.36,1) both}
43.khero h1{animation:heroRise .7s cubic-bezier(.22,1,.36,1) .09s both}
44.khero h1.big{font-size:clamp(48px,11.5vw,104px);font-weight:800;line-height:1.03;text-transform:uppercase;letter-spacing:.01em;animation:none}
45.khero h1.big .ln{display:block;animation:heroRise .7s cubic-bezier(.22,1,.36,1) both}
46.khero h1.big .ln:nth-child(2){animation-delay:.12s}
47.khero h1.big .ln:nth-child(3){animation-delay:.22s}
48.khero p,.khero .tags{animation:heroRise .7s cubic-bezier(.22,1,.36,1) .18s both}
49@keyframes heroRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
50[data-reveal].pre{opacity:0;transform:translateY(16px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}
51[data-reveal].in{opacity:1;transform:none}
52@media (prefers-reduced-motion:reduce){.blob{animation:none}.khero .kicker,.khero h1,.khero h1.big .ln,.khero p,.khero .tags{animation:none}[data-reveal].pre{opacity:1;transform:none;transition:none}}
53.khero .kicker{display:inline-block;color:var(--cream);font-size:14px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}
54.khero h1{font-size:clamp(28px,6vw,44px);font-weight:700;letter-spacing:-.01em;line-height:1.14;max-width:760px;margin:0 auto}
55.khero p{color:rgba(255,255,255,.88);font-size:17px;max-width:640px;margin:14px auto 0}
56.kmain{max-width:760px;margin:0 auto;padding:8px 24px 80px}
57.joblist{display:flex;flex-direction:column;gap:22px}
58.job{display:block;background:#fff;color:var(--dark);border-radius:22px;
58padding:28px 30px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}
59.job:hover{transform:translateY(-2px);box-shadow:0 14px 36px -12px rgba(0,0,0,.35)}
60.job h2{font-size:22px;font-weight:700;line-height:1.3}
61.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 12px}
62.tags span{background:var(--cream);color:var(--dark);font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px}
63.job p{color:rgba(66,66,66,.7);font-size:15px}
64.job .more{display:inline-block;margin-top:14px;color:var(--blue);font-weight:600;font-size:14px}
65.empty{background:#fff;color:var(--dark);border-radius:22px;padding:56px 34px;text-align:center}
66.empty img{display:block;height:72px;width:72px;margin:0 auto 18px}
67.empty h2{font-size:22px;font-weight:700;line-height:1.35}
68.empty p{color:rgba(66,66,66,.65);font-size:15px;margin-top:10px}
69.empty a{color:var(--blue);font-weight:600;white-space:nowrap}
70.back{display:inline-block;color:rgba(255,255,255,.85);font-weight:600;font-size:14px;margin:0 0 18px}
71.back:hover{color:#fff}
72.jobcard{background:#fff;color:var(--dark);border-radius:22px;padding:38px 38px 42px}
73.jobcard .meta{color:rgba(66,66,66,.5);font-size:13px;margin-bottom:22px}
74.prose{font-size:16px;line-height:1.75;color:rgba(66,66,66,.92)}
75.prose h2{font-size:23px;font-weight:700;margin:34px 0 12px;color:var(--dark);line-height:1.3}
76.prose h3{font-size:19px;font-weight:600;margin:26px 0 10px;color:var(--dark)}
77.prose p{margin:0 0 16px}
78.prose ul,.prose ol{margin:0 0 16px 22px}
79.prose li{margin-bottom:7px}
80.prose blockquote{border-left:4px solid var(--blue);padding:4px 0 4px 18px;margin:22px 0;color:rgba(66,66,66,.7);font-style:italic}
81.prose img{width:100%;border-radius:10px;margin:24px 0}
82.prose a{color:var(--blue);text-decoration:underline}
83.prose strong{color:var(--dark);font-weight:600}
84.apply{margin-top:34px;padding-top:28px;border-top:1px solid rgba(66,66,66,.1);text-align:center}
85.apply a.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:600;padding:14px 30px;border-radius:999px;font-size:15px;transition:background .15s}
86.apply a.btn:hover{background:var(--blue-dark)}
87.apply p{color:rgba(66,66,66,.55);font-size:13px;margin-top:12px}
88footer.kfooter{padding:34px 24px 40px;text-align:center;color:rgba(255,255,255,.75);font-size:13px}
89footer.kfooter a{color:rgba(255,255,255,.9);font-weight:500}
90footer.kfooter a:hover{color:#fff;text-decoration:underline}
91footer.kfooter .sep{margin:0 6px;color:rgba(255,255,255,.4)}
92.ksection{max-width:980px;margin:0 auto;padding:26px 24px}
93.ksection .kicker{display:block;text-align:center;color:var(--cream);font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}
94.ksection h2{text-align:center;font-size:clamp(24px,4.6vw,34px);font-weight:700;line-height:1.2}
95.ksection .lead{text-align:center;color:rgba(255,255,255,.88);font-size:16px;max-width:640px;margin:14px auto 0}
96.social{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}
97.social a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--dark);font-weight:600;font-size:14px;padding:11px 22px;border-radius:999px;transition:transform .15s}
98.social a:hover{transform:translateY(-2px)}
99.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
100.gallery .gph{overflow:hidden;border-radius:18px;background:rgba(255,255,255,.15)}
101.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
102.gallery .gph:hover img{transform:scale(1.05)}
103.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
104.benefit{background:#fff;color:var(--dark);border-radius:20px;padding:24px 26px}
105.benefit .bicon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--blue);color:#fff;margin-bottom:12px}
106.social a svg{width:18px;height:18px;color:var(--blue)}
107.benefit h3{font-size:16px;font-weight:700;margin-bottom:6px}
108.benefit p{color:rgba(66,66,66,.7);font-size:14px;line-height:1.6}
109.benefit .bicon.dogimg{overflow:hidden;border-radius:50%}
110.benefit .bicon.dogimg img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
111@media(max-width:700px){
112.gallery{grid-template-columns:repeat(2,1fr)}
113.benefits{grid-template-columns:1fr 1fr;gap:10px}
114.benefit{padding:14px 14px 16px;border-radius:16px}
115.benefit .bicon{width:34px;height:34px;border-radius:10px;margin-bottom:8px}
116.benefit .bicon svg{width:17px;height:17px}
117.benefit h3{font-size:13.5px}
118.benefit p{font-size:12px;line-height:1.55}
119}
120.preview-banner{position:sticky;top:0;z-index:60;background:var(--cream);color:var(--dark);text-align:center;padding:11px 20px;font-size:14px;box-shadow:0 4px 14px -8px rgba(66,66,66,.4)}
121.btn-gold{display:inline-block;background:var(--cream);color:var(--dark);font-weight:700;font-size:16px;padding:14px 30px;border-radius:999px;box-shadow:0 12px 26px -12px rgba(0,0,0,.35);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
122.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(0,0,0,.4);text-decoration:none}
123.heroapply{margin-top:24px}
124.applyform{margin-top:40px;background:var(--cream);border-radius:20px;padding:30px 28px 26px}
125.kmain>.applyform{margin-top:14px;margin-bottom:26px}
126.applyform h2{font-size:clamp(22px,3vw,28px);color:var(--dark);margin-bottom:4px}
127.applyform .sub{color:rgba(66,66,66,.7);font-size:14px;margin-bottom:20px}
128.applyform button.btn{background:var(--blue);color:#fff;font-weight:700;font-size:16px;padding:15px 34px;border-radius:999px;box-shadow:0 12px 26px -12px rgba(0,0,0,.3)}
129.applyform button.btn:hover{background:var(--blue-dark)}
130.applybar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(66,66,66,.4);backdrop-filter:blur(10px);text-align:center}
131.applybar a{display:block;max-width:420px;margin:0 auto}
132@media(max-width:700px){.applybar{display:block}.applybar.off{display:none}.jobcard{margin-bottom:76px}.applyform{padding:22px 18px 20px}.applyform button.btn{width:100%}}
133.contactcard{display:flex;align-items:center;gap:20px;margin-top:36px;padding:22px 26px;background:#fff;border:1px solid rgba(66,66,66,.12);border-radius:18px}
134.contactcard.nophoto{grid-template-columns:1fr}
135.contactcard img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex-shrink:0}
136.contactcard .cname{font-weight:700;font-size:16px;color:var(--dark)}
137.contactcard .crole{font-size:13px;color:var(--blue);font-weight:600;margin:2px 0 7px}
138.contactcard .ctext{font-size:14px;color:rgba(66,66,66,.7);line-height:1.6}
139@media(max-width:480px){.contactcard{flex-direction:column;text-align:center}}
140body.light{background:#fff;color:var(--dark)}
141body.light header.ksite img{filter:brightness(0);opacity:.78}
142body.light .blob.b1{background:#C9DAEB;opacity:.55}
143body.light .blob.b2{background:#A9C4DE;opacity:.4}
144body.light .blob.b3{background:var(--cream);opacity:.55}
145body.light .khero .kicker{color:var(--blue)}
146body.light .khero h1{color:var(--dark)}
147body.light .khero p{color:rgba(66,66,66,.72)}
148body.light .tags span{background:var(--cream);color:var(--dark)}
149body.light .back{color:var(--blue)}
150body.light .back:hover{color:var(--blue-dark)}
151body.light .jobcard{background:transparent;padding:0;border-radius:0}
152body.light .jobcard .meta{color:rgba(66,66,66,.45)}
153body.light .btn-gold{background:var(--blue);color:#fff}
154body.light .btn-gold:hover{background:var(--blue-dark)}
155body.light .applybar{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-top:1px solid rgba(66,66,66,.1)}
156body.light footer.kfooter{color:rgba(66,66,66,.55);border-top:1px solid rgba(66,66,66,.08);margin-top:30px}
157body.light footer.kfooter a{color:var(--blue)}
158body.light footer.kfooter .sep{color:rgba(66,66,66,.25)}
159.frow{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
160.ffield{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
161.ffield>label{font-size:13px;font-weight:600;color:var(--dark)}
162.ffield>label small{font-weight:400;color:rgba(66,66,66,.5)}
163.ffield input[type=text],.ffield input[type=email],.ffield input[type=tel],.ffield select,.ffield textarea{padding:11px 12px;border:1px solid rgba(66,66,66,.22);border-radius:10px;font:inherit;font-size:14px;color:var(--dark);background:#fff;width:100%}
164.ffield input:focus,.ffield select:focus,.ffield textarea:focus{outline:2px solid rgba(112,151,189,.45);border-color:var(--blue)}
165.ffield input[type=file]{font-size:13px;color:rgba(66,66,66,.75)}
166.applyform,.applyform label,.applyform p,.applyform span{color:var(--dark)}
167.fhelp{display:block;font-size:12.5px;font-weight:400;color:rgba(66,66,66,.72);line-height:1.5;margin:-2px 0 4px}
168.ffield textarea{min-height:96px;resize:vertical}
169.fscale{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}
170.fscale .fchip{flex:none}
171.fscale .fchip span{display:block;text-align:center;padding:11px 0;font-variant-numeric:tabular-nums}
172.fscale-ends{display:flex;justify-content:space-between;font-size:12px;color:rgba(66,66,66,.6);margin-top:6px}
173.fslider{margin-top:4px}
174.fslider .val{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
175.fslider .val b{font-size:34px;font-weight:700;color:var(--blue);line-height:1;font-variant-numeric:tabular-nums;min-width:52px}
176.fslider .val span{font-size:13px;color:rgba(66,66,66,.65)}
177.fslider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue) var(--fill,44%),rgba(66,66,66,.16) var(--fill,44%));outline:none;margin:6px 0}
178.fslider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 3px 10px -2px rgba(0,0,0,.3);cursor:pointer}
179.fslider input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--blue);box-shadow:0 3px 10px -2px rgba(0,0,0,.3);cursor:pointer;border-color:var(--blue)}
180.fslider input[type=range]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
181.fslider .ticks{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(66,66,66,.5);margin-top:2px;font-variant-numeric:tabular-nums}
182.fphone{display:grid;grid-template-columns:150px 1fr;gap:10px}
183.fconsent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(66,66,66,.78);margin-bottom:10px}
184.fconsent input{margin-top:3px;accent-color:var(--blue)}
185.fconsent a{color:var(--blue);font-weight:600}
186.fhp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}
187.applyform button.btn{border:0;cursor:pointer;font:inherit;margin-top:6px}
188.applyform button.btn:disabled{opacity:.6;cursor:wait}
189.fq{margin:16px 0 4px}
190.fqlabel{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:9px}
191.fchips{display:flex;flex-wrap:wrap;gap:9px}
192.fchip{position:relative}
193.fchip input{position:absolute;opacity:0;width:0;height:0}
194.fchip span{display:inline-block;padding:10px 18px;border:2px solid rgba(66,66,66,.16);border-radius:999px;font-size:14px;font-weight:600;color:var(--dark);background:#fff;cursor:pointer;transition:all .15s}
195.fchip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
196.fchip input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
197.fnote{font-size:12.5px;color:rgba(66,66,66,.55);margin-top:10px}
198.cvbox{margin-top:16px;padding:16px 18px;background:#fff;border:1px dashed rgba(66,66,66,.25);border-radius:14px}
199.cvhead{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:8px}
200.cvhead span{font-weight:400;color:rgba(66,66,66,.5)}
201.cvhint{font-size:12.5px;color:rgba(66,66,66,.6);margin-top:8px}
202.cvbox.done{border-style:solid;border-color:#BFE3C6;background:#F3FAF4}
203.ferr{display:none;background:#FDECEA;border:1px solid #F5C6C0;color:#8A2A21;border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:14px}
204.fsuccess{display:none;background:#EAF6EC;border:1px solid #BFE3C6;color:#1F5A2A;border-radius:12px;padding:20px 22px}
205.fsuccess h3{margin-bottom:6px;font-size:17px}
206.fsuccess p{font-size:14px}
207@media(max-width:600px){.frow{grid-template-columns:1fr}.fphone{grid-template-columns:120px 1fr}
208  /* Antwort-Chips fuellen die Zeile aus, damit keiner allein stehen bleibt */
209  .fchips{gap:8px}
210  .fchip{flex:1 1 auto}
211  .fscale{grid-template-columns:repeat(5,1fr);gap:6px}
212  .fscale .fchip span{padding:10px 0;font-size:13.5px}
213  .fchip span{display:block;text-align:center;padding:9px 10px;font-size:13px;border-width:2px}
214  .fqlabel{font-size:13.5px;margin-bottom:7px}
215  .fq{margin:13px 0 4px}
216}
217/* --- Mobile-Feinschliff Stellenseite: Lesbarkeit + kein horizontaler Ueberlauf --- */
218html{-webkit-text-size-adjust:100%}
219body{overflow-x:hidden}
220img,svg{max-width:100%}
221.prose{overflow-wrap:break-word}
222@media(max-width:600px){
223  .blobs{height:300px;inset:-70px 0 auto 0}
224  .blob.b1{width:300px;height:300px;top:-40px;left:-90px}
225  .blob.b2{width:260px;height:260px;top:70px;right:-80px}
226  .blob.b3{width:170px;height:170px;top:20px}
227  .khero h1{font-size:clamp(26px,7.2vw,34px);line-height:1.18;hyphens:auto}
228  .khero .kicker{font-size:12px;letter-spacing:.18em}
229  .tags{gap:6px}
230  .tags span{font-size:12px;padding:5px 11px}
231  .heroapply .btn-gold{font-size:15px;padding:13px 26px}
232  .kmain{padding:4px 14px 40px}
233  .jobcard{padding:22px 20px 26px;border-radius:18px}
234  .prose{font-size:16px;line-height:1.7}
235  .prose h2{font-size:20px;margin:26px 0 10px}
236  .prose h3{font-size:17px;margin:20px 0 8px}
237  .prose ul,.prose ol{margin-left:18px}
238  .prose li{margin-bottom:9px}
239  .contactcard{flex-direction:column;align-items:flex-start;text-align:left;gap:14px;padding:18px 18px 20px}
240  .contactcard img{width:64px;height:64px}
241  .applyform{padding:20px 16px 22px;border-radius:16px}
242  .applyform h2{font-size:21px}
243  .ffield input[type=text],.ffield input[type=email],.ffield input[type=tel],.ffield select,.ffield textarea{font-size:16px}
244  .fconsent{font-size:13px;line-height:1.5}
245  .back{font-size:13px}
246}
247@media(max-width:600px){.khero{padding:26px 20px 36px}.kmain{padding:4px 16px 40px}.job{padding:22px 22px 24px}.jobcard{padding:26px 22px 30px}}
248</style>
249
250</head>
251<body>
252<header class="ksite"><a href="/"><img src="/logos/hostu-logo-white-v2.png" alt="HOST·U — Gästekommunikation" /></a></header>
253<section class="khero">
254  <div class="blobs"><span class="blob b1"></span><span class="blob b2"></span><span class="blob b3"></span></div>
255  <h1 class="big"><span class="ln">Deine</span><span class="ln">Karriere</span><span class="ln">bei HostU</span></h1>
256  <p>Wir kümmern uns um die Gäste von über 2.200 Wohnungen, mit einem jungen Team in Wien.</p>
257</section>
258<main class="kmain"><div class="joblist">
259<a class="job" data-reveal href="/karriere/vertrieb-innendienst">
260  <h2>Vertriebsmitarbeiter:in Innendienst (m/w/d)</h2>
261  <div class="tags"><span>Wien</span><span>Teilzeit oder Vollzeit</span><span>KV-Gehalt + Provision</span></div>
262  <p>
262Leads anrufen, Interesse wecken, Termine setzen und größere Kunden gewinnen. Teilzeit ab 20 h oder Vollzeit in Wien.</p>
263  <span class="more">Details &amp; Bewerbung →</span>
264</a>
265</div></main>
266<section class="ksection">
267  <span class="kicker" data-reveal>Wer wir sind</span>
268  <h2 data-reveal>Junges Team. Echter Spirit.</h2>
269  <p class="lead" data-reveal>Wie es bei uns wirklich aussieht? Schau auf Instagram und TikTok vorbei und lern unser Team kennen.</p>
270  <div class="social" data-reveal>
271    <a href="https://www.instagram.com/hostu.gmbh" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg> Instagram @hostu.gmbh</a>
272    <a href="https://www.tiktok.com/@host.u" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg> TikTok @host.u</a>
273  </div>
274</section>
275<section class="ksection">
276  <h2 data-reveal>Ein Blick in unser Office</h2>
277  <div class="gallery"><div class="gph" data-reveal><img src="/images/karriere/office-01.jpg" alt="HostU Office Wien" loading="lazy" /></div><div class="gph" data-reveal><img src="/images/karriere/office-02.jpg" alt="HostU Office Wien" loading="lazy" /></div><div class="gph" data-reveal><img src="/images/karriere/office-03.jpg" alt="HostU Office Wien" loading="lazy" /></div><div class="gph" data-reveal><img src="/images/karriere/office-05.jpg" alt="HostU Office Wien" loading="lazy" /></div><div class="gph" data-reveal><img src="/images/karriere/office-06.jpg" alt="HostU Office Wien" loading="lazy" /></div><div class="gph" data-reveal><img src="/images/karriere/office-07.jpg" alt="HostU Office Wien" loading="lazy" /></div></div>
278</section>
279<section class="ksection" style="padding-bottom:64px">
280  <span class="kicker" data-reveal>Unsere Benefits</span>
281  <h2 data-reveal>Was dich bei uns erwartet.</h2>
282  <div class="benefits">
283    <div class="benefit" data-reveal>
284      <span class="bicon dogimg"><img src="/images/karriere/office-dog.jpg" alt="Louie, unser Office Dog" loading="lazy" /></span>
285      <h3>Office Dog</h3>
286      <p>Louie gehört zum Team. Dein Hund ist nach Absprache ebenfalls willkommen, solange die Arbeitsatmosphäre nicht leidet.</p>
287    </div>
288    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 14"/></svg></span><h3>Flexible Arbeitszeiten</h3><p>Wir finden gemeinsam ein Arbeitszeitmodell, das zu deinem Leben passt — verlässlich in beide Richtungen.</p></div>
289    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></span><h3>Team-Events</h3><p>Jährliche Weihnachtsfeier, Sommerfest, TV-Abende — wir feiern gemeinsam, was wir gemeinsam schaffen.</p></div>
290    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><polyline points="20 12 20 22 4 22 4 12"/><rect x="2" y="7" width="20" height="5"/><line x1="12" y1="22" x2="12" y2="7"/><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/></svg></span><h3>Geschenke</h3><p>Kleine Aufmerksamkeiten zu Weihnachten, zum Geburtstag und zwischendurch gehören bei uns dazu.</p></div>
291    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg></span><h3>Aus- und Weiterbildung</h3><p>Umfangreiches, praxisnahes Wissen über die junge und spannende Branche der Kurzzeitvermietung — Wissen, das dich weiterbringt.</p></div>
292    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg></span><h3>Psychische Gesundheit</h3><p>Wohlbefinden steht bei uns an erster Stelle — sowohl im Team als auch individuell.</p></div>
293    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><path d="M18 8h1a4 4 0 0 1 0 8h-1"/><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg></span><h3>Getränke</h3><p>Kaffee, Tee und erfrischende Kaltgetränke — für deinen Kaffee natürlich auch Milch und Milchalternativen.</p></div>
294    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><path d="M12 8c-3.2 0-5.2 2.6-5.2 5.6S9 20.5 12 20.5s5.2-3.9 5.2-6.9S15.2 8 12 8z"/><line x1="12" y1="8" x2="12" y2="4.5"/><path d="M12 4.5c1.2-1.6 3.2-1.6 3.2-1.6s-.4 2.4-3.2 1.6z"/></svg></span><h3>Obst &amp; Snacks</h3><p>
294Frisches Obst und eine Auswahl an Snacks stehen dir jederzeit zur Verfügung.</p></div>
295    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></span><h3>Gute Anbindung</h3><p>Unser Büro liegt nur wenige Gehminuten von der U-Bahn entfernt.</p></div>
296    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><rect x="4" y="3" width="16" height="13" rx="2"/><line x1="4" y1="9" x2="20" y2="9"/><line x1="8" y1="16" x2="6.5" y2="20"/><line x1="16" y1="16" x2="17.5" y2="20"/></svg></span><h3>Öffi-Zuschuss</h3><p>Nach dem 1. Jahr erhältst du von uns das Wiener-Linien-Öffi-Ticket (Jobticket).</p></div>
297    <div class="benefit" data-reveal><span class="bicon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" width="22" height="22" aria-hidden="true"><rect x="4" y="5" width="16" height="10" rx="1.5"/><line x1="2" y1="19" x2="22" y2="19"/></svg></span><h3>Firmennotebook</h3><p>MacBooks und iPhones stehen dir im Office zur Verfügung — Technik, mit der das Arbeiten Spaß macht.</p></div>
298  </div>
299</section>
300<footer class="kfooter">
301© 2026 HostU GmbH · Wien · <a href="mailto:[email protected]">[email protected]</a>
302<br /><a href="/impressum/" target="_blank" rel="noopener">Impressum</a><span class="sep">|</span><a href="/datenschutz/" target="_blank" rel="noopener">Datenschutz</a><span class="sep">|</span><a href="/datenschutz/" data-hostu-consent>Cookie-Einstellungen</a><span class="sep">|</span><a href="/">Zur Startseite</a>
303</footer>
304<script>(function(){
305if(window.matchMedia&&matchMedia("(prefers-reduced-motion: reduce)").matches)return;
306if(!("IntersectionObserver" in window))return;
307var els=[].slice.call(document.querySelectorAll("[data-reveal]"));
308els.forEach(function(el){el.classList.add("pre");
309var p=el.parentElement,i=0;
310if(p){i=[].slice.call(p.children).filter(function(c){return c.hasAttribute&&c.hasAttribute("data-reveal")}).indexOf(el);}
311el.style.transitionDelay=(i>0?Math.min(i,4)*45:0)+"ms";});
312var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){e.target.classList.add("in");io.unobserve(e.target);}})},{threshold:0,rootMargin:"0px 0px 12% 0px"});
313els.forEach(function(el){io.observe(el);});
314})();</script>
314
315</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.