.contactForm .headline[data-v-4996deb9]{font-weight:700;margin-bottom:1rem}.contactForm .inputField[data-v-4996deb9]{margin-bottom:1rem}.contactForm .inputFieldWrapper[data-v-4996deb9]{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2em}@media(max-width:767px),(orientation:portrait){.contactForm .inputFieldWrapper[data-v-4996deb9]{display:block}}.contactForm label[data-v-4996deb9]{display:block;margin-bottom:.5rem;font-size:12px}.contactForm input[data-v-4996deb9],.contactForm textarea[data-v-4996deb9]{width:100%;border:1px solid #999;outline:none;padding:.7em .5em;box-sizing:border-box;font-size:14px;font-family:inherit}.contactForm input[data-v-4996deb9]:focus,.contactForm textarea[data-v-4996deb9]:focus{border-color:#5fd8ff}.contactForm textarea[data-v-4996deb9]{height:200px;resize:none}.contactForm .buttonContainer[data-v-4996deb9]{display:flex;margin:1rem 0 0;align-items:center}.contactForm .thankYou button[data-v-4996deb9]{margin-top:.5rem}.contactForm button[data-v-4996deb9]{display:inline-flex;align-items:center;background:#e5e5e5;border:1px solid #999;font-size:14px;letter-spacing:.5px;color:#000;padding:.7em 1em;cursor:pointer}.contactForm button[data-v-4996deb9]:hover{border-color:#5fd8ff}.contactForm button[disabled][data-v-4996deb9]{color:gray}.contactForm .loadingIcon[data-v-4996deb9]{font-size:2rem;margin-left:1rem}.projectSlider[data-v-094798af]{display:flex;align-items:center;position:relative}.projectSlider .button[data-v-094798af]{display:none}.projectSlider:hover .button[data-v-094798af]{display:flex}@media(max-width:767px),(orientation:portrait){.projectSlider:hover .button[data-v-094798af]{display:none}}.button[data-v-094798af]{position:absolute;top:50%;width:2.5rem;height:2.5rem;z-index:100;padding:.5rem;border-radius:50%;line-height:1;cursor:pointer;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;box-shadow:4px 4px 4px rgba(0,0,0,.1)}.button[data-v-094798af]:hover{background-color:rgba(0,0,0,.7)}.button svg[data-v-094798af]{display:block;font-size:1.5rem;color:#fff}.button--left[data-v-094798af]{left:.5rem}.button--right[data-v-094798af]{right:.5rem}@media(max-width:767px),(orientation:portrait){.button[data-v-094798af]{display:none}}.projectsContainer[data-v-094798af]{width:100%}.projects[data-v-094798af]{position:relative;scroll-behavior:smooth;overflow-x:scroll;display:flex}.project[data-v-094798af]{padding:0 5rem}@media(max-width:767px),(orientation:portrait){.project[data-v-094798af]{flex:0 0 85%;padding:0 1rem}}.project .projectContent .title[data-v-094798af]{margin-bottom:1rem}.project .projectContent .title>a[data-v-094798af]{border-bottom-width:2px}.project .projectContent .title>a[data-v-094798af]:hover{border-bottom-width:3px}.project img[data-v-094798af]{height:280px;color:#ddd;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:767px),(orientation:portrait){.project img[data-v-094798af]{width:100%;height:auto}}.project .slogan[data-v-094798af]{margin-bottom:1rem;max-width:400px}.hideScrollbar[data-v-094798af]{scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar}.hideScrollbar[data-v-094798af]::-webkit-scrollbar{display:none}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("/afeefa-kollektiv/fonts/Inter Web/Inter-SemiBold.woff2?v=3.15") format("woff2"),url("/afeefa-kollektiv/fonts/Inter Web/Inter-SemiBold.woff?v=3.15") format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/afeefa-kollektiv/fonts/Inter Web/Inter-Regular.woff2?v=3.15") format("woff2"),url("/afeefa-kollektiv/fonts/Inter Web/Inter-Regular.woff?v=3.15") format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url("/afeefa-kollektiv/fonts/Inter Web/Inter-Italic.woff2?v=3.15") format("woff2"),url("/afeefa-kollektiv/fonts/Inter Web/Inter-Italic.woff?v=3.15") format("woff")}body,html{padding:0;margin:0;position:relative;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#e5e5e5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body{padding:0 5rem}@media (max-width:767px),(orientation :portrait){body{padding:0}}.page>section{max-width:1300px;margin:5rem auto;position:relative}@media (max-width:767px),(orientation :portrait){.page>section{margin:2rem auto}}p{margin:1rem 0;line-height:140%;letter-spacing:-.1px}a{color:inherit;text-decoration:none;border-bottom:1px solid #5fd8ff;-webkit-transition:border-color ease-in-out .2s;-o-transition:border-color ease-in-out .2s;transition:border-color ease-in-out .2s;display:inline-block;margin-bottom:-1px;font-weight:700}a:hover{border-bottom-width:2px;margin-bottom:-2px}a[nounderline]{border-bottom-style:none}h1{font-size:25px;letter-spacing:-.7px}h2{font-size:25px;letter-spacing:-.5px}h3{font-size:18px;letter-spacing:-.4px}h4{font-size:14px;letter-spacing:-.2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:2rem}@media (max-width:767px),(orientation :portrait){.grid-2{display:block}}.box{background:#fff;padding:2em;-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.05);box-shadow:4px 4px 4px rgba(0,0,0,.05)}.textBox{margin-top:2rem}@media (max-width:767px),(orientation :portrait){.textBox{margin:0;padding:1.5rem;border-bottom:1px solid #e5e5e5}}.textBox:first-child{margin-top:0}.textBox h3{margin-top:0}.textBox p:last-child{margin-bottom:0}.textBox--image{max-width:100%;margin-bottom:-2.5rem}.page.index .lines{position:absolute;top:-5rem;left:0;width:100%;height:calc(100% + 5rem);z-index:0}@media (max-width:767px),(orientation :portrait){.page.index .lines{display:none}}.page.index .contentWithDoodle{position:relative}.page.index .contentWithDoodle .content-model--images{position:absolute;right:-40px;top:-20px;z-index:1}@media (max-width:767px),(orientation :portrait){.page.index .contentWithDoodle .content-model--images{right:10px;top:0}}.page.index .contentWithDoodle .content-model--images img{max-height:100px;max-width:120px}@media (max-width:767px),(orientation :portrait){.page.index .contentWithDoodle .content-model--images{display:none}}.page.index .contentWithDoodle.doodle-top .content-model--images{top:-20px;bottom:unset}@media (max-width:767px),(orientation :portrait){.page.index .contentWithDoodle.doodle-top .content-model--images{top:-50px}}.page.index .contentWithDoodle.doodle-bottom .content-model--images{bottom:-20px;top:unset}@media (max-width:767px),(orientation :portrait){.page.index .contentWithDoodle.doodle-bottom .content-model--images{bottom:-50px}}.page.index section h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:1em 0;background-color:#e5e5e5}.page.index section h2 img{width:3rem;height:3rem;margin-right:1rem}@media (max-width:767px),(orientation :portrait){.page.index section h2{margin-left:1rem;margin-bottom:0}.page.index section h2 img{width:1.5rem;height:1.5rem;margin-right:.7rem}}.page.index section .sectionContent{margin-left:6rem}@media (max-width:767px),(orientation :portrait){.page.index section .sectionContent{width:100%!important;max-width:unset!important;margin:0}}.page.index .header{position:relative}.page.index .header .grid-2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:2.4fr 1fr}.page.index .header .buero{padding:1rem}.page.index .header .buero img{max-width:100%}.page.index .header .buero p{margin:1em 0 0 0;font-size:12px;font-weight:700}.page.index .header .logo{grid-column:2;grid-row:1;text-align:center;margin-top:-3rem;background:#e5e5e5}.page.index .header .logo img{max-height:150px;width:100%}.page.index .header .logo .slogan{padding:1em 0}.page.index .header .logo h1{margin:.5rem 0}.page.index .header .logo h3{margin-top:.5rem;margin-bottom:0;font-size:18px;font-weight:400;letter-spacing:-.4px;line-height:140%;white-space:nowrap}.page.index .header .logo h3+h3{margin-top:0}.page.index .waswirtun .sectionContent{max-width:800px}.page.index .wiewirarbeiten .sectionContent{max-width:1000px}.page.index .werwirsind .content-model--images{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;font-size:0}.page.index .werwirsind .content-model--images img{max-height:100px;-o-object-fit:cover;object-fit:cover}.page.index .projektschau{max-width:unset}.page.index .projektschau h2{max-width:1300px;margin:auto}@media (max-width:767px),(orientation :portrait){.page.index .projektschau h2{margin-left:1rem}}.page.index .projektschau .projectSlider{margin-left:-5rem;width:calc(100% + 2 * 5rem);padding:4rem 0 2rem;background:#d8d8d8}@media (max-width:767px),(orientation :portrait){.page.index .projektschau .projectSlider{margin-left:0;width:100%;padding:1rem 0;background:#fff}}.page.index .mitmachen{position:relative}.page.index .mitmachen .grid-2{grid-template-columns:.8fr 1.2fr;-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem}.page.index .mitmachen .sectionContent{width:80%}.page.index .mitmachen .mitmachenBox ul{padding-left:1.3rem}.page.index .mitmachen .mitmachenBox ul p{margin:0}.page.index .mitmachen .schreibunsBox{-webkit-box-shadow:4px 4px 4px rgba(0,0,0,.1);box-shadow:4px 4px 4px rgba(0,0,0,.1);background:#d8d8d8}.page.index .mitmachen .contactBox{margin-top:4rem}@media (max-width:767px),(orientation :portrait){.page.index .mitmachen .contactBox{margin:0}}.page.index .mitmachen .contactBox svg{height:18px;width:18px;margin-right:.5rem}.page.index .mitmachen .contactBox .contactLink{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.5rem}footer{background:#fff;display:inline-block;left:50%;padding:1em;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:767px),(orientation :portrait){footer{position:static;margin:0 1rem 1rem;background:0 0;-webkit-transform:none;-ms-transform:none;transform:none}}footer div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}@media (max-width:767px),(orientation :portrait){footer div{-ms-flex-wrap:wrap;flex-wrap:wrap}}footer div p{white-space:nowrap;margin:0 .5rem 0 0}@media (max-width:767px),(orientation :portrait){footer div p{white-space:inherit;margin-bottom:.5rem}}footer div>*{margin-right:.5rem}.singlePage{display:grid;grid-template-columns:100px auto 100px;grid-column-gap:4rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start}@media (max-width:767px),(orientation :portrait){.singlePage>section{margin:2rem auto}}@media (max-width:767px),(orientation :portrait){.singlePage{grid-template-columns:1fr;grid-row-gap:2rem}}.singlePage>.content{background:#fff;padding:2em}.singlePage>nav{margin:0 2rem}.singlePage>nav svg{display:block;padding-bottom:1em}.singlePage.page2022 .gif{max-width:min(600px,100%);margin-bottom:4rem}.singlePage.page2022 .content-model--images{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.singlePage.page2022 .content-model--images img{width:300px;height:300px;-o-object-fit:contain;object-fit:contain}