@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/storage/campaign/bachelorarchitektur/Inter-400.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/storage/campaign/bachelorarchitektur/Inter-700.woff2)format("woff2")}html.lenis,html.lenis body{overscroll-behavior-x:contain;height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--color-dark:#000;--color-bright:#fff;--color-primary:#f5a6bb;--color-secondary:#00795d;--p:clamp(1.25rem,1.0417rem + .4167vw,1.375rem);--regular:400;--fett:700;--gutter:calc(var(--p)*1);--margins:calc(var(--p)*1);--v-space:calc(var(--p)*4);--max-width:1280px;--gap:calc(var(--gutter)/2);--grid-cols:16}@media only screen and (max-width:800px){:root{--p:clamp(1rem,.9167rem + .4167vw,1.125rem);--gutter:calc(var(--p)*1);--margins:calc(var(--p)*1);--v-space:calc(var(--p)*4);--gap:calc(var(--gutter)/2);--grid-cols:8}}:root{--col-01:calc(( ( ( min(100vw,calc(var(--max-width) - ( var(--margins)*2 ))) - ( var(--grid-cols) - 1 )*var(--gap))/var(--grid-cols)) + var(--gap)));--col-02:calc(var(--col-01)*2);--col-03:calc(var(--col-01)*3);--col-04:calc(var(--col-01)*4);--col-05:calc(var(--col-01)*5);--col-06:calc(var(--col-01)*6);--col-07:calc(var(--col-01)*7);--col-08:calc(var(--col-01)*8);--col-09:calc(var(--col-01)*9);--col-10:calc(var(--col-01)*10);--col-11:calc(var(--col-01)*11);--col-12:calc(var(--col-01)*12);--col-13:calc(var(--col-01)*13);--col-14:calc(var(--col-01)*14);--col-15:calc(var(--col-01)*15);--col-16:calc(var(--col-01)*16);--page-margin:calc(( 100vw - var(--max-width))/2)}*{box-sizing:border-box}canvas,img,video{vertical-align:middle}img,video{max-width:100%}textarea{resize:vertical}html,body,h1,h2,h3,h4,p,ul,li,strong,header,nav,section,figure,footer{margin:0;padding:0}body{overflow-x:hidden}.nowrap{white-space:nowrap}.hidden{display:none}.invisible{opacity:0}::selection{background:var(--color-primary);text-shadow:none}html{color:var(--color-dark);background-color:var(--color-bright)}footer{color:var(--color-bright);background-color:var(--color-dark)}body{font-optical-sizing:auto;font-family:Inter,sans-serif}body,h3,h4{font-weight:var(--regular)}strong{font-weight:var(--fett)}em{font-style:italic}p{margin-bottom:var(--p)}a{text-decoration:none}p,a,ul,li,table{font-size:var(--p);line-height:calc(var(--p)*1.6)}h2{font-size:calc(var(--p)*3);line-height:calc(var(--p)*3)}h3{font-size:calc(var(--p)*.75);line-height:calc(var(--p)*1);text-transform:uppercase;letter-spacing:calc(var(--p)*.15)}#berufsbild h3{text-transform:none;letter-spacing:0}#berufsbild h3,h4,figure .hl-container .hl,figure .hl-container .claim{font-size:calc(var(--p)*2);line-height:calc(var(--p)*2.5)}.smaller-headlines h4{font-size:calc(var(--p)*1);line-height:calc(var(--p)*1.5);font-weight:var(--fett)}small,small a,.small,.small a{font-size:calc(var(--p)*.8);line-height:calc(var(--p)*1.3)}@media only screen and (max-width:800px){small,small a,.small,.small a{font-size:calc(var(--p)*.75);line-height:calc(var(--p)*1.3)}h2{font-size:calc(var(--p)*2.5);line-height:calc(var(--p)*2.5)}#berufsbild h3,h4,figure .hl-container .hl,figure .hl-container .claim{font-size:calc(var(--p)*1.5);line-height:calc(var(--p)*1.5)}#berufsbild h3,h4{line-height:calc(var(--p)*2)}}section a,.perspektiven-projekt-modal-overlay a{color:var(--color-dark);padding-bottom:calc(var(--p)*.05);border-bottom:1px solid #0003;text-decoration:none;transition:border .5s}section a:hover,.perspektiven-projekt-modal-overlay a:hover{border-bottom:1px solid var(--color-dark);transition:border .1s ease-in}body{background-color:var(--color-bright);padding:0 var(--margins)}header,section,nav,.cta,.footer-content-container,.footer-impressum-container{max-width:calc(var(--max-width) - ( var(--margins)*2 ));margin:0 auto}header{position:relative}.masthead-logo{padding-right:var(--col-01);height:var(--col-02);justify-content:space-between;align-items:stretch;display:flex}@media only screen and (max-width:800px){.masthead-logo{padding-right:0}}.masthead-logo img{width:auto;display:block}.zhaw-schriftzug{justify-content:flex-end;display:flex}.zhaw-signet img,.zhaw-schriftzug img{-o-object-fit:contain;object-fit:contain;height:100%}.masthead-line{background-color:var(--color-dark);height:1px;margin:var(--gutter)0;margin-left:var(--col-03)}.masthead-title{font-size:min(7vw,calc(var(--col-01) + 1.5rem));line-height:min(7vw,calc(var(--col-01) + 1rem));letter-spacing:-.1rem;margin-left:var(--col-03);font-weight:var(--fett)}@media only screen and (max-width:800px){.masthead-line,.masthead-title{margin-left:var(--col-02)}}nav{z-index:998;-webkit-overflow-scrolling:auto;scroll-snap-type:x mandatory;display:flex;position:sticky;top:0;overflow:auto hidden}nav div{width:calc(var(--col-02));padding-left:calc(var(--gutter)/2);border-left:1px solid var(--color-dark)}nav a:first-of-type div{margin-right:var(--col-01);border:none}nav a{font-size:calc(var(--p)*.55);text-transform:uppercase;letter-spacing:calc(var(--p)*.0125);color:var(--color-dark);border:none;margin:0;padding:0;text-decoration:none;transition:color .5s ease-in}@media only screen and (max-width:800px){nav a{font-size:calc(var(--p)*.825)}}nav a:visited{color:var(--color-dark)}nav div{cursor:pointer;transition:background-color .25s ease-out;position:relative}nav div:hover{background-color:var(--color-dark);transition:background-color 50ms linear}nav a div:hover{color:var(--color-bright)}.active{color:var(--color-bright);background-color:var(--color-dark);transition:background-color .25s ease-in}nav::-webkit-scrollbar{display:none}nav a{flex:none}nav a>div{scroll-snap-align:start}@media (max-width:800px){nav{margin-left:calc(-1*var(--margins));margin-right:calc(-1*var(--margins));width:auto;max-width:none}nav div{width:auto;padding:0 calc(var(--gutter)*.75)}nav a:first-of-type div{margin-left:calc(var(--margins)*2)}}.bubble-container{z-index:99;position:relative}.bubble{background:var(--color-primary);color:var(--color-secondary);transform:scale(var(--scale))rotate(var(--rot));transform-origin:50%;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .4s ease-out,background .5s,color .35s;display:flex;position:absolute;inset:0}.bubble div:has(>.txt-full){padding:0 calc(var(--p)*2);padding-top:calc(var(--p)*.5)}.bubble-container a,.bubble-container a:hover{border:none;text-decoration:none;display:block}.bubble-container a:hover .bubble{transition:transform .15s ease-out,background 50ms ease-in,color 50ms ease-in}.bubble p{width:auto;line-height:calc(var(--p)*1.1);margin:0;margin-bottom:calc(var(--p)*.5)}.bubble p small{line-height:calc(var(--p)*.9)}@media only screen and (max-width:800px){.bubble p small{font-size:calc(var(--p)*.9);line-height:calc(var(--p)*1.1)}}.bubble-container.anmeldung-studium{pointer-events:none;max-width:var(--max-width);padding-top:calc(var(--col-01)/2);z-index:999;justify-content:flex-end;margin:0 auto;display:flex;position:sticky;top:0}.anmeldung-studium a{pointer-events:all;width:calc(var(--p)*12);height:calc(var(--p)*12);border-radius:50%;position:absolute}.anmeldung-studium .bubble{background:var(--color-secondary);color:var(--color-primary)}.anmeldung-studium .cta:hover .bubble{background:var(--color-primary);color:var(--color-secondary)}.anmeldung-studium .cta{--scale:1;--rot:6deg}.anmeldung-studium .cta.is-sticky{--scale:.75;--rot:6deg}@media only screen and (max-width:800px){.anmeldung-studium .cta.is-sticky{--scale:.9;--rot:6deg}}.anmeldung-studium .cta:hover{--scale:1.1;--rot:0deg}.anmeldung-studium .txt-mini,.anmeldung-studium .cta.is-sticky .txt-full{display:none}.anmeldung-studium .cta.is-sticky .txt-mini,.anmeldung-studium .cta:hover .txt-full{display:block}.anmeldung-studium .cta:hover .txt-mini{display:none}.swiper-section article:not(.halle180-card){width:var(--col-06)}.swiper-section article p:not(.bubble-container .bubble p):not(.halle180-card p){width:var(--col-05)}.bubble-container.infotag{left:calc(var(--col-03) + var(--margins));top:calc(var(--margins)*-1)}@media only screen and (max-width:800px){.bubble-container.infotag{left:calc(var(--col-01) + var(--margins))}}.infotag .bubble{width:var(--col-04);height:var(--col-04);padding:0 calc(var(--p)*3)}.bubble-container.infotag a .bubble{background:var(--color-primary);color:var(--color-secondary);transform:scale(1)}.bubble-container.infotag a:hover .bubble{background:var(--color-secondary);color:var(--color-primary);transform:scale(1.1)}.swiper-section{width:100vw;max-width:100vw;left:calc(var(--margins)*-1);position:relative}.swiper-section .side-by-side-article{max-width:var(--max-width);padding:var(--v-space)var(--margins);margin:0 auto}.bubble-container.instagram{position:absolute}.instagram .bubble{width:var(--col-04);height:var(--col-04);margin-left:var(--col-03);padding:0 calc(var(--p)*4);justify-content:center;display:flex}@media only screen and (max-width:800px){.instagram .bubble{margin-left:var(--col-01)}}.bubble-container.instagram a .bubble{background-color:var(--color-dark);color:var(--color-bright);transform:scale(1)}.bubble-container.instagram a .bubble:after{content:"";width:var(--col-01);height:var(--col-01);left:calc(var(--col-01)*-.5);top:calc(var(--col-01)*.5);background:url(/storage/campaign/bachelorarchitektur/Instagram_Glyph_Gradient.webp) 0 0/contain no-repeat;display:block;position:absolute}.bubble-container.instagram a:hover .bubble{background-color:var(--color-primary);color:var(--color-secondary);transform:scale(1.1)}@media only screen and (max-width:800px){section{position:relative;overflow-x:hidden}}figure{width:100vw;height:125vh;left:calc(var(--margins)*-1);background-color:#ddd;position:relative;overflow:hidden}@media only screen and (max-width:800px){figure{height:110vh}}.hero{margin-top:calc(var(--gutter)*3)}.visual-container,.visual-container .hl-container{width:100%;height:100%;position:relative;overflow:hidden}.visual-container img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}figure .visual-container [data-parallax]{position:absolute;inset:0}figure .visual-container [data-parallax] img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;position:relative;top:-25vh}.crossfade-figure .visual-container{position:relative}.crossfade-figure picture{width:100%;height:100%;position:absolute;inset:0}.crossfade-figure picture img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.visual-container .hl-container{padding-left:max(var(--col-01),calc(var(--page-margin) + var(--col-01)));position:absolute;top:0;left:0}@media only screen and (max-width:800px){.visual-container .hl-container{padding-left:var(--margins)}}figure .hl-block{bottom:calc(var(--v-space) + var(--p));gap:calc(var(--p)*.5);flex-direction:column;display:flex;position:absolute}figure .project-info-line{padding-left:max(calc(var(--col-01) + var(--margins)),calc(( ( 100vw - var(--max-width))/2 ) + calc(var(--col-01) + var(--margins))));bottom:calc(var(--p)*.25);position:absolute}@media only screen and (max-width:800px){figure .project-info-line{padding-left:calc(var(--margins)*2)}}figure .project-info-line p,figure .project-info-line p a{color:var(--color-bright)}figure .project-info-line p a{color:var(--color-bright);border-bottom:1px solid #fff6}figure .project-info-line p a:hover{border-bottom:1px solid #fff}figure .hl-container .hl,figure .hl-container .claim{width:fit-content;color:var(--color-secondary);background-color:var(--color-primary);font-family:Helvetica,Arial,sans-serif;font-weight:var(--fett);padding:calc(var(--p)*.5)calc(var(--p)*1);border-radius:calc(var(--p)*.5);margin-bottom:0;display:inline-block}@media only screen and (max-width:800px){figure .hl-container .hl,figure .hl-container .claim{padding:calc(var(--p)*.6)calc(var(--p)*.75)}}.project-info-line{margin-top:var(--p)}.testimonial-link .project-info-line p span{color:var(--color-dark);padding-bottom:calc(var(--p)*.1);border-bottom:1px solid #0003;transition:border .5s}.testimonial-link:hover .project-info-line p span{border-bottom:1px solid var(--color-dark);transition:border .1s ease-in}section{padding:calc(var(--v-space)*.25)0;margin-bottom:calc(var(--v-space)*4)}.section-header{margin-left:var(--col-02);color:var(--color-dark);margin-bottom:calc(var(--v-space)*3)}.swiper-section .section-header{margin-left:max(var(--col-02),calc(var(--page-margin) + var(--col-02)))}@media only screen and (max-width:800px){.section-header,.swiper-section .section-header{margin-left:var(--col-01)}}#berufsbild .section-header{margin-left:var(--col-03)}@media only screen and (max-width:800px){#berufsbild .section-header{margin-left:var(--col-01)}}#perspektiven .section-header{margin-left:var(--col-01)}#halle180plus h2{margin-left:max(calc(var(--col-01) + var(--margins)),calc(var(--page-margin) + var(--col-01) + var(--margins)));z-index:9;position:relative}#winterthur .section-header{margin-left:var(--col-01)}@media only screen and (max-width:800px){#winterthur .section-header{margin-left:var(--col-01)}}#organisatorisches .section-header{margin-left:var(--col-03)}@media only screen and (max-width:800px){#organisatorisches .section-header{margin-left:var(--col-01)}}article{width:var(--col-07)}article p{width:var(--col-06)}article h3,article p{margin-left:var(--col-01)}@media only screen and (max-width:800px){article,article p{width:var(--col-06)}.halle180-card p{width:var(--col-05)}}#berufsbild h3{margin-left:0}#berufsbild article h3,article h4{margin-top:calc(var(--p)*.5);margin-bottom:calc(var(--p)*2)}.smaller-headlines h4{margin-left:var(--col-01)}@media only screen and (max-width:800px){.smaller-headlines h4{margin-left:var(--col-01);padding-left:0}}.side-by-side-article{gap:var(--col-01);padding:var(--v-space)0;display:flex;position:relative}.switched{flex-direction:row-reverse}.switched article{padding-left:var(--gap)}@media only screen and (max-width:800px){.side-by-side-article{flex-direction:column}}.margin-col-01.side-by-side-article{padding-left:var(--col-01)}@media only screen and (max-width:800px){.margin-col-01.side-by-side-article{padding-left:var(--gap)}}.side-by-side-article .auf-einen-blick{padding-top:calc(var(--v-space)*6)}@media only screen and (max-width:800px){.side-by-side-article .auf-einen-blick{padding-top:calc(var(--v-space)*.5);padding-bottom:calc(var(--v-space)*4)}}.auf-einen-blick h3{margin-bottom:calc(var(--v-space)*.5)}.v-space-down{margin-bottom:var(--v-space)}.perspektiven-projekt-rail-container{width:var(--col-07);gap:var(--gap);display:flex}@media only screen and (max-width:800px){.perspektiven-projekt-rail-container{width:100%}}.perspektiven-projekt-rail{width:calc(var(--col-04) - ( var(--margins)/1 ))}.auf-einen-blick{margin-bottom:calc(var(--v-space)*-4)}@media only screen and (max-width:800px){.auf-einen-blick{margin-left:var(--col-01)}}.auf-einen-blick table{border-collapse:collapse}.auf-einen-blick th,.auf-einen-blick td,.auf-einen-blick a,.auf-einen-blick p{font-size:calc(var(--p)*.8)}.auf-einen-blick p{margin-top:calc(var(--p)*1)}.auf-einen-blick tr{border-bottom:1px solid #00000040}.auf-einen-blick th{min-width:var(--col-02);padding:calc(var(--p)*.25)0;padding-right:var(--gutter);text-align:left;vertical-align:top}.auf-einen-blick td{max-width:var(--col-04);padding:calc(var(--p)*.25)0}.intro-project-container{width:var(--col-04)}@media only screen and (max-width:800px){.intro-project-container{margin-left:var(--col-01)}}.intro-container{gap:var(--col-02);padding-left:var(--col-02);display:flex}@media only screen and (max-width:800px){.intro-container{flex-direction:column;padding-left:0}}.orga-intro article{margin-left:var(--col-02)}@media only screen and (max-width:800px){.orga-intro article{margin-left:0}}.content-visual-container{width:var(--col-08)}@media only screen and (max-width:800px){.content-visual-container{width:100vw;margin-left:calc(var(--margins)*-1)}}.content-visual-container .bu{margin-top:var(--gap);padding-left:calc(var(--gap)/2)}@media only screen and (max-width:800px){.content-visual-container .bu{padding-left:var(--margins)}}.swiper-section .content-visual-container{width:var(--col-09)}@media only screen and (max-width:800px){.swiper-section .content-visual-container{width:100vw;margin-left:calc(var(--margins)*-1)}}.content-visual-container .full{aspect-ratio:4/3}.content-visual-container .two-half{display:flex}.content-visual-container img{padding:calc(var(--gap)/2)}.content-visual-container .full img{padding-bottom:calc(var(--gap)/3)}.content-visual-container .two-half .visual-container{aspect-ratio:4/5}.single-picture .full{aspect-ratio:3/4}.figure-halle180{width:100vw;position:absolute;left:0}.halle180-card{z-index:1;background-color:var(--color-bright);width:calc(var(--col-08) + ( var(--gutter)*1 ));left:var(--gutter);padding:calc(( var(--col-01)/2 ) + var(--gutter));padding-top:calc(var(--gutter)*2.6);margin-top:175vh;margin-left:max(var(--col-01),calc(var(--page-margin) + var(--col-01) + var(--margins)));margin-bottom:calc(var(--v-space)*-5);position:relative}.halle180-card p{padding-right:calc(var(--gutter)*2)}@media only screen and (max-width:800px){.halle180-card{width:calc(100% - ( var(--margins)*2));margin-top:150vh;margin-left:var(--margins);left:0}}.blending-slideshow .visual-container{position:relative;overflow:hidden}.blending-slideshow .visual-container img{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;inset:0}.blending-slideshow .visual-container img.is-visible{opacity:1}.slider-main-visual,.slider-main-visual img{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.single-picture .slider-main-visual{aspect-ratio:4/3;width:100%}.content-swiper .swiper-slide{width:var(--col-02);margin-right:var(--gap);aspect-ratio:4/3}.swiper-thumbs-rail-container{margin-bottom:var(--v-space)}.preview{position:relative}.preview-img{-o-object-fit:cover;object-fit:cover;will-change:opacity;width:100%;height:100%;transition:opacity .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}#back{opacity:0}:root{--swiper-edge-gap:var(--col-01)}.content-swiper:not(.swiper-loop) .swiper-slide:first-child{margin-left:var(--swiper-edge-gap)}.content-swiper:not(.swiper-loop) .swiper-slide:last-child{margin-right:var(--swiper-edge-gap)}.swiper-button-next,.swiper-button-prev{color:var(--color-dark)}.swiper-button-prev:after,.swiper-button-next:after{content:""}.custom-prev,.custom-next{width:calc(var(--p)*2.25);height:calc(var(--p)*2);cursor:pointer;background:0 0;border:none;place-items:center;display:flex}.custom-prev div,.custom-next div{background:#fff;width:100%;height:100%;transition:transform .2s;display:block}.custom-prev:hover div,.custom-next:hover div{transform:scale(.85)}.custom-prev:disabled,.custom-next:disabled{opacity:.35;cursor:default}button.perspektiven-projekt-thumbnail{all:unset;cursor:pointer;display:block}.perspektiven-projekt-thumbnail{margin-bottom:calc(var(--p)*2)}.perspektiven-projekt-thumbnail .thumb-container{transition:transform .25s ease-out}.perspektiven-projekt-thumbnail:hover .thumb-container{transform-origin:50%;transition:transform .25s ease-out;transform:scale(1.05)}.perspektiven-projekt-thumbnail p:first-of-type{margin-bottom:calc(var(--p)/2);margin-bottom:0;margin-top:calc(var(--p)/2)}body.modal-open{width:100%;position:fixed;inset:0;overflow:hidden}.perspektiven-projekt-modal-overlay{opacity:0;pointer-events:none;z-index:10000;background:#ffffffd9;place-items:center;width:100vw;height:100vh;transition:opacity .3s;display:grid;position:fixed;inset:0}@media only screen and (max-width:800px),only screen and (orientation:portrait){.perspektiven-projekt-modal-overlay{block-size:100svh;height:100dvh;inline-size:100vw;padding:var(--margins)0;place-items:start center;position:fixed;inset:0}}.perspektiven-projekt-modal{width:calc(100% - ( var(--margins)*2 ));max-width:var(--max-width);border-radius:calc(var(--p)*.5);height:94vh;max-height:94vh;padding:0 var(--margins);opacity:0;background:#fff;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;overflow-y:auto;transform:scale(.95);box-shadow:0 1rem 3rem #00000040}@media only screen and (max-width:800px),only screen and (orientation:portrait){.perspektiven-projekt-modal{min-height:calc(100svh - var(--p)*2);max-height:calc(100svh - var(--p)*2);-webkit-overflow-scrolling:touch;margin:0;overflow-y:auto}.perspektiven-projekt-modal .perspektiven-projekt-beschrieb{min-height:0}}@supports not (height:100svh){@media only screen and (max-width:800px),only screen and (orientation:portrait){.perspektiven-projekt-modal{max-height:calc(100vh - var(--p)*2);min-height:calc(100vh - var(--p)*2)}}}.modal-close{cursor:pointer;z-index:2000;right:calc(var(--p)*1);top:calc(var(--p)*1);font-size:calc(var(--p)*1.6);background:0 0;border:none;position:absolute}.perspektiven-projekt-modal-overlay.is-open{opacity:1;pointer-events:auto}.perspektiven-projekt-modal-overlay.is-open .perspektiven-projekt-modal{opacity:1;transform:scale(1)}.perspektiven-projekt-modal{cursor:default}.perspektiven-projekt-modal .modal-content-container{gap:var(--col-01);height:100%;padding-top:calc(var(--p)*1);align-items:flex-start;display:flex}@media only screen and (max-width:800px) and (orientation:portrait){.perspektiven-projekt-modal .modal-content-container{padding-top:calc(var(--p)*3);box-sizing:border-box;overscroll-behavior-x:contain;touch-action:pan-y;flex-direction:column;gap:0;width:100%;max-width:100%;overflow-x:hidden}}.perspektiven-projekt-modal .perspektiven-projekt-beschrieb .kurzbeschrieb{margin-top:calc(var(--v-space)*.75)}.perspektiven-projekt-modal .modal-swiper{width:var(--col-07)}@media only screen and (orientation:portrait){.perspektiven-projekt-modal .modal-swiper{width:var(--col-08);flex:none}}@media only screen and (max-width:800px){.perspektiven-projekt-modal .modal-swiper{flex:none;width:100%}}.perspektiven-projekt-modal .modal-swiper .swiper-slide img{aspect-ratio:1;width:100%}.modal-content-container .swiper-button-prev{left:0}.modal-content-container .swiper-button-next{right:0}.perspektiven-projekt-beschrieb{width:var(--col-07);padding-right:var(--col-01);padding-top:calc(var(--p)*3)}@media only screen and (max-width:800px) and (orientation:portrait){.perspektiven-projekt-beschrieb{padding-left:var(--col-01);padding-top:0}}.perspektiven-projekt-beschrieb .aussage{position:relative}.perspektiven-projekt-beschrieb .aussage:before{content:"«";left:calc(var(--p)*-.7);position:absolute}.perspektiven-projekt-beschrieb .aussage:after{content:"»"}.perspektiven-projekt-beschrieb .bottom-spacer{height:calc(var(--v-space)*1);display:block}.perspektiven-projekt-modal .modal-content-container{min-height:0}.perspektiven-projekt-modal{flex-direction:column;display:flex}.perspektiven-projekt-modal .modal-content-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;overflow-y:auto}@media only screen and (max-width:800px),only screen and (orientation:portrait){.perspektiven-projekt-modal{min-height:calc(100svh - var(--p)*2);max-height:calc(100svh - var(--p)*2)}.perspektiven-projekt-modal .modal-content-container{flex:auto;min-height:0;overflow-y:auto}}@media only screen and (max-width:800px){#berufsbild{padding-top:calc(var(--v-space)*1)}#studium{margin-top:calc(var(--v-space)*-3);padding-top:0}}#aufbau{margin-bottom:calc(var(--v-space)*1)}#abschlussarbeit{margin-bottom:calc(var(--v-space)*-.5)}@media only screen and (max-width:800px){#kreativitaet .content-visual-container{margin-top:calc(var(--v-space)*2);margin-bottom:calc(var(--v-space)*-1)}#insta-link .instagram{margin-top:calc(var(--v-space)*.75)}#infoveranstaltung article{margin-bottom:calc(var(--v-space)*3)}}#infoveranstaltung .single-picture,#studium .swiper-thumbs-rail-container{margin-top:var(--v-space)}@media only screen and (max-width:800px){#infoveranstaltung .single-picture{margin-top:calc(var(--p)*-6)}#studium .swiper-thumbs-rail-container{margin-top:calc(var(--p)*-1)}}#infoveranstaltung .bubble-container{margin-top:calc(var(--p)*3)}@media only screen and (max-width:800px){#perspektiven #perspektiven-double-rail{margin-top:calc(var(--v-space)*2);margin-bottom:calc(var(--v-space)*3)}#halle180plus{margin-top:calc(var(--v-space)*4)}#halle180plus .swiper-thumbs-rail-container{margin-top:calc(var(--p)*2)}}#organisatorisches h2{margin-bottom:calc(var(--v-space)*5)}#perspektiven{margin-bottom:calc(var(--v-space)*-11)}#winterthur{margin-bottom:calc(var(--v-space)*-1)}@media only screen and (max-width:800px){.intro-container article h4,.margin-col-01 article h4,.side-by-side-article article h4:not(.smaller-headlines article h4){padding-left:var(--margins)}}footer{width:100vw;left:calc(var(--margins)*-1);margin-top:var(--v-space);position:relative}.footer-content-container{height:calc(100svh - ( var(--p)*1.25 ));padding-top:var(--v-space);padding-right:var(--margins);flex-direction:column;align-content:space-between;display:flex}footer .masthead-line{background-color:var(--color-bright)}footer .bottom-links{padding-bottom:var(--gutter);gap:var(--gap);justify-content:space-between;align-items:center;margin-top:auto;display:flex}footer .address-block,footer .meta-block{margin-left:var(--col-03)}@media only screen and (max-width:800px){footer .address-block,footer .meta-block{margin-left:var(--col-02)}}footer .meta-block ul,footer .partner-block ul{list-style-type:none}footer .meta-block ul li,footer .partner-block ul li{margin-right:var(--p);margin-bottom:calc(var(--p)*1.2);display:inline-block}footer .meta-block ul li:last-of-type,footer .partner-block ul li:last-of-type{margin-right:0}footer .partner-block ul li img{height:calc(var(--p)*2.5)}footer a{color:var(--color-bright);padding-bottom:calc(var(--p)*.1);border-bottom:1px solid #ffffff80;text-decoration:none;transition:border .5s}footer a:hover{border-bottom:1px solid #fff;transition:border .1ms linear}footer .partner-block a{border:none!important}.footer-impressum-container{padding-top:calc(var(--v-space)*1)}@media only screen and (max-width:800px){.footer-impressum-container{padding-top:calc(var(--v-space)*3)}}.footer-impressum-container .like-h4{font-size:var(--p);font-weight:var(--fett);margin-top:calc(var(--p)*3)}.footer-impressum-container{padding-left:var(--col-03)}@media only screen and (max-width:800px){.footer-impressum-container{padding-left:var(--col-02)}}.footer-impressum-container .bottom-spacer{height:calc(var(--v-space)*1.5);display:block}#footer-impressum{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transition:max-height .35s,padding-bottom .35s,opacity .35s,transform .35s;overflow:hidden;transform:translateY(1rem)}#footer-impressum.is-open{padding-top:calc(var(--v-space)*1);opacity:1;padding-bottom:0;transform:translateY(0)}@media only screen and (max-width:800px){#footer-impressum.is-open{padding-top:calc(var(--v-space)*3)}}.meta-block li{position:relative}#toggle-impressum.is-open small:before{content:"× ";left:calc(var(--p)*-.75);top:calc(var(--p)*.2);position:absolute}.side-by-side-article .preview-container{align-items:center;display:flex}.hl-block{width:100%}.hl-container img{width:calc(var(--p)*34)}.infotag .bubble p{margin-bottom:0}.masthead-logo{opacity:1}body.loaded .masthead-title,body.loaded .masthead-line,body.loaded nav a,body.loaded .hero,body.loaded .bubble-container{opacity:0;transform:translateY(10px)}body.loaded .masthead-title{animation:.8s ease-out .5s forwards fadeInUp}body.loaded .masthead-line{transform-origin:0;animation:.4s ease-out 1.3s forwards lineGrow;transform:scaleX(0)}body.loaded nav a:first-child{animation:.3s ease-out 1.4s forwards fadeInUp}body.loaded nav a:nth-child(2){animation:.3s ease-out 1.5s forwards fadeInUp}body.loaded nav a:nth-child(3){animation:.3s ease-out 1.6s forwards fadeInUp}body.loaded nav a:nth-child(4){animation:.3s ease-out 1.7s forwards fadeInUp}body.loaded nav a:nth-child(5){animation:.3s ease-out 1.8s forwards fadeInUp}body.loaded nav a:nth-child(6){animation:.3s ease-out 1.9s forwards fadeInUp}body.loaded nav a:nth-child(7){animation:.3s ease-out 2s forwards fadeInUp}body.loaded .hero{animation:.8s ease-out 2.4s forwards fadeInUp}body.loaded .bubble-container{animation:.6s cubic-bezier(.175,.885,.32,1.275) 3.2s forwards stampIn;transform:scale(1.4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.4)}60%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){body.loaded .masthead-title,body.loaded .masthead-line,body.loaded nav a,body.loaded .hero,body.loaded .bubble-container{opacity:1!important;animation:none!important;transform:none!important}}.visually-hidden{position:absolute;left:-9999px}html.page-frozen body>:not(.perspektiven-projekt-modal-overlay) *{will-change:auto!important;transition:none!important;animation:none!important}html.page-frozen [data-parallax]{transform:none!important}html.page-frozen .blending-slideshow .visual-container img,html.page-frozen .content-visual-container .preview-img{transition:none!important}.perspektiven-projekt-modal .modal-swiper{position:relative}.perspektiven-projekt-modal .modal-swiper .swiper-button-prev,.perspektiven-projekt-modal .modal-swiper .swiper-button-next{z-index:10;position:absolute;top:50%;transform:translateY(-50%)}.perspektiven-projekt-modal .modal-swiper .swiper-button-prev{left:0}.perspektiven-projekt-modal .modal-swiper .swiper-button-next{right:0}html.page-frozen .modal-swiper .swiper-button-prev,html.page-frozen .modal-swiper .swiper-button-next{transform:translateY(-50%)!important}