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