Verkäufer (m/w/d) bzw. Bäckereifachverkäufer (m/w/d)

<main id="fl-jobwrapper" data-job-id="17586"> <style>@import " https://static.umdieecke.at/fonts/oswald/&quot ;; @import " https://static.umdieecke.at/fonts/noto-sans/&quot ;; @import " https://static.umdieecke.at/fonts/fontawesome/6.2.0/css/all.min.css&quot ;; #fl-jobwrapper * { box-sizing: border-box; } #fl-jobwrapper { font-family: Noto Sans, sans-serif; max-width: 750px; margin: auto; color: rgb(46, 46, 46); overflow: hidden; line-height: 1.6; } #fl-jobwrapper .container { width: auto !important; } #fl-jobwrapper h1, #fl-jobwrapper h2 { font-size: 26px; } #fl-jobwrapper footer { display: flex; justify-content: space-between; } #fl-jobwrapper footer .contact-person > div { width: 200px; height: 200px; background-position: center; border-radius: 50%; margin-right: 25px; background-size: 100%; } #fl-jobwrapper footer .contact-person > span { font-family: Oswald, sans-serif; font-weight: bold; text-transform: uppercase; } #fl-jobwrapper h1, #fl-jobwrapper h2, #fl-jobwrapper h3, #fl-jobwrapper h4 { color: rgb(255, 90, 109); font-family: Oswald, sans-serif; text-transform: uppercase; } #fl-jobwrapper img { max-width: 100%; height: auto !important; } #fl-jobwrapper .row { display: flex; flex-wrap: wrap; } #fl-jobwrapper .custom-paper { border-radius: 0; } @media screen and (max-width: 500px) { #fl-jobwrapper footer { display: block; } }</style> <section id="content"> <style>#coveto_public h1{ font-weight: bold; position: relative; z-index: 1; font-size: 36px; color: #000; display: inline-block; } #coveto_public h1:after { content: ""; position: absolute; width: 100%; z-index: -1; left: 0; bottom: 8px; height: 18px; background-color: rgb(var(--dunklefarbe), 0.1); } /* Header mit Bild, Logo und Slogan */ .custom-header{ position: relative; text-align: center; width: 100%; height: 400px; background-color: #999; box-shadow: 0 -5px 5px rgba(0,0,0,0.2); } .custom-header-inner{ padding-top: 25px; background-image: url( https://bms.brot-haus.de/public_data/jobs/fotos/Coveto-Stellenanzeigen-… ); background-size: cover; background-position: center; height: 375px; max-width: 1920px; margin: 0 auto; position: relative; isolation: isolate; } /* Leichter Verlauf am unteren Rand, damit Slogan und Karte besser abgesetzt sind */ .custom-header-inner::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; z-index: -1; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.28)); pointer-events: none; } .custom-logo{ max-width: 300px; } .coveto_slogan{ position: absolute; bottom: 110px; left: 50%; transform: translateX(-50%) rotate(-3deg); display: inline-block; font-size: 28px; line-height: 1.1; max-width: 80%; padding: 6px 14px; border-radius: 6px; text-transform: uppercase; color: rgb(var(--dunklefarbe-contrast)); background: rgb(var(--dunklefarbe)); box-shadow: 0 8px 24px rgba(0,0,0,0.25); animation: custom-slogan-in 0.7s 0.25s cubic-bezier(0.2, 0.7, 0.2, 1) both; } /* Inhalt */ .custom-body{ position: relative; max-width: 950px; margin: -50px auto 50px auto; } .custom-paper { margin: 0 auto; background-color: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.18); padding: 10px 24px 24px; animation: custom-rise 0.6s 0.1s ease-out both; } /* Lesbarkeit: etwas mehr Zeilenabstand, Listenpunkte in der Hauptfarbe */ #coveto_public .custom-paper p, #coveto_public .custom-paper li{ line-height: 1.5; } .custom-paper li{ margin: 4px 0; } .custom-body li::before{ color: rgb(var(--dunklefarbe)); } /* Kontakt, Foto und Call-to-Action */ .custom-contact{ margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(0,0,0,0.08); gap: 24px; align-items: center; } .custom-avatar .coveto_ansprechpartner_foto--circle img{ box-shadow: 0 0 0 4px rgba(var(--dunklefarbe), 0.12), 0 6px 18px rgba(0,0,0,0.18); } .custom-cta{ display: flex; flex-direction: column; gap: 14px; }