") 17 17,auto;background:var(--bodyBackground);color:var(--bodyColor);transition-timing-function:cubic-bezier(.5,1,.89,1);transition-duration:.5s;transition-property:background,color}:where(a,button,summary){all:unset;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.83 35.83'%3E%3Cpath d='m17.91 0 17.91 17.91-17.9 17.91L0 17.92z'/%3E%3Cpath fill='%23fffdfd' stroke='%23fffdfd' stroke-miterlimit='10' d='M18.67 18.67H24.21a.25.25 0 0 0 .26-.25v-1.01a.25.25 0 0 0-.26-.26h-5.54v-5.54a.25.25 0 0 0-.25-.25h-1.01a.25.25 0 0 0-.26.25v5.54h-5.54a.25.25 0 0 0-.25.26v1.01a.25.25 0 0 0 .25.25h5.54V24.21a.25.25 0 0 0 .26.26h1.01a.25.25 0 0 0 .25-.26Z'/%3E%3C/svg%3E") 17 17,auto}img{max-inline-size:100%;user-select:none}source,picture{display:contents}svg{block-size:1em;inline-size:auto;fill:currentColor}:where(h1,h2,h3,h4,h5,h6,address){all:unset;display:block}ul{list-style:none}:root{--color-1: #F9754C;--color-2: #809583;--color-3: #D0CAC4}.bc--1{background:var(--color-1)}.bc--2{background:var(--color-2)}.bc--3{background:var(--color-3)}@font-face{font-family:GT-Walsheim;font-weight:400;src:url(/fonts/GT-Walsheim-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:GT-Walsheim;font-weight:700;src:url(/fonts/GT-Walsheim-Bold.woff2) format("woff2");font-display:swap}:where(.fs--1){line-height:1.5;text-transform:uppercase}@media (min-width: 576px){:where(.fs--1){font-size:1.125rem}}:where(.fs--2){line-height:1.1;font-size:2rem}@media (min-width: 480px){:where(.fs--2){font-size:2.375rem}}@media (min-width: 576px){:where(.fs--2){font-size:2.75rem}}@media (min-width: 992px){:where(.fs--2){font-size:3.5rem}}:where(.fs--3){line-height:1.1;font-size:2.5rem;font-weight:400}@media (min-width: 576px){:where(.fs--3){font-size:3rem}}@media (min-width: 768px){:where(.fs--3){font-size:4rem}}@media (min-width: 992px){:where(.fs--3){font-size:4.5rem}}@media (min-width: 1200px){:where(.fs--3){font-size:5.625rem}}:where(.fs--5){font-size:1.5rem;line-height:1.25;text-transform:uppercase}@media (min-width: 480px){:where(.fs--5){font-size:1.75rem}}@media (min-width: 768px){:where(.fs--5){font-size:1.875rem}}@media (min-width: 992px){:where(.fs--5){font-size:2rem}}:where(.fs--6){font-size:1.125rem;line-height:1.5;text-transform:uppercase}@media (min-width: 480px){:where(.fs--6){font-size:1.25rem}}@media (min-width: 768px){:where(.fs--6){font-size:1.375rem;line-height:1.25}}:where(.fs--text){font-size:1rem}@media (min-width: 480px){:where(.fs--text){font-size:1.125rem}}@media (min-width: 768px){:where(.fs--text){font-size:1.25rem}}.container{display:grid;grid-template-columns:minmax(2rem,1fr) minmax(0,max(1180px,61.45vi)) minmax(2rem,1fr);margin-inline:auto}:where(.container > *){grid-column:2}.grid,.grid--boxed{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:1.25rem}:where(.grid > *,.grid--boxed > *){grid-column:1/-1}@media (min-width: 576px){:where(.grid--boxed > *){grid-column:2/-2}}.section{margin-block-end:4rem}@media (min-width: 576px){.section{margin-block-end:4.5rem}}@media (min-width: 992px){.section{margin-block-end:5.5rem}}@media (min-width: 1200px){.section{margin-block-end:6.5rem}}:root{--nav-height: 3rem}@media (min-width: 768px){:root{--nav-height: 11.75rem}}@media (min-width: 1200px){:root{--nav-height: 14rem}}:where(.header).astro-VZCAR27R{--button-color: #000;display:flex;align-items:center;justify-content:space-between;position:sticky;inset-block-start:0;z-index:20;margin-block-end:3rem;padding-block:1.5rem;padding-inline:2rem}@media (min-width: 480px){:where(.header).astro-VZCAR27R{padding:2rem}}@media (min-width: 768px){:where(.header).astro-VZCAR27R{padding-block:2rem;padding-inline:3rem;margin-block-end:4rem}}@media (min-width: 1200px){:where(.header).astro-VZCAR27R{margin-block-end:5rem;padding-block:2.625rem}}.active.astro-VZCAR27R{--button-color: #fff}.active.astro-VZCAR27R .backdrop.astro-VZCAR27R{display:block}.active.astro-VZCAR27R .nav.astro-VZCAR27R{transform:translate(0)}.active.astro-VZCAR27R .button.astro-VZCAR27R:before{content:"close"}.nav.astro-VZCAR27R,.backdrop.astro-VZCAR27R{position:fixed;inset:0;z-index:-1}.nav.astro-VZCAR27R{will-change:transform;text-decoration:underline;display:flex;flex-direction:column;background:#262626;color:#fff;padding-block:8.875rem 3rem;padding-inline:2rem;font-size:1.625rem;line-height:1.25;transition:transform .25s ease-in-out;transform:translate(calc(100% + 1px))}@media (min-width: 480px){.nav.astro-VZCAR27R{font-size:2rem}}@media (min-width: 768px){.nav.astro-VZCAR27R{inset-inline-start:auto;padding-block:5rem 3.5rem;padding-inline:7rem;font-size:clamp(1.625rem,-3rem + 12vb,3.25rem);line-height:1.15}}@media (min-width: 768px) and (min-height: 700px){.nav.astro-VZCAR27R{padding-block-start:8rem;font-size:clamp(1.5rem,-3rem + 11vb,2.75rem)}}@media (min-width: 768px) and (min-height: 820px){.nav.astro-VZCAR27R{padding-block-start:11rem}}@media (min-width: 1200px){.nav.astro-VZCAR27R{padding-inline:9.5rem}}.items.astro-VZCAR27R{display:grid;gap:1.375rem;margin-block-end:3rem;text-decoration-thickness:.25rem;text-underline-offset:.25rem;text-transform:uppercase}@media (min-width: 768px){.items.astro-VZCAR27R{gap:1.75rem;margin-block:auto}}@media (min-width: 768px) and (min-height: 700px){.items.astro-VZCAR27R{margin-block-start:0}}@media (min-width: 768px) and (min-height: 820px){.items.astro-VZCAR27R{gap:2rem}}.meta.astro-VZCAR27R{font-size:1.125rem;margin-block-start:auto;display:grid;gap:1rem}@media (min-width: 480px){.meta.astro-VZCAR27R{font-size:1.25rem}}@media (min-width: 768px){.meta.astro-VZCAR27R{display:none}}@media (min-width: 768px) and (min-height: 700px){.meta.astro-VZCAR27R{display:grid}}.logo.astro-VZCAR27R{font-size:1.125rem;transition:.25s color ease-in-out;color:#000}@media (max-width: 767px){.logo.astro-VZCAR27R{color:var(--button-color)}}.button.astro-VZCAR27R{--size: 2.875rem;text-align:center;display:grid;align-items:center;font-size:.875rem;margin-inline-end:calc(var(--size) * .3);text-transform:uppercase;color:var(--button-color)}.button.astro-VZCAR27R:before{content:"menu"}@media (min-width: 480px){.button.astro-VZCAR27R{--size: 3.125rem}}@media (min-width: 768px){.button.astro-VZCAR27R{--size: 3.5rem;font-size:1rem}}@media (min-width: 992px){.button.astro-VZCAR27R{--size: 3.75rem}}.button.astro-VZCAR27R:before,.button.astro-VZCAR27R:after{grid-area:1/1}.button.astro-VZCAR27R:after{content:"";box-sizing:border-box;inline-size:var(--size);block-size:var(--size);border:max(2px,.1042vi) solid var(--button-color);transform:rotate(45deg)}.cookieConsent.astro-QFMKAQEK{text-align:center;inline-size:100%;max-inline-size:450px;padding:2rem;position:fixed;inset:auto 0 0 auto;z-index:10;background-color:#000;color:#fff;line-height:1.5}a.astro-QFMKAQEK,.cookieAccept.astro-QFMKAQEK{text-decoration:underline}.cookieAccept.astro-QFMKAQEK,.cookieDecline.astro-QFMKAQEK{line-height:1;font-weight:700;font-size:1.125rem;text-transform:uppercase}.cookieAccept.astro-QFMKAQEK{display:block;background:#fff;color:#000;block-size:48px;padding-inline:1.5rem;margin-inline:auto;margin-block:1.5rem 1rem}
.wysiwyg.astro-3M7AXR23{line-height:1.5}.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1rem}@media (min-width: 480px){.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1.125rem}}@media (min-width: 768px){.wysiwyg.astro-3M7AXR23 ul,.wysiwyg.astro-3M7AXR23 p{font-size:1.25rem}}.wysiwyg.astro-3M7AXR23 ul{list-style-image:url(/list.svg);margin-inline-start:1.25rem;text-indent:.875rem}.wysiwyg.astro-3M7AXR23 li{text-indent:0;padding-inline-start:.875rem}.wysiwyg.astro-3M7AXR23 a{text-decoration:underline;margin-block-start:2rem;font-weight:700;font-size:1.25rem;line-height:1.125;display:inline-block}@media (min-width: 576px){.wysiwyg.astro-3M7AXR23 a{font-size:1.375rem}}.wysiwyg.astro-3M7AXR23 .fs--5,.wysiwyg.astro-3M7AXR23 .fs--6{margin-block-end:1.25rem}.wysiwyg.astro-3M7AXR23 h3.astro-3M7AXR23,.wysiwyg.astro-3M7AXR23 h4.astro-3M7AXR23,.wysiwyg.astro-3M7AXR23 h5.astro-3M7AXR23{@extends .fs--5;margin-block-end:2rem}
.noSpacing.astro-UOGRPSP5{margin-block-end:0}.footer.astro-UOGRPSP5{display:flex;padding-block:1.5rem 2.25rem;gap:3rem;font-size:.875rem;line-height:1;justify-content:center}@media (min-width: 768px){.footer.astro-UOGRPSP5{font-size:1rem;padding-block:1.5rem}}.back.astro-UOGRPSP5{display:none}@media (min-width: 768px){.back.astro-UOGRPSP5{margin-inline-end:auto;display:flex}}.arrow.astro-UOGRPSP5{margin-inline-end:1rem;transform:rotate(180deg)}.projectDetail.astro-VGCJNGSJ{display:grid;row-gap:4rem}@media (min-width: 768px){.projectDetail.astro-VGCJNGSJ{overflow:auto hidden;overscroll-behavior:auto none;display:flex;block-size:calc(100 * var(--vb) - 144px - 64px);padding-inline:7.5vi;gap:8rem;-ms-overflow-style:none;scrollbar-width:none}.projectDetail.astro-VGCJNGSJ::-webkit-scrollbar{display:none}}@media (min-width: 1921px){.projectDetail.astro-VGCJNGSJ{block-size:calc(100 * var(--vb) - 7.5vi - 3.33vi)}}@media (min-width: 768px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:4rem}}@media (min-width: 768px) and (min-height: 700px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:5rem}}@media (min-width: 768px) and (min-height: 800px){.textSlide.astro-VGCJNGSJ,.info.astro-VGCJNGSJ{padding-block-start:8rem}}.info.astro-VGCJNGSJ{text-align:center;margin-block-start:4.25rem}@media (min-width: 768px){.info.astro-VGCJNGSJ{margin-block:0;min-inline-size:30rem}}.job.astro-VGCJNGSJ{margin-block-end:3.375rem}@media (min-width: 768px){.job.astro-VGCJNGSJ{margin-block-end:clamp(2rem,-5.5rem + 24 * var(--vb),5rem)}}.title.astro-VGCJNGSJ{margin-block-end:1.75rem}@media (min-width: 768px){.title.astro-VGCJNGSJ{margin-block-end:.875rem}}@media (min-width: 768px){.textSlide.astro-VGCJNGSJ{min-inline-size:40rem}}@media (min-width: 768px) and (min-height: 800px){.textSlide.astro-VGCJNGSJ{min-inline-size:35rem}}@media (min-width: 768px) and (min-height: 1000px){.textSlide.astro-VGCJNGSJ{min-inline-size:23.75rem}}.image.astro-VGCJNGSJ{height:100%;object-fit:cover;inline-size:auto;grid-column:2}@media (min-width: 768px){.image.astro-VGCJNGSJ{max-inline-size:unset}}.index.astro-VGCJNGSJ{display:none}@media (min-width: 768px){.index.astro-VGCJNGSJ{align-self:end;display:grid;text-align:center;margin-inline-end:-6.75rem}.index.astro-VGCJNGSJ>.astro-VGCJNGSJ:first-child{font-weight:700}}.next.astro-VGCJNGSJ{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;text-transform:uppercase;font-size:1.125rem;gap:1rem;margin-block:3.5rem 3rem}@media (min-width: 768px){.next.astro-VGCJNGSJ{margin-block:0}}
Webdesign
Tremaze Sozialarbeit. Digital. Jetzt. 01 03
Aufgabenstellung Tremaze ist ein IT-Unternehmen aus Dortmund, welches bei der Digitalisierung der sozialen Arbeit hilft. Mit einer eigenen Software-Lösung verhilft Tremaze sozialen Einrichtungen einfach und ohne IT-Kenntnisse zu einer Website und mobilen App und mindert den internen Verwaltungsaufwand.
02 03
Lösung Studio HAHEI übernahm das Re-Design der neuen responsive Website von Tremaze. Für ein einheitliches Erscheinungsbild wurden neben der kraftvollen Farbgebung eine eigene Icon-Bildsprache und Illustrationen für einen authentischen Auftritt entwickelt.
03 03
nächstes Projekt
Diese Website verwendet Cookies – nähere Informationen dazu und zu deinen
Rechten als Benutzer findest du in meiner
Datenschutzerklärung .
Ich stimme zu Ich stimme nicht zu