@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-Bold.woff2") format("woff2");font-style:normal;font-weight:700}@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic}@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-Regular.woff2") format("woff2");font-style:normal;font-weight:400}@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-Italic.woff2") format("woff2");font-weight:400;font-style:italic}@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500}@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-MediumItalic.woff2") format("woff2");font-weight:500;font-style:italic}@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600}@font-face{font-family:ArtegraSans;src:url("../fonts/ArtegraSans-SemiBoldItalic.woff2") format("woff2");font-weight:600;font-style:italic}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-Black.woff2") format("woff2");font-style:normal;font-weight:900}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-BlackIta.woff2") format("woff2");font-weight:900;font-style:italic}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-Bold.woff2") format("woff2");font-style:normal;font-weight:700}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-BoldIta.woff2") format("woff2");font-weight:700;font-style:italic}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-ExtraBold.woff2") format("woff2");font-style:normal;font-weight:800}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-ExtBdIta.woff2") format("woff2");font-weight:800;font-style:italic}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-Regular.woff2") format("woff2");font-style:normal;font-weight:400}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-Italic.woff2") format("woff2");font-weight:400;font-style:italic}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-Light.woff2") format("woff2");font-style:normal;font-weight:300}@font-face{font-family:ArtegraSansExtended;src:url("../fonts/ArtegraSansExtended-LightIta.woff2") format("woff2");font-weight:300;font-style:italic}:root{--color-white: #fff;--color-black: #000;--color-grey-light: #f5f5f5;--color-blue: #1e243f;--color-orange: #ff7f00;--color-brown: #CBC1B7;--color-background: var(--color-white);--color-text: var(--color-blue);--font-default: "ArtegraSans", ArtegraSans, Artegra Sans, Inter, system-ui, sans-serif;--font-headline: ArtegraSansExtended, Inter, system-ui, sans-serif;--scroll-offset: 8rem;--column-width: 5.5rem;--column-gap: 1.25rem;--width-grid: 79.75rem;--width-grid-header: 87.75rem}section{scroll-margin-top:8rem;padding:0;margin:1rem 0;margin-top:var(--margin)}@media(max-width: 768px){section{margin-top:var(--marginMobile, --margin)}}section .container{display:grid;grid-auto-rows:1fr;grid-gap:var(--column-gap);grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;margin:0 auto;max-width:var(--width-grid);padding:0;padding-bottom:var(--paddingBottom, 1rem);padding-top:var(--paddingTop, 1rem);margin-bottom:var(--marginBottom, 0);margin-top:var(--marginTop, 0)}@media(max-width: 768px){section .container{display:flex;flex-direction:column;gap:2rem;padding-bottom:var(--paddingMobileBottom, var(--paddingBottom, 1rem));padding-top:var(--paddingMobileTop, var(--paddingTop, 1rem));margin-bottom:var(--marginMobileBottom, var(--marginBottom, 0));margin-top:var(--marginMobileTop, var(--marginTop, 0));padding-left:1rem;padding-right:1rem}}section[data-fullwidth]{max-width:100vw;padding:0;margin:0;padding-bottom:var(--paddingBottom, 1rem);padding-top:var(--paddingTop, 1rem);margin-bottom:var(--marginBottom, 0);margin-top:var(--marginTop, 0);margin-top:var(--margin)}section[data-fullwidth] .container{max-width:none;margin:0;padding:0;margin-left:var(--margin-sides);margin-right:var(--margin-sides)}@media(max-width: 768px){section[data-fullwidth] .container{max-width:100vw}}@media(max-width: 1024px){section[data-fullwidth]{margin:0}}section[data-extendbackground]{max-width:100vw;padding:0;display:block;background:var(--background);background-size:cover}section .column{grid-column:span var(--span)}@media(max-width: 768px){section .column:not(:has(*)){display:none}}section .column img{display:block}section[data-alignment=left]{text-align:left}section[data-alignment=center]{text-align:center}section[data-alignment=center] .icon{margin:0 auto;width:auto}section[data-alignment=center] .buttongroup{justify-content:center}section[data-alignment=center] .button{justify-content:center}section[data-alignment=right]{text-align:right}section[data-alignment=justify]{text-align:justify}picture img{height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;display:block}.spacer{height:var(--spaceDesktop, 0)}@media(max-width: 768px){.spacer{height:var(--spaceMobile, --spaceDesktop)}}.imageoverlay{aspect-ratio:var(--ratio);overflow:hidden;position:relative}.imageoverlay .overlay{position:absolute;inset:1.5rem;z-index:2;display:flex;flex-direction:column;background:rgba(255,255,255,.9);padding:1rem}.imageoverlay img.background{position:absolute;inset:0;z-index:1}.imageslider{position:relative}.imageslider .controls{position:absolute;inset:0;z-index:2}.imageslider .controls button{background:none;border:none;cursor:pointer;color:var(--color-blue);display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:1rem;position:absolute;top:50%;transform:translateY(-50%)}.imageslider .controls button:disabled{opacity:.3;pointer-events:none}.imageslider .controls button[onclick="prevImage(this)"]{left:-4rem}.imageslider .controls button[onclick="nextImage(this)"]{right:-4rem}.imageslider .slider-viewport{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.imageslider .slides{display:flex;transition:left 350ms ease-in;position:relative;left:0}.imageslider .slide{flex-shrink:0;opacity:.3;transition:opacity 500ms ease-in}.imageslider .slide.active{opacity:1}.imageslider .slide img{width:100%;display:block}.column:has(.badge){display:flex;align-items:baseline}.column:has(.badge):has(.badge[data-alignment=left]){justify-content:start}.column:has(.badge):has(.badge[data-alignment=center]){justify-content:center}.column:has(.badge):has(.badge[data-alignment=right]){justify-content:end}.socials{display:flex;gap:.5rem}.socials a{text-decoration:none;margin:0 !important}.container:has(.client-logos){margin:0 -1rem !important}@media(max-width: 768px){.container:has(.client-logos){margin:0 !important}}.client-logos{overflow:hidden;width:100svw;display:flex;gap:3rem;position:relative;min-height:10rem}@media(max-width: 768px){.client-logos{min-height:5rem;height:5rem}}.client-logos:first-child{margin-bottom:3rem}.logo-container{display:flex;gap:3rem;position:absolute;top:0}.logo-container img{filter:saturate(0)}@media(max-width: 768px){.logo-container img{height:5rem;width:auto}}header{left:0;position:fixed;right:0;top:2.5rem;z-index:10}@media(max-width: 768px){header{position:fixed !important;transform:none !important;top:0 !important;z-index:1000}}header .container{align-items:start;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--width-grid-header);padding:0}@media(max-width: 768px){header .container{max-width:100vw;margin:0;padding:1rem}}@media(max-width: 768px){header .logo svg{width:15rem}}header .logo svg path{transition:all 150ms ease-in;transform:translateY(0)}header.scrolled .logo svg path{color:rgba(255,255,255,0);transform:translateY(-10rem)}header.scrolled .logo svg path.b{transform:translateX(0rem) !important;color:var(--color-orange)}header a{color:var(--color-white)}header button.menu{background:rgba(255,255,255,.6);border-radius:2rem;backdrop-blur:filter(2px);border:none;color:var(--color-blue);cursor:pointer;font-size:12px;font-style:SemiBold;font-weight:600;letter-spacing:2px;line-height:120%;padding:1rem 2rem;text-transform:uppercase;box-shadow:0px 1px 1px rgba(3,7,18,0),0px 5px 4px rgba(3,7,18,.01),0px 12px 9px rgba(3,7,18,.01),0px 20px 15px rgba(3,7,18,.02),0px 32px 24px rgba(3,7,18,.02)}@media(max-width: 768px){header button.menu{padding:1rem}}header button.menu:hover{background:rgba(255,255,255,.9);backdrop-blur:filter(5px)}header button.menu .icon{display:none}@media(max-width: 768px){header button.menu .icon{display:block}}header button.menu span{display:block}@media(max-width: 768px){header button.menu span{display:none}}nav#main{position:fixed;inset:0;z-index:10;background:var(--color-blue);color:var(--color-white);transform:scale(0.7);opacity:0;pointer-events:none;transition:all 250ms ease-in-out;z-index:1001}nav#main.active{transform:scale(1);opacity:1;pointer-events:all}nav#main:before{content:" ";background:url("../images/menu-top.svg") 0 0 no-repeat;background-size:100% auto;width:100%;height:50vh;display:block;position:absolute;top:0;left:0;right:0;z-index:1}nav#main:after{content:" ";background:url("../images/menu-bottom.svg") left bottom no-repeat;width:100%;height:50vh;display:block;position:absolute;bottom:0;left:0;right:0;z-index:1}@media(max-width: 768px){nav#main:after{background-size:100% auto}}nav#main .container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:var(--width-grid);position:relative}nav#main a.home{align-items:center;background:none;border:none;color:var(--color-white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;left:calc((var(--width-grid) - 50rem)/2);position:absolute;text-decoration:none;top:3rem;z-index:3}@media(max-width: 768px){nav#main a.home{left:2rem;top:2rem}}nav#main a.home:hover{color:var(--color-orange)}nav#main button.close{background:none;border:none;border-radius:2rem;cursor:pointer;position:absolute;right:0;top:3rem;z-index:3;color:var(--color-white);padding:.7rem 2rem}@media(max-width: 768px){nav#main button.close{top:1.25rem}}nav#main button.close:hover{background:rgba(255,255,255,.3)}nav#main menu.primary{display:flex;flex-direction:column;z-index:2;position:relative;margin:0;padding:0;min-width:50rem}@media(max-width: 768px){nav#main menu.primary{min-width:auto;padding:2rem;width:100%;gap:2rem}}nav#main menu.primary a{color:var(--color-white);font-family:var(--font-headline);font-size:4rem;font-weight:250;letter-spacing:4px;line-height:1.2;text-decoration:none;text-transform:uppercase;cursor:pointer;position:relative}@media(max-width: 768px){nav#main menu.primary a{font-size:1.5rem;letter-spacing:2px}}nav#main menu.primary a:hover{color:var(--color-orange);font-weight:600}nav#main menu.primary a.active{font-weight:600}nav#main menu.secondary{display:flex;gap:2rem;z-index:2;position:relative;padding:0;margin:2rem 0}@media(max-width: 768px){nav#main menu.secondary{flex-direction:column;min-width:auto;width:100%;gap:2rem;margin:1rem 0 0 0}}nav#main menu.secondary a{color:var(--color-white);font-family:var(--font-headline);font-weight:500;font-size:.75rem;line-height:1.2;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-decoration:none}@media(max-width: 768px){nav#main menu.secondary a{font-size:1rem}}nav#main menu.secondary a:hover{color:var(--color-orange);font-weight:900;text-decoration:none}nav#main menu.secondary a.active{font-weight:900}footer section:first-child{margin-top:10rem}@media(max-width: 768px){footer section:first-child .column:first-child img{margin:0 auto}}footer section:first-child .socials{justify-content:end}@media(max-width: 768px){footer section:first-child .socials{justify-content:center}}footer section:first-child .socials a{color:var(--color-blue)}footer section:first-child .socials a:hover{color:var(--color-orange)}footer section:first-child p{font-weight:600;font-size:12px;line-height:1.4;letter-spacing:0;vertical-align:bottom;color:var(--color-blue);text-align:right}@media(max-width: 768px){footer section:first-child p{text-align:center}}footer section:first-child a{text-decoration:none;color:var(--color-blue);margin:0 2rem 0 0}footer section:first-child a:hover{color:var(--color-orange)}footer section:last-child{background-color:var(--color-blue);background-image:url("../images/font-footer.svg");background-repeat:no-repeat;background-position:bottom center;background-size:100vw auto;color:var(--color-white);margin:0;padding:4rem 0 6rem 0}footer section:last-child p{color:var(--color-white);font-weight:600;font-style:SemiBold;font-size:12px;line-height:120%;letter-spacing:2px}footer section:last-child a{color:var(--color-white);font-weight:600;font-style:SemiBold;font-size:12px;line-height:120%;letter-spacing:2px;text-transform:uppercase;text-decoration:none;background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-white) 50%)}footer section:last-child a:after{background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-blue) 50%)}footer section:last-child a:hover{color:var(--color-orange)}footer section:last-child .buttongroup{display:flex;gap:3.5rem;justify-content:end}@media(max-width: 768px){footer section:last-child .buttongroup{flex-direction:column}}.scrollToTop{background:rgba(255,255,255,.6);border-radius:3rem;backdrop-blur:filter(2px);border:none;color:var(--color-blue);cursor:pointer;box-shadow:0px 1px 1px rgba(3,7,18,0),0px 5px 4px rgba(3,7,18,.01),0px 12px 9px rgba(3,7,18,.01),0px 20px 15px rgba(3,7,18,.02),0px 32px 24px rgba(3,7,18,.02);position:fixed;bottom:-5rem;right:calc((100vw - var(--width-grid-header))/2);width:4rem;height:4rem;z-index:10;display:flex;justify-content:center;align-items:center;transition:all 500ms ease-in-out}@media(max-width: 768px){.scrollToTop{right:1rem;width:3rem;height:3rem}}.scrollToTop.visible{bottom:3rem}@media(max-width: 768px){.scrollToTop.visible{bottom:1rem}}.scrollToTop:hover{background:rgba(255,255,255,.9);backdrop-blur:filter(5px)}h1.svg-headline{margin:1rem 0;padding:0}h1.svg-headline span{display:none}h1.svg-headline svg{width:100%;height:auto}.container:has(h1.svg-headline){max-width:none}.extend-right .column:last-child{margin-right:calc((100vw - var(--width-grid))/-2)}.extend-left .column:first-child{margin-left:calc((100vw - var(--width-grid))/-2)}section.background-blue{background:var(--color-blue);color:var(--color-white)}section.background-blue .buttongroup a,section.background-blue .button-primary{background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-white) 50%)}section.background-blue .buttongroup a:after,section.background-blue .button-primary:after{background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-white) 50%)}section.background-grey-light{background:var(--color-grey-light)}section.background-grey-gradient{background:linear-gradient(#D8D7D7 0%, #ffffff 100%)}section.background-news{background:url("../images/background-news.svg") 0 0;background-size:contain}section.background-home-brunold{margin:0;background-color:var(--color-grey-light);background-image:url("../images/background-brunold.svg");background-position:0 bottom;background-size:100% auto;background-repeat:no-repeat}section.background-home-interior{background-image:url("../images/background-interior.svg");background-position:0 5rem;background-size:70% auto;background-repeat:no-repeat}section.background-home-interior picture:first-of-type{position:relative;top:-100px}@media(max-width: 768px){section:first-child picture,section:first-child img{aspect-ratio:5/4}}details.accordion{position:relative}details.accordion .headline{cursor:pointer;font-family:var(--font-headline);font-size:22px;font-style:Light;font-weight:300;letter-spacing:3px;line-height:160%;list-style:none;padding:0;text-transform:uppercase;transition:all 300ms ease-in-out,font-weight 0ms linear;left:0}details.accordion .headline:-webkit-details-marker,details.accordion .headline:marker{display:none}details.accordion .headline:before{content:" ";display:block;left:-2rem;top:5px;position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-orange);transform:scale(0);transition:left 200ms ease-in}details.accordion .headline:hover{color:var(--color-orange);font-weight:700}details.accordion[open] .headline{color:var(--color-orange);position:relative;left:2rem;top:0;font-weight:700}details.accordion[open] .headline:before{content:" ";display:block;left:-2rem;top:5px;position:absolute;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-orange);transform:scale(1)}details{overflow:hidden}details .content{max-height:0;overflow:hidden;padding:0 10px;transition:max-height 1000ms ease-out}details[open] .content{max-height:200vh;transition:max-height 1000ms ease-out}.container:has(nav.menu-horizontal){max-width:none}nav.menu-horizontal{display:flex;height:45rem;width:100%}@media(max-width: 768px){nav.menu-horizontal{flex-direction:column;gap:1rem;height:auto}}nav.menu-horizontal a{align-items:center;background-image:var(--background);background-position:center;background-size:cover;text-decoration:none;flex:1;position:relative;overflow:hidden}@media(max-width: 768px){nav.menu-horizontal a{aspect-ratio:5/4;overflow:visible;display:block}}nav.menu-horizontal a:hover .overlay-blue,nav.menu-horizontal a:hover .overlay{transform:translateX(0%)}nav.menu-horizontal a:hover .overlay-blue:before,nav.menu-horizontal a:hover .overlay:before{left:5rem}nav.menu-horizontal .overlay-blue{position:absolute;inset:0;background-color:rgb(from var(--color-blue) r g b/87%);mix-blend-mode:multiply;transform:translateX(-100%);transition:all 350ms ease-in-out}@media(max-width: 768px){nav.menu-horizontal .overlay-blue{transform:translateX(0%)}nav.menu-horizontal .overlay-blue:before{display:none !important}}nav.menu-horizontal .overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;text-align:center;transform:translateX(-100%);transition:all 350ms ease-in-out}@media(max-width: 768px){nav.menu-horizontal .overlay{transform:translateX(0%)}nav.menu-horizontal .overlay:before{display:none !important}}nav.menu-horizontal .overlay:before{content:"";width:3rem;height:3rem;background:#fff url("../images/arrow-right.svg") center center no-repeat;border-radius:100%;display:block;top:50%;left:0;transform:translateX(-50%) translateY(-50%);transition:all 750ms ease-in-out;position:absolute}nav.menu-horizontal .label{color:var(--color-white);font-family:var(--font-headline);font-size:22px;font-style:Bold;font-weight:700;letter-spacing:2px;line-height:1.5;text-transform:uppercase}nav.menu-horizontal .eyebrow{color:var(--color-white);font-family:var(--font-headline);font-weight:600;font-style:SemiBold;font-size:13px;line-height:1.5;letter-spacing:3px;text-transform:uppercase}.reference-header{margin:7rem 0 3.5rem 0}.reference-header .eyebrow{color:var(--color-blue);font-family:var(--font-headline);font-size:14px;font-weight:700;letter-spacing:2px;line-height:1.5;margin:0;padding:0;text-transform:uppercase}.reference-header h1{color:var(--color-blue);font-family:var(--font-headline);font-size:40px;font-weight:800;letter-spacing:2px;line-height:1;margin:1.5rem 0 3rem 0;padding:0;text-transform:uppercase}.reference-header p{font-size:15px}.reference-header a.back{color:var(--color-blue);font-family:var(--font-default);font-weight:600;font-style:SemiBold;font-size:13px;line-height:100%;letter-spacing:1px;text-decoration:underline;text-decoration-style:solid;text-decoration-offset:0%;text-decoration-thickness:0%;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.reference-header a.back:hover{color:var(--color-orange)}dl{display:grid;grid-template-columns:1fr 2fr;gap:1rem}dt{font-family:var(--font-default);font-weight:700;font-size:13px;line-height:1.6;letter-spacing:2px;text-transform:uppercase;margin:0;padding:0}dd{font-family:var(--font-default);font-weight:400;font-style:Regular;font-size:13px;line-height:1.6;letter-spacing:0;margin:0;padding:0}blockquote{font-family:var(--font-default);font-weight:400;font-size:28px;line-height:1.4;letter-spacing:0;text-align:center;background:var(--color-grey-light);padding:7.5rem 6rem;box-shadow:4px 4px 27px 0px rgba(0,0,0,.2)}@media(max-width: 768px){blockquote{padding:3rem 2rem;font-size:1.25rem}}blockquote footer{font-family:var(--font-default);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:1.5px;text-align:center;margin:3rem 0 0 0}blockquote footer strong,blockquote footer b{text-transform:uppercase;font-weight:700}section.box .container{background:var(--color-grey-light);box-shadow:4px 4px 27px 0px rgba(0,0,0,.2)}section.box .container .column:last-child{height:100%;display:flex;flex-direction:column;justify-content:center;padding:4rem}.certificate{display:flex;flex-direction:column;gap:1rem}.certificate img{width:100%;height:auto;display:block}.certificate a{text-decoration:none;color:var(--color-blue);display:flex;flex-direction:column;gap:1rem}.certificate .title{font-family:var(--font-headline);font-weight:700;font-size:22px;line-height:1.6;letter-spacing:3px;text-transform:uppercase}.certificate .description{font-family:var(--font-default);font-weight:400;font-size:15px;line-height:1.6}.blogitems{display:grid;gap:var(--column-gap);grid-template-columns:1fr 1fr}.blogitems[data-columns="1"]{grid-template-columns:1fr}.blogitems[data-columns="2"]{grid-template-columns:1fr 1fr}.blogitems[data-columns="3"]{grid-template-columns:1fr 1fr 1fr}@media(max-width: 768px){.blogitems{grid-template-columns:1fr !important}}.blogitems .item{display:flex;flex-direction:column;gap:1.5rem;align-items:start}.blogitems .item img{aspect-ratio:31/15;display:block;width:100%;height:auto}.blogitems .item .title{font-family:var(--font-headline);font-weight:700;font-size:18px;line-height:1.5;letter-spacing:2px;text-transform:uppercase}.blogitems .item .description{font-family:var(--font-default);font-weight:400;font-size:15px;line-height:1.6}.blogitems a{color:var(--color-blue);font-family:var(--font-default);font-weight:600;font-style:SemiBold;font-size:15px;line-height:1.5;letter-spacing:0;text-decoration:none;display:inline-flex;text-decoration:underline;gap:.5rem}.blogitems a:hover{color:var(--color-orange)}.newsitems{position:relative}.newsitems .arrowPrev{position:absolute;top:8rem;left:-3.5rem;border:none;background:none;color:var(--color-blue);cursor:pointer;padding:1rem}.newsitems .arrowPrev:hover{color:var(--color-orange)}.newsitems .arrowPrev[disabled]{opacity:.25;pointer-events:none}.newsitems .arrowNext{position:absolute;top:8rem;right:-3.5rem;border:none;background:none;color:var(--color-blue);cursor:pointer;padding:1rem}.newsitems .arrowNext:hover{color:var(--color-orange)}.newsitems .arrowNext[disabled]{opacity:.25;pointer-events:none}.newsitems .items{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--column-gap)}@media(max-width: 768px){.newsitems .items{grid-template-columns:1fr}}.newsitems .item{flex:1;flex-direction:column;gap:1rem;text-align:left;display:none}.newsitems .item.active{display:flex}.newsitems .item img{width:100%;height:auto;display:block;margin:0 0 2rem 0;aspect-ratio:4/3}.newsitems .item .content{display:flex;flex-direction:column;gap:1rem}.newsitems .item time{color:var(--color-blue);font-family:var(--font-default);font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase}.newsitems .item .title{color:var(--color-blue);font-family:var(--font-headline);font-weight:700;font-size:18px;line-height:1.5;letter-spacing:2px;text-transform:uppercase}.newsitems .item .teaser,.newsitems .item .teaser p{color:var(--color-blue);font-family:var(--font-default);font-weight:400;font-size:15px;line-height:160%;letter-spacing:0}.newsbox-start .newsitems{background:linear-gradient(#D8D7D7 0%, #CBC1B7 100%);box-shadow:4px 4px 27px 0px rgba(0,0,0,.2)}.newsbox-start .items{display:block}.newsbox-start .arrowPrev,.newsbox-start .arrowNext{top:13rem}@media(max-width: 768px){.newsbox-start .arrowPrev{top:-4rem;left:0}.newsbox-start .arrowPrev svg{width:2rem;height:2rem}}@media(max-width: 768px){.newsbox-start .arrowNext{top:-4rem;right:0}.newsbox-start .arrowNext svg{width:2rem;height:2rem}}.newsbox-start .item{display:none;grid-template-columns:1fr 1fr;grid-template-rows:auto}.newsbox-start .item.active{display:grid}@media(max-width: 768px){.newsbox-start .item.active{display:flex}}.newsbox-start .item img{display:block;margin:0}.newsbox-start .item .content{padding:3rem;justify-content:center}body.reference{margin:0}@media(max-width: 768px){body.reference .container{gap:1rem}}body.reference .container:has([data-span="8"]){height:560px}@media(max-width: 768px){body.reference .container:has([data-span="8"]){height:auto}}body.reference .container:has([data-span="8"]) .column{height:560px}@media(max-width: 768px){body.reference .container:has([data-span="8"]) .column{height:auto}}body.reference .container:has([data-span="8"]) img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body.reference .container:has([data-span="7"]){height:590px}@media(max-width: 768px){body.reference .container:has([data-span="7"]){height:auto}}body.reference .container:has([data-span="7"]) .column{height:590px}@media(max-width: 768px){body.reference .container:has([data-span="7"]) .column{height:auto}}body.reference .container:has([data-span="7"]) img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}body.reference .container:has([data-span="4"]+[data-span="4"]){height:590px}@media(max-width: 768px){body.reference .container:has([data-span="4"]+[data-span="4"]){height:auto}}body.reference .container:has([data-span="4"]+[data-span="4"]) .column{height:590px}@media(max-width: 768px){body.reference .container:has([data-span="4"]+[data-span="4"]) .column{height:auto}}body.reference .container:has([data-span="4"]+[data-span="4"]) img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.reference{margin:0 0 5rem 0;text-decoration:none}@media(max-width: 768px){.reference{display:block}.reference h1{font-size:1.75rem}}.reference .image{position:relative;overflow:hidden}.reference .image:hover .overlay-blue,.reference .image:hover .overlay{transform:translateX(0%)}.reference .image:hover .overlay-blue:before,.reference .image:hover .overlay:before{left:5rem}@media(max-width: 768px){.reference .image img{width:100%}}.reference .overlay-blue{position:absolute;inset:0;background-color:rgb(from var(--color-blue) r g b/87%);transform:translateX(-100%);transition:all 350ms ease-in-out;mix-blend-mode:multiply}.reference .overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;text-align:center}.reference .overlay:before{content:"";width:3rem;height:3rem;background:#fff url("../images/arrow-right.svg") center center no-repeat;border-radius:100%;display:block;top:50%;left:-5rem;transform:translateX(-50%) translateY(-50%);transition:all 750ms ease-in-out;position:absolute}.reference main img:not(.badge){width:100%;height:auto}.reference .eyebrow{color:var(--color-blue);font-family:var(--font-headline);font-weight:300;font-style:Light;font-size:14px;line-height:1.2;letter-spacing:2px;text-transform:uppercase;margin:2rem 0 1rem 0}.reference .name{color:var(--color-blue);font-family:var(--font-headline);font-weight:700;font-style:Bold;font-size:22px;line-height:1.2;letter-spacing:2px;text-transform:uppercase}.reference .controls{display:flex;gap:1rem;align-items:center}.reference .controls button{border:none;background:none;cursor:pointer;color:var(--color-blue)}.reference .controls button:hover{color:var(--color-orange)}.reference .controls button[disabled]{opacity:.2}.reference .controls a{color:var(--color-blue);font-family:var(--font-default);font-weight:600;font-style:SemiBold;font-size:15px;line-height:100%;text-decoration:none}.reference .controls a:hover{color:var(--color-orange)}.reference .siblings{margin:4rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--column-gap)}@media(max-width: 768px){.reference .siblings{grid-template-columns:repeat(2, 1fr)}}.reference .siblings a{color:var(--color-blue);text-decoration:none}.reference .siblings .client{margin:3rem 0 .5rem 0;font-family:var(--font-headline);font-weight:700;font-size:18px;line-height:1.3;letter-spacing:2px;text-transform:uppercase}@media(max-width: 768px){.reference .siblings .client{font-size:14px}}.reference .siblings .clientType{font-family:var(--font-default);font-weight:400;font-size:15px;line-height:1.6;letter-spacing:0}.reference .siblings .referenceitem{display:none;flex:1;opacity:.4;transition:all 450ms ease-in-out}.reference .siblings .referenceitem:hover{opacity:1}.reference .siblings .referenceitem.active{display:block}.team{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--column-gap);grid-column:span/12}@media(max-width: 768px){.team{grid-template-columns:repeat(2, 1fr)}.team .member img{width:100%;height:auto}}.team .member{margin:0 0 2rem 0;text-align:left}.team .member .placeholder{aspect-ratio:1/1;width:100%;height:auto;background:#d9d9d9}.team .member .name{margin:1rem 0 .5rem 0;font-family:var(--font-headline);font-weight:700;font-size:18px;line-height:1.5;letter-spacing:2px;text-transform:uppercase}@media(max-width: 768px){.team .member .name{font-size:1rem}}.team .member .position{font-weight:400;font-size:15px;line-height:1.5;letter-spacing:0}.joblist .job{border-bottom:1px solid var(--color-blue)}.joblist .job:first-child{border-top:1px solid var(--color-blue)}.joblist .job summary{list-style:none;margin:0;padding:2rem 0;display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;cursor:pointer;color:var(--color-blue)}@media(max-width: 768px){.joblist .job summary{grid-template-columns:1fr}}.joblist .job summary:hover{color:var(--color-orange)}.joblist .job summary:-webkit-details-marker,.joblist .job summary:marker{display:none}.joblist .job summary h3{margin:0;padding:0;line-height:2rem}@media(max-width: 768px){.joblist .job summary h3{font-size:1rem}}.joblist .job summary:after{content:" ";width:2rem;height:2rem;background:url("../images/circle-plus.svg") 0 0 no-repeat;position:absolute;top:2.25rem;right:0}.joblist .job[open] summary:after{background:url("../images/circle-minus.svg") 0 0 no-repeat}.joblist .job .blocks{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--column-gap);margin:2rem 0;font-family:var(--font-default);font-weight:400;font-size:15px;line-height:1.5}@media(max-width: 768px){.joblist .job .blocks{grid-template-columns:1fr}}.joblist .job .blocks .headline{font-family:var(--font-default);font-weight:600;font-size:15px;line-height:1.5}.joblist .job .info{font-family:var(--font-default);font-weight:400;font-size:15px;line-height:1.5;display:flex;align-items:end;gap:2rem;margin:0 0 2rem 0}@media(max-width: 768px){.joblist .job .info{align-items:start;flex-direction:column}}.joblist .job .info p{font-weight:400;font-size:15px;line-height:1.5;display:flex}.joblist .job .info .links{margin:1rem 0;display:flex;gap:1rem}.joblist .job .info .links a{color:var(--color-blue);font-weight:600;font-size:15px;line-height:1.5}.benefits{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--column-gap)}@media(max-width: 768px){.benefits{grid-template-columns:repeat(2, 1fr)}}.benefits .benefit{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px solid var(--color-blue);padding:1rem;text-align:center}@media(max-width: 768px){.benefits .benefit{font-size:14px;padding:.75rem}}.azubi-faq .faq{border-bottom:1px solid var(--color-white)}.azubi-faq .faq:first-child{border-top:1px solid var(--color-white)}.azubi-faq .faq summary{list-style:none;margin:0;padding:2rem 0;font-family:var(--font-headline);font-weight:700;font-size:18px;line-height:1.5;letter-spacing:2px;text-transform:uppercase}.azubi-faq .faq summary:hover{color:var(--color-orange)}.azubi-faq .faq summary:-webkit-details-marker,.azubi-faq .faq summary:marker{display:none}.azubi-faq .faq summary:after{content:" ";width:2rem;height:2rem;background:url("../images/circle2-plus.svg") 0 0 no-repeat;position:absolute;top:2.25rem;right:0}.azubi-faq .faq[open] summary{color:var(--color-orange)}.azubi-faq .faq[open] summary:after{background:url("../images/circle2-minus.svg") 0 0 no-repeat}.azubi-faq .faq .question{cursor:pointer;position:relative}.azubi-faq .faq .answer{margin:2rem 0 3rem 0}.stimmen-azubis .box{background:var(--color-grey-light);border-radius:10px;padding:6.5rem 1.5rem 2rem 1.5rem;position:relative}.stimmen-azubis .box picture{width:10rem;height:10rem;display:block;position:absolute;top:-5rem;left:50%;transform:translateX(-50%)}.stimmen-azubis .box picture+p{text-align:center}.stimmen-azubis .box picture+p strong{text-transform:uppercase;letter-spacing:2px}.stimmen-azubis .box .eyebrow{margin:4.5rem 0 2.5rem 0}dialog.popup{position:fixed;top:0;left:0;z-index:100;border:none;background:none;position:relative}dialog.popup .close{background:none;border:none;position:absolute;top:2.5rem;right:2.5rem;outline:none;cursor:pointer;color:var(--color-white)}dialog.popup .close:hover{color:var(--color-orange)}dialog.popup .close:focus{outline:none}dialog.popup .content{background:var(--color-blue);box-shadow:3px 3px 2px 0px rgba(0,0,0,.1490196078);border-radius:.75rem;padding:4rem;max-width:max(60rem,50vw);color:#fff;text-align:center}dialog.popup .content h1,dialog.popup .content h2,dialog.popup .content h3,dialog.popup .content h4{color:#fff}dialog.popup .content .buttongroup{justify-content:center}dialog.popup .content .buttongroup a,dialog.popup .content .button-primary{color:#fff;background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-white) 50%)}dialog.popup .content .buttongroup a:after,dialog.popup .content .button-primary:after{background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-white) 50%)}dialog.popup::backdrop{background:var(--color-brown);opacity:.75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}*{box-sizing:border-box}html{background:var(--color-background);margin:0;padding:0;scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--color-text);font-family:var(--font-default);font-size:16px;font-smoothing:antialiased;margin:0;padding:0;text-rendering:optimizeLegibility}:target:before{content:"";display:block;height:var(--scroll-offset);margin-top:calc(var(--scroll-offset)*-1);aria-hidden:true}main{position:relative;z-index:1}p{font-family:var(--font-default);font-weight:400;font-style:Regular;font-size:20px;line-height:1.6;letter-spacing:0}p.t2{font-size:15px}p.t3{font-size:13px}.eyebrow{font-family:var(--font-headline);font-weight:700;font-style:Bold;color:var(--color-orange);font-size:14px;line-height:150%;letter-spacing:3px;text-transform:uppercase}h1{font-family:var(--font-headline);font-weight:800;font-style:ExtraBold;font-size:4rem;line-height:1.1;letter-spacing:1.5px;text-transform:uppercase}@media(max-width: 768px){h1{font-size:3rem}}h2{font-family:var(--font-headline);font-weight:800;font-style:ExtraBold;font-size:2.5rem;line-height:1.3;letter-spacing:1.5px;text-transform:uppercase}@media(max-width: 768px){h2{font-size:1.875rem}}h3{font-family:var(--font-headline);font-weight:700;font-style:Bold;font-size:1.25rem;line-height:1.6;letter-spacing:2px;text-transform:uppercase}.buttongroup{display:flex;gap:1.5rem}@media(max-width: 768px){.buttongroup{flex-direction:column;align-items:start}}.buttongroup a{color:var(--color-blue);font-family:var(--font-default);font-weight:600;font-style:SemiBold;font-size:15px;line-height:1.5;text-decoration:none;position:relative;display:inline-block;background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-blue) 50%);background-size:200% 100%;background-position:right bottom;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:background-position 250ms ease-in-out;position:relative}.buttongroup a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-blue) 50%);background-size:205% 100%;background-position:right bottom;transition:background-position .4s ease}.buttongroup a:hover{background-position:left bottom}.buttongroup a:hover:after{background-position:left bottom}[data-alignment=center] .buttongroup{align-items:center}.button-primary{color:var(--color-blue);font-family:var(--font-default);font-weight:600;font-style:SemiBold;font-size:15px;line-height:1.5;text-decoration:none;position:relative;display:inline-block;background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-blue) 50%);background-size:200% 100%;background-position:right bottom;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:background-position 250ms ease-in-out;position:relative}.button-primary:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background-image:linear-gradient(to right, var(--color-orange) 50%, var(--color-blue) 50%);background-size:205% 100%;background-position:right bottom;transition:background-position .4s ease}.button-primary:hover{background-position:left bottom}.button-primary:hover:after{background-position:left bottom}