:root{--color-nintendo:#ef6c26;--color-kamin:#ef6c26;--color-bg-light:#f4f5f6;--color-white:#ffffff;--color-black:#000000;--color-text-dim:rgba(0,0,0,0.7);--transition-smooth:all 0.4s cubic-bezier(0.25,1,0.5,1);--transition-nav:top 0.4s cubic-bezier(0.2,1,0.3,1);--gap-gallery:60px;--section-spacing:6rem;}.about-slider__card-body img, .about-slider__card-body img:hover { transform: none !important; transition: none !important; }.section-spacing-6{width:100% !important;margin-top:var(--section-spacing) !important;margin-bottom:var(--section-spacing) !important;}.section-spacing-3{width:100% !important;margin-top:6rem !important;margin-bottom:6rem !important;}.flex-spaced-center{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:1rem !important;margin-bottom:0rem !important;flex-wrap:wrap !important;}.btn{display:inline-flex !important;align-items:center !important;gap:10px !important;margin-left:0 !important;}.btn svg{flex-shrink:0 !important;margin:0 !important;}.u-header-span{color:#000 !important;}.branch__title--white{color:#fff !important;}.branch__h2--white{color:#fff !important;margin-top:1.5rem !important;}html,body{position:relative !important;width:100% !important;}.desktop-only{display:block !important;}.tablet-only-inline{display:none!important;}.mobile-only{display:none !important;}.desktop-only-inline{display:inline-block !important;}.mobile-only-inline{display:none !important;}@media screen and (min-width:1024px) and (max-width:1439px){.desktop-only-inline{display:none!important;}.tablet-only-inline{display:inline-block!important;}}.desktop-flex{display:flex !important;}.desktop-only-flex{display:flex !important;}@media screen and (max-width:1023px){.desktop-only{display:none !important;}.mobile-only{display:block !important;}.desktop-only-inline{display:none !important;}.mobile-only-inline{display:inline-block !important;}.desktop-flex{display:none !important;}.desktop-only-flex{display:none !important;}}@media screen and (min-width:1024px){.home-hero-h1,.home-hero-title,.home-hero-p{text-align:left !important;}.main-header__content{text-align:left !important;align-items:flex-start !important;}}*{box-sizing:border-box;}html,body{margin:0;padding:0;}p,li,span,a,strong,b,i,em{font-weight:inherit;}p,ul,ol{margin-block-start:0;margin-block-end:1.5rem;}.h3:first-child,.h4:first-child,.h5:first-child,.h6:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0 !important;}img{max-width:100%;height:auto;display:block;}.hero-banner{width:100% !important;height:503px !important;object-fit:cover !important;border-radius:35px !important;}.img-zoom.gradient-dark{border-radius:35px !important;overflow:hidden !important;}.middle-banner{width:100%;height:auto;object-fit:cover;}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10;color:var(--color-white);pointer-events:none;}.mouse{width:26px;height:42px;border:2px solid var(--color-white);border-radius:20px;position:relative;}.wheel{width:2px;height:8px;background:var(--color-white);position:absolute;top:6px;left:50%;transform:translateX(-50%);border-radius:2px;animation:mouse-scroll 2s infinite cubic-bezier(0.45,0.05,0.55,0.95);}@keyframes mouse-scroll{0%{transform:translate(-50%,0);opacity:0;}20%{opacity:1;}80%{opacity:1;}100%{transform:translate(-50%,14px);opacity:0;}}.arrow{animation:arrow-bounce 2s infinite ease-in-out;}@keyframes arrow-bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}.laptop-mockup{position:relative;width:100%;max-width:1000px;margin:0 auto;z-index:1;}.laptop-mockup__frame{width:100%;height:auto;pointer-events:none;border-radius:21px !important;}.laptop-mockup__screen{position:absolute;top:3.6%;left:12.9%;width:75%;height:70.0%;background:#111;overflow:hidden;z-index:2;border-radius:25px !important;}.laptop-mockup__screen::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 20px rgba(0,0,0,0.5);pointer-events:none;z-index:3;}.laptop-mockup__slideshow{width:100%;height:100%;position:relative;cursor:default;}.timo-banner-img{position:absolute;right:0 !important;top:0;height:100%;width:100% !important;object-fit:cover;object-position:center top;z-index:1;transform:none !important;}@media screen and (max-width:1023px){.timo-banner-img{position:relative !important;width:100% !important;height:300px !important;}}.laptop-mockup__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity 0.8s ease-in-out;border-radius:25px !important;}.laptop-mockup__slide.is-active{opacity:1;}@media (max-width:768px){.laptop-mockup{margin:20px auto;}}.desktop-main-nav{transition:var(--transition-nav),opacity 0.4s ease,visibility 0.4s !important;top:6rem !important;}body.ticker-is-hidden .desktop-main-nav{top:calc(6rem - 41px) !important;}.desktop-main-nav.nav-is-hidden{opacity:0 !important;visibility:hidden !important;}@media screen and (max-width:1023px){.page-header{padding:40px 6.25vw 0 6.25vw !important;}.gallery-slider{padding:40px 17.5vw 60px !important;gap:12px !important;scroll-padding:0 17.5vw;}.gallery-slide{flex:0 0 65vw !important;}.gallery-slide .wireframe{width:100% !important;height:auto !important;transform:scale(0.85) !important;opacity:0.7 !important;transition:var(--transition-smooth) !important;box-shadow:none !important;}.page-nintendo .gallery-slide .wireframe,.page-kamin .gallery-slide .wireframe,.page-monteur .gallery-slide .wireframe,.page-so .gallery-slide .wireframe{aspect-ratio:268 / 580;}.gallery-slide.active .wireframe{transform:scale(1) !important;opacity:1 !important;}}@media screen and (min-width:1024px){.page-nintendo .wireframes:not(.mobile-only),.page-so .wireframes:not(.mobile-only){background-color:var(--color-bg-light) !important;height:520px !important;margin:160px 0 190px 0 !important;display:flex !important;justify-content:center !important;align-items:center !important;gap:var(--gap-gallery) !important;position:relative !important;width:100% !important;overflow:visible !important;}.page-kamin .wireframes:not(.mobile-only),.page-kamin .lofi-prototyp:not(.mobile-only),.page-monteur .wireframes:not(.mobile-only),.page-monteur .lofi-prototyp:not(.mobile-only){background-color:var(--color-bg-light) !important;height:520px !important;margin:80px 0 120px 0 !important;display:flex !important;justify-content:center !important;align-items:center !important;gap:var(--gap-gallery) !important;position:relative !important;width:100% !important;overflow:visible !important;}.page-nintendo .wireframe,.page-so .wireframe{width:268px !important;height:580px !important;object-fit:cover !important;border-radius:30px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;transition:var(--transition-smooth) !important;}.page-kamin .wireframe,.page-kamin .lofi-prototyp .wireframe{width:268px !important;height:580px !important;object-fit:cover !important;border-radius:30px !important;box-shadow:none !important;transition:var(--transition-smooth) !important;}.page-monteur .wireframe,.page-monteur .lofi-prototyp .wireframe{width:268px !important;height:580px !important;object-fit:cover !important;border-radius:30px !important;box-shadow:0 25px 50px rgba(0,0,0,0.12) !important;transition:var(--transition-smooth) !important;}.page-kamin .wireframes:not(.mobile-only),.page-kamin .lofi-prototyp:not(.mobile-only),.page-monteur .wireframes:not(.mobile-only),.page-monteur .lofi-prototyp:not(.mobile-only){background-color:var(--color-bg-light) !important;height:520px !important;margin:140px 0 120px 0 !important;display:flex !important;justify-content:center !important;align-items:center !important;gap:var(--gap-gallery) !important;position:relative !important;width:100% !important;overflow:visible !important;}.page-nintendo .wf-1,.page-kamin .wf-1,.page-monteur .wf-1,.page-so .wf-1{transform:translateY(-60px) !important;z-index:1;}.page-nintendo .wf-2,.page-kamin .wf-2,.page-monteur .wf-2,.page-so .wf-2{transform:translateY(80px) !important;z-index:2;}.page-nintendo .wf-3,.page-monteur .wf-3,.page-so .wf-3{transform:translateY(-20px) !important;z-index:1;}.page-nintendo .wf-4,.page-monteur .wf-4,.page-so .wf-4{transform:translateY(60px) !important;z-index:2;}.page-nintendo .wf-1:hover{transform:translateY(-85px) scale(1.03) !important;box-shadow:0 15px 35px rgba(0,0,0,0.15) !important;}.page-nintendo .wf-2:hover{transform:translateY(55px) scale(1.03) !important;box-shadow:0 15px 35px rgba(0,0,0,0.15) !important;}.page-nintendo .wf-3:hover{transform:translateY(-45px) scale(1.03) !important;box-shadow:0 15px 35px rgba(0,0,0,0.15) !important;}.page-nintendo .wf-4:hover{transform:translateY(35px) scale(1.03) !important;box-shadow:0 15px 35px rgba(0,0,0,0.15) !important;}.page-so .wf-1:hover{transform:translateY(-85px) scale(1.03) !important;box-shadow:none !important;}.page-so .wf-2:hover{transform:translateY(55px) scale(1.03) !important;box-shadow:none !important;}.page-so .wf-3:hover{transform:translateY(-45px) scale(1.03) !important;box-shadow:none !important;}.page-so .wf-4:hover{transform:translateY(35px) scale(1.03) !important;box-shadow:none !important;}.page-kamin .wf-1:hover,.page-monteur .wf-1:hover{transform:translateY(-85px) scale(1.03) !important;box-shadow:none !important;}.page-kamin .wf-2:hover,.page-monteur .wf-2:hover{transform:translateY(55px) scale(1.03) !important;box-shadow:none !important;}.page-kamin .wf-3:hover,.page-monteur .wf-3:hover{transform:translateY(-45px) scale(1.03) !important;box-shadow:none !important;}.page-kamin .wf-4:hover,.page-monteur .wf-4:hover{transform:translateY(35px) scale(1.03) !important;box-shadow:none !important;}.page-nintendo .player video,.page-kamin .player video,.page-monteur .player video{width:260px !important;max-width:100%;height:auto;display:block;border-radius:35px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;}.gallery-slider{display:flex !important;gap:var(--gap-gallery) !important;width:auto !important;padding:0 !important;overflow:visible !important;scroll-snap-type:none !important;}.page-nintendo .gallery-pagination,.page-kamin .gallery-pagination,.page-monteur .gallery-pagination{display:none !important;}}main.page-hr .main-layout img,main.page-hr .wireframe,main.page-hr .img-zoom,main.page-hr .has-shadow{border-radius:15px !important;}.Mood img,.Mood .img-zoom,.Mood [data-scroll] img{border-radius:0 !important;}.nintendo-title,.kamin-title,.monteur-title,.so-title{color:var(--color-nintendo) !important;line-height:1.2 !important;margin-bottom:1.5rem !important;}.page-monteur .laptop-mockup__screen{position:absolute;top:3.6% !important;left:12.5% !important;width:76% !important;height:70.0% !important;background:#111;overflow:hidden;z-index:2;border-radius:25px !important;}.main-layout__column h3:first-of-type{margin-top:0 !important;margin-bottom:30px !important;}.nintendo-collage,.kamin-collage{position:relative !important;width:100% !important;height:520px !important;margin-top:3rem !important;overflow:hidden !important;}.collage-card{position:absolute;width:200px !important;background:var(--color-white);border-radius:12px;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;overflow:hidden;z-index:5;}.collage-card img{width:100% !important;height:auto !important;}.card-pos-1{top:0;left:0;z-index:1;}.card-pos-2{top:60px;left:30%;z-index:2;}.card-pos-3{top:180px;left:5%;z-index:3;}.card-pos-4{top:280px;left:25%;z-index:4;}@media screen and (min-width:1024px){.nintendo-collage,.kamin-collage{height:600px !important;overflow:visible !important;}.collage-card{width:320px !important;}.card-pos-1{top:0;left:0;}.card-pos-2{top:80px;left:280px;}.card-pos-3{top:310px;left:-20px;}.card-pos-4{top:450px;left:260px;}}.persona-title{color:var(--color-kamin) !important;margin:2.5rem 0 0.75rem 0 !important;font-weight:500 !important;}.main-layout__column h3:first-child{margin-top:0 !important;}#nintendo-ui-design h3:first-of-type,#kamin-ui-design h3:first-of-type{margin-top:0 !important;}.main-layout__column ol li,.main-layout__column ul li{padding-left:1.75rem;}@media screen and (min-width:1024px){.nintendo-col-25,.kamin-col-25{width:25% !important;padding-right:2rem !important;}.nintendo-col-20,.kamin-col-20{width:20% !important;padding-right:2rem !important;}.nintendo-col-55,.kamin-col-55{width:55% !important;}#nintendo-context-section .main-layout__column:first-child,#kamin-context-section .main-layout__column:first-child{padding-right:40px !important;}#nintendo-context-section .main-layout__column:last-child,#kamin-context-section .main-layout__column:last-child{margin-left:40px !important;width:calc(50% - 40px) !important;}#nintendo-wireframe-section,#kamin-wireframe-section{padding-top:0 !important;margin-top:40px !important;margin-bottom:60px !important;}#nintendo-wireframe-section .main-layout__column img,#kamin-wireframe-section .main-layout__column img{height:100% !important;width:100% !important;object-fit:cover;object-position:center;border-radius:15px;}#nintendo-wireframe-section .main-layout__column,#kamin-wireframe-section .main-layout__column,#monteur-lofi-section .main-layout__column{padding-top:0 !important;}.page-nintendo #nintendo-impact-section,.page-kamin #kamin-impact-section,.page-monteur #monteur-impact-section{justify-content:space-between !important;}.page-nintendo #nintendo-impact-section .main-layout__column:nth-child(1),.page-kamin #kamin-impact-section .main-layout__column:nth-child(1),.page-monteur #monteur-impact-section .main-layout__column:nth-child(1){width:20% !important;flex:0 0 20% !important;padding-top:0 !important;}.page-nintendo #nintendo-impact-section .main-layout__column:nth-child(2),.page-kamin #kamin-impact-section .main-layout__column:nth-child(2),.page-monteur #monteur-impact-section .main-layout__column:nth-child(2){width:38% !important;flex:0 0 38% !important;padding-left:30px !important;}.page-nintendo #nintendo-impact-section .main-layout__column:nth-child(3),.page-kamin #kamin-impact-section .main-layout__column:nth-child(3),.page-monteur #monteur-impact-section .main-layout__column:nth-child(3){width:38% !important;flex:0 0 38% !important;padding-left:30px !important;}.page-nintendo #nintendo-impact-section .player video,.page-kamin #kamin-impact-section .player video,.page-monteur #monteur-impact-section .player video{width:100% !important;border-radius:35px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;}.desktop-mt-xxl{margin-top:3rem !important;}}@media screen and (max-width:1023px){.main-layout{display:block !important;padding-left:6.25vw !important;padding-right:6.25vw !important;width:100% !important;}.page-kamin .main-layout,.page-monteur .main-layout{margin-top:-43px !important;}.btn-container{margin-top:4rem !important;text-align:left !important;}.btn{display:inline-flex !important;width:auto !important;min-width:200px !important;text-align:left !important;justify-content:flex-start !important;margin-bottom:0.75rem !important;padding-left:1.5rem !important;padding-right:1.5rem !important;}.hero-banner{width:100% !important;height:400px !important;object-fit:cover !important;}.main-layout__column{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-bottom:2rem;transform:none !important;}.page-nintendo .main-layout__column,.page-kamin .main-layout__column,.page-monteur .main-layout__column{flex:0 0 auto;padding:0rem 3.125vw 0 !important;padding-right:3.125vw !important;padding-left:3.125vw !important;transform:translateY(2rem) !important;transition:transform 1s ease-out !important;}#nintendo-ui-design .middle-banner{width:100% !important;height:auto !important;margin-top:1rem;border-radius:15px;display:block;}#contextSlider{margin-top:0.5rem;padding-bottom:1rem;}#kamin-ui-design,#monteur-usps,#monteurzimmer-activities{margin-top:40px !important;margin-bottom:80px !important;}#kamin-impact-ergebnisse,#monteur-impact-section{margin-top:10px !important;}#kamin-lofi-section,#monteur-lofi-section{margin-top:10px !important;margin-bottom:0 !important;}.has-shadow{box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;}#contextSlider .gallery-slide img{border-radius:10px;max-height:50vh;image-rendering:-webkit-optimize-contrast;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:box-shadow 0.3s ease;}#contextPagination{margin-top:0.5rem;}.prototyping-video{width:80% !important;max-width:300px;margin:1rem auto;border-radius:35px !important;display:block;overflow:hidden;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;}.main-layout__column p,.main-layout__column table,.main-layout__column ol li,.main-layout__column ul li{margin-top:.8rem;}.bts-video-grid{display:flex;flex-direction:column;gap:20px;width:100%;}.bts-video-item{width:100%;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:16/9;}.bts-video-item video{width:100%;height:100%;object-fit:cover;}}@media screen and (min-width:1024px){.bts-video-grid{display:grid;grid-template-columns:2fr 1fr;gap:55px;align-items:stretch;}.bts-video-item{border-radius:30px;overflow:hidden;background:#000;height:500px;}.bts-video-item video{width:100%;height:100%;object-fit:cover;}}.site-footer,.site-footer h2,.site-footer p,.site-footer i,.site-footer a,.site-footer strong,.site-footer .shortlinks__item__text,.site-footer .shortlinks__item__icon svg{color:#ffffff !important;stroke:#ffffff !important;}#site .site-menu,#site .site-menu a,#site .site-menu p,#site .site-menu span,#site .site-menu div,#site .site-menu .menu-pages__link,#site .site-menu .extra,#site .site-menu svg{color:#ffffff !important;stroke:#ffffff !important;}#site .site-menu em,#site .site-menu .menu-pages__link em{color:#ef6c26 !important;}.template-cv .has-large-text p{font-size:clamp(1.125rem,1.5vw + 0.8rem,1.175rem);-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;}.template-cv h2{font-size:clamp(1.5rem,3vw + 0.5rem,2.25rem);font-weight:400;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:1.125;margin-bottom:1.5rem;margin-top:4rem;max-width:60rem;}.template-cv p,.template-cv ul,.template-cv ol,.template-cv li{font-size:clamp(1rem,0.2vw + 0.875rem,1.25rem);line-height:1.575;margin-bottom:.5rem;margin-top:1.4rem;max-width:48rem;}@media only screen and (min-width:64em){.template-cv .track-ui__breadcrumb{left:calc(4.70vw + 6rem);position:fixed;top:4rem;width:auto;}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;}.modal.is-active{opacity:1;visibility:visible;}.modal__container{background:#1a1a1a;width:90%;max-width:600px;padding:3rem;border-radius:20px;position:relative;transform:translateY(20px);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1);color:#fff;}@media screen and (min-width:1024px){.modal__container{max-width:900px !important;padding:4rem !important;}}.modal.is-active .modal__container{transform:translateY(0);}.modal__close{position:absolute;top:2.5rem;right:2.5rem;background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;transition:color 0.2s;padding:5px;z-index:10010 !important;}.modal__close:hover{color:#fff;}.modal__title{font-size:2rem !important;margin-top:0 !important;margin-bottom:0.5rem !important;color:#ef6c26;}.modal__subtitle{font-size:1rem !important;color:rgba(255,255,255,0.6);margin-bottom:2rem !important;font-weight:500;}.modal__title{font-size:2.5rem !important;line-height:1.1 !important;}.modal__body ul{display:grid !important;grid-template-columns:1fr 1fr !important;gap:1.2rem 2.5rem !important;}.modal__nav{display:flex !important;justify-content:center !important;gap:12px !important;margin-top:3.5rem !important;}.modal__dot{width:35px !important;height:4px !important;border-radius:2px !important;background:rgba(255,255,255,0.3) !important;border:none !important;cursor:pointer !important;padding:0 !important;transition:all 0.3s ease !important;}.modal__dot.is-active{background:#ef6c26 !important;width:50px !important;}@media screen and (max-width:900px){.modal__body ul{grid-template-columns:1fr !important;}}.modal__body{transition:opacity 0.2s ease;}#ux-competence-modal .modal__body li,#company-modal .modal__body li{margin-top:0 !important;margin-bottom:0.5rem !important;line-height:1.4 !important;position:relative !important;}@media screen and (min-width:1024px){.activities-image-stack{position:relative;width:484px !important;height:460px !important;margin:40px auto 0 0;}.activities-image-stack img{width:480px !important;height:230px !important;object-fit:cover !important;border-radius:15px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;transition:all 0.4s ease !important;position:absolute !important;}.activities-image-stack img:nth-child(1){top:-30px;left:20px;z-index:3;}.activities-image-stack img:nth-child(2){top:173px !important;left:238px !important;z-index:2;}.activities-image-stack img:nth-child(3){top:300px;left:20px;z-index:1;}.activities-image-stack img:hover{transform:scale(1.05) !important;z-index:10 !important;box-shadow:0px 4px 8px rgba(0,0,0,0.2) !important;}.impact-image-stack{position:relative;width:100%;height:600px;margin-top:20px;}.impact-image-stack img{width:360px !important;height:520px !important;object-fit:cover !important;border-radius:15px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;position:absolute !important;transition:all 0.4s ease !important;}.impact-image-stack img:nth-child(1){top:-12px;left:70px;z-index:1;}.impact-image-stack img:nth-child(2){top:125px;left:340px;z-index:2;}.impact-image-stack img:hover{transform:scale(1.03) !important;z-index:10 !important;box-shadow:0 15px 35px rgba(0,0,0,0.1) !important;}}@media screen and (max-width:1023px){.activities-image-stack,.impact-image-stack{display:flex;flex-direction:column;gap:20px;width:100% !important;height:auto !important;margin-top:2rem !important;}.activities-image-stack img,.impact-image-stack img{position:static !important;width:100% !important;height:auto !important;border-radius:15px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;}}.branch__pointer{background-color:#fff;display:block;height:3rem;margin:0 0 1.30rem .3375rem;opacity:0;transform:translateX(-50%);transition:opacity .2s ease-out;width:.0625rem;z-index:3;}.branch__pointer[data-scroll=in]{opacity:1;}.branch__pointer:before{background-color:#fff;border-radius:50%;content:"";display:block;height:.75rem;transform:translateX(-50%);width:.75rem;}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);backdrop-filter:blur(10px);z-index:1000000 !important;display:flex;visibility:hidden;pointer-events:none;align-items:center;justify-content:center;opacity:0;transition:all 0.4s ease;}.lightbox-overlay.active{visibility:visible;pointer-events:all;opacity:1;}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center;}.lightbox-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 25px 50px rgba(0,0,0,0.5);transform:scale(0.9);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.lightbox-overlay.active .lightbox-img{transform:scale(1);}.lightbox-close{position:absolute;top:30px;right:30px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:10000;}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:30px;padding:20px;cursor:pointer;border-radius:50%;transition:background 0.3s;}.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,0.2);}.lightbox-prev{left:30px;}.lightbox-next{right:30px;}.tabelle{width:100%;border-collapse:collapse;margin:20px 0;font-size:clamp(1rem,0.5vw + 0.875rem,1.25rem);}.tabelle tr td{padding-bottom:8px;vertical-align:top;}.tabelle tr td:first-child{padding-right:40px;white-space:nowrap;width:1%;}@media only screen and (max-width:768px){.main-layout__column .tabelle,.main-layout__column table.tabelle{display:table !important;width:100% !important;margin:5px 0 !important;line-height:1.3 !important;}.tabelle tbody{display:table-row-group !important;}.tabelle tr{display:table-row !important;}.tabelle td{display:table-cell !important;padding-bottom:6px !important;}.tabelle tr td:first-child{padding-right:30px !important;width:1% !important;white-space:nowrap !important;}.tabelle br{display:none !important;}}@media screen and (min-width:1024px){.page-hr .desktop-mt-xxl{margin-top:0rem !important;}.page-hr .laptop-mockup{position:relative;width:100%;max-width:1000px;margin:0 auto;margin-top:25px;z-index:1;}#hr-iterations-section .main-layout__column{padding-top:1.5rem !important;}.page-hr .main-layout__column h3:first-of-type{margin-top:0 !important;margin-bottom:6px !important;}#hr-ziel-headline{margin-top:2.9rem !important;}}.lightbox,.img-zoom,.wireframe,.context-image{cursor:pointer !important;}.hero-banner{cursor:default !important;}.page-so .img-zoom,.page-so .laptop-mockup,.page-so .middle-banner,.page-so .activities-image-stack img,.page-so .impact-image-stack img,.page-so .wireframe{box-shadow:none !important;}.page-so .so-dash-list li{margin-bottom:2rem !important;}.page-so .so-dash-list li:last-child{margin-bottom:0 !important;}.branch{display:flex;flex-flow:column nowrap;height:75vw;justify-content:flex-end;opacity:0;padding:4rem 6.25vw;transition:opacity .2s ease-out;width:100%;position:relative;overflow:hidden;}@media only screen and (min-width:32em){.branch{height:50vw}}@media only screen and (min-width:64em){.branch{height:100vh;padding:4rem 3.125vw 6rem 6.25vw}}.branch[data-scroll=in]{opacity:1}.branch[data-scroll=out]{opacity:0}.branch__title{transform:translateY(2rem);transition:transform .5s ease-out;z-index:3;position:relative;}.branch__title[data-scroll=in]{transform:translateY(0)}.branch__title[data-scroll=out]{transform:translateY(2rem)}.branch__title .sub-headline{font-size:1.2rem;font-weight:600;color:#fff;display:block;margin-bottom:0.5rem;}.branch__title h2{font-weight:200;margin-top:1rem;color:#fff;}.branch__link{display:block;height:100%;left:0;overflow:hidden;position:absolute;text-indent:-999rem;top:0;width:100%;z-index:4}.branch__movie{align-items:center;background-color:#0d0d0d;display:none;height:100vh;justify-content:center;left:0;padding:6rem 6.25vw;position:fixed;top:0;width:100vw;z-index:30}.branch__movie.js-active{display:flex}.branch__movie__close{cursor:pointer;position:absolute;right:1rem;top:1rem;transition:color .2s ease-out;will-change:color;color:#fff;}.branch__movie__close:hover{color:#ef6c26}.branch__movie__video{display:block;height:100%;object-fit:contain;width:auto}.branch__background{background-color:#ef6c26;height:100%;left:-1px;overflow:hidden;position:absolute;top:0;width:100%;z-index:0;}.branch__background__overlay{background:linear-gradient(-20deg,#ef6c26,rgba(239,108,38,0) 75%);bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:2}@media only screen and (min-width:64em){.branch__background__overlay{background:linear-gradient(-20deg,#ef6c26,rgba(239,108,38,0) 50%);height:100vh}}.branch__background__image{background-size:cover;background-position:center;height:100%;left:0;opacity:.8;position:absolute;top:0;transition:transform 2s ease-out;width:100%;z-index:1}.branch:hover .branch__background__image{transform:scale(1.125)}.branch__background__video{height:100%;left:0;object-fit:cover;opacity:.8;position:absolute;top:0;width:100%;z-index:1}@media screen and (min-width:1024px){.Mood{display:flex !important;gap:1px !important;width:100% !important;height:600px !important;background-color:#fff !important;margin-top:51px !important;margin-bottom:-95px !important;overflow:hidden !important;}.Mood>div{flex:1 !important;height:100% !important;overflow:hidden !important;position:relative !important;transition:flex 0.6s cubic-bezier(0.25,1,0.3,1) !important;}.Mood:hover>div{flex:0.85 !important;}.Mood>div:hover{flex:1.15 !important;}.Mood img,.Mood .img-zoom,.Mood [data-scroll] img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:0 !important;transition:transform 0.6s cubic-bezier(0.25,1,0.3,1),filter 0.4s ease !important;transform:scale(1) !important;cursor:default !important;}.Mood>div:hover img{transform:scale(1.05) !important;}.Mood>div::after{content:"" !important;position:absolute !important;inset:0 !important;background:rgba(0,0,0,0.15) !important;transition:background 0.6s cubic-bezier(0.25,1,0.3,1) !important;pointer-events:none !important;z-index:1 !important;}.Mood>div:hover::after{background:rgba(0,0,0,0) !important;}}@media screen and (max-width:1023px){.Mood{display:flex !important;flex-direction:column !important;gap:0px !important;width:100% !important;margin-top:51px !important;margin-bottom:0px !important;height:auto !important;}.Mood>div{width:100% !important;height:400px !important;overflow:hidden !important;position:relative !important;}.Mood img,.Mood .img-zoom,.Mood [data-scroll] img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:0 !important;transition:transform 0.6s ease !important;}}@media screen and (max-width:1023px){.page-nintendo #nintendo-context-section .wireframes.has-mobile-gallery{margin-top:40px !important;}.page-nintendo #contextSlider{display:flex !important;flex-direction:column !important;gap:10px !important;overflow:visible !important;padding:0 !important;width:100% !important;scroll-snap-type:none !important;}.page-nintendo #contextSlider .gallery-slide{flex:0 0 auto !important;width:100% !important;padding:0 !important;overflow:hidden !important;border-radius:20px !important;}.page-nintendo #contextSlider .gallery-slide img{width:100% !important;height:auto !important;border-radius:20px !important;opacity:1 !important;transform:none !important;box-shadow:none !important;pointer-events:auto !important;cursor:pointer !important;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;}.page-nintendo #contextSlider .gallery-slide img:hover{transform:scale(1.1) !important;}.page-nintendo #contextPagination{display:none !important;}.page-nintendo #nintendo-wireframe-text-section{margin-top:-40px !important;}}.adp-kernfunktion-collage{position:relative !important;width:100% !important;max-width:570px !important;height:440px !important;margin-top:20px !important;}.adp-kernfunktion-collage img{position:absolute !important;width:420px !important;height:auto !important;object-fit:cover !important;border-radius:15px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;transition:all 0.4s cubic-bezier(0.25,1,0.5,1) !important;}.adp-kernfunktion-collage img:nth-child(1){top:0 !important;left:0 !important;z-index:1 !important;}.adp-kernfunktion-collage img:nth-child(2){top:183px !important;right:-78px !important;z-index:2 !important;}.adp-kernfunktion-collage img:hover{transform:translateY(-8px) scale(1.02) !important;z-index:10 !important;box-shadow:0px 4px 8px rgba(0,0,0,0.2) !important;}@media screen and (max-width:1023px){.adp-kernfunktion-collage{display:flex !important;flex-direction:column !important;gap:20px !important;width:100% !important;height:auto !important;margin-top:2rem !important;}.adp-kernfunktion-collage img{position:static !important;width:100% !important;height:auto !important;border-radius:15px !important;transform:none !important;box-shadow:0 8px 24px rgba(0,0,0,0.1) !important;}}.so-impact-gallery{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;margin-top:2rem !important;margin-bottom:4rem !important;}.so-impact-gallery img{width:100% !important;height:auto !important;border-radius:15px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;transition:transform 0.3s ease !important;}.so-impact-gallery img:hover{transform:translateY(-4px) !important;}@media screen and (max-width:1023px){.so-impact-gallery{grid-template-columns:1fr !important;gap:20px !important;}}@media screen and (max-width:1023px){.page-about .hero-cert-badge,.page-about .gradient-dark .content-layer,.page-about .branch__title,.page-about .about-uxqb-logo,#desktop-paragraphs-container{display:none !important;}#mobile-merged-paragraph-container{display:block !important;}}#mobile-merged-paragraph-container{display:none;}.page-about .branch__title sub{font-size:2.4rem;font-weight:600;letter-spacing:0.02em;display:block;margin-bottom:0;line-height:1 !important;}.page-about .branch__title h2{font-size:2.4rem;font-weight:300;margin-top:5px !important;margin-bottom:0 !important;line-height:1 !important;}.page-about .branch__title p{font-size:1.5rem;color:rgba(255,255,255,0.85);margin-top:6px !important;margin-bottom:0 !important;line-height:1.1 !important;}.page-about .branch__title .btn{font-size:21px;padding:22px 28px;border-radius:999px;cursor:pointer;display:inline-block;text-decoration:none;border:2px solid transparent;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;transition:all 0.2s ease;pointer-events:auto !important;}.page-about .branch__title .btn:hover{background-color:#ffffff !important;color:#000000 !important;}.about-list-spacing,.about-list-spacing li{font-size:clamp(1rem,0.5vw + 0.875rem,1.25rem);line-height:1.575;margin-bottom:.5rem !important;margin-top:0 !important;max-width:48rem;}.page-about .branch__pointer{display:none !important;}.page-about .gradient-dark .content-layer{position:absolute !important;bottom:85px !important;left:15px !important;width:100% !important;padding:4rem !important;display:flex !important;flex-flow:column nowrap !important;justify-content:flex-end !important;z-index:2 !important;pointer-events:none !important;}@media screen and (min-width:1024px){.page-about .main-layout--30-70{flex-wrap:nowrap !important;align-items:flex-start !important;}.page-about .main-layout--30-70>.main-layout__column:first-child{width:30% !important;max-width:30% !important;}.page-about .main-layout--30-70>.main-layout__column:last-child{width:70% !important;max-width:none !important;}}.page-about .main-layout--30-70 p{max-width:none !important;}.about-uxqb-logo{margin-top:60px;max-width:550px !important;width:100%;height:auto;border-radius:0 !important;}.hero-cert-badge{position:absolute !important;top:2.4rem !important;right:3rem !important;width:20% !important;min-width:100px !important;height:auto !important;background:#fff !important;padding:10px !important;border-radius:15px !important;box-shadow:0 10px 30px rgba(0,0,0,0.2) !important;z-index:20 !important;pointer-events:auto !important;display:block;}.about-logo-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2.5rem;margin:3rem auto 7em auto;max-width:1635px;padding:0 3.125vw;}.template-home .about-logo-row{margin:3rem auto 4em auto !important;padding:0 3.125vw 0 0 !important;}.about-logo-row img{width:180px !important;height:auto !important;object-fit:contain;filter:none !important;opacity:1 !important;border-radius:0 !important;transition:transform 0.3s ease;}.about-logo-row img.about-logo--sumup{width:150px !important;}.about-logo-row img.about-logo--bayer{width:165px !important;}.about-logo-row img.about-logo--smava{width:180px !important;}.about-logo-row img.about-logo--skoda{width:200px !important;}.about-logo-row img.about-logo--edeka{width:70px !important;}.about-logo-row img.about-logo--rv{width:100px !important;}.about-logo-row img.about-logo--mpmk,.about-logo-row img.about-logo--mpmx{width:150px !important;}.about-logo-row img.about-logo--macromedia{width:250px !important;}.about-logo-row img.about-logo--hugoboss{width:200px !important;}.about-logo-row img:hover{transform:scale(1.05);}.about-4col-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.5rem;padding:0 0 0 0;}.about-4col-item ul{list-style:none !important;padding-left:0 !important;margin:0 !important;font-size:clamp(1rem,0.5vw + 0.875rem,1.25rem) !important;}.about-4col-item ul li{position:relative !important;padding-left:1.5rem !important;margin-bottom:5px !important;margin-top:0 !important;line-height:1.7 !important;color:rgba(0,0,0,0.75) !important;}.about-4col-item ul li{position:relative !important;padding-left:28px !important;line-height:1.6 !important;margin-bottom:0.5rem !important;}.about-4col-item ul li::before{content:"\2013" !important;position:absolute !important;left:0 !important;top:0 !important;color:#ef6c26 !important;font-weight:200 !important;}.about-3col-img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;margin-bottom:3rem;}.about-3col-img-grid img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:transform 0.3s ease;}.about-3col-img-grid img:hover{transform:translateY(-4px);}.about-quote-section{background-color:#ef6c26;padding:6rem 3.125vw;margin-top:6rem;color:#fff;text-align:center;position:relative;}.about-quote-section::before{content:"\201C";font-family:Georgia,serif;font-size:9rem;position:absolute;top:1rem;left:50%;transform:translateX(-50%);opacity:0.15;line-height:1;color:#fff;}.about-quote-section blockquote{font-size:1.85rem;font-weight:300;max-width:850px;margin:0 auto 1.5rem auto;line-height:1.45;position:relative;z-index:1;border:none;padding:0;color:#fff;}.about-quote-section .quote-author{font-weight:600;font-size:1.15rem;margin-bottom:0.3rem;color:#fff;}.about-quote-section .quote-role{font-size:0.95rem;opacity:0.9;color:#fff;}.about-3col-row{display:grid;grid-template-columns:0.9fr 1.2fr 1fr;gap:2rem;margin-bottom:2rem;}@media screen and (max-width:1023px){.about-3col-row{grid-template-columns:1fr;gap:1rem;}}.about-3col-col-1,.about-3col-col-2{min-width:0;}.about-3col-col-3{display:flex;justify-content:center;align-items:flex-start;min-width:0;}@media screen and (max-width:600px){.about-4col-grid{grid-template-columns:1fr;}}.template-home h3.strg-z-headline{font-size:clamp(1.5rem,3vw + 0.5rem,2.25rem);font-weight:200;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:1.125;margin-bottom:1.5rem;margin-top:0;max-width:85rem;}.strg-z-logo{width:350px;max-width:calc(100vw - 40px);margin-top:41px;border-radius:0;object-fit:contain;}.weitere-projekte-headline{display:block !important;margin-top:0 !important;padding-top:40px !important;margin-bottom:1.5rem !important;}html.no-scroll,body.no-scroll{overflow:hidden !important;overscroll-behavior:contain !important;}.modal,.modal__container,.modal__body{overscroll-behavior:contain !important;}.template-home .hero-banner{height:auto !important;width:100% !important;}@media only screen and (min-width:64em){.template-home .main-layout__column{padding:1rem 1.125vw 3rem 0vw !important;padding-right:1.125vw !important;}}.strg-z-logo{width:350px !important;max-width:100% !important;margin-top:-3px !important;border-radius:0 !important;object-fit:contain !important;}.btn-primary:hover{background-color:transparent !important;color:#ef6c26 !important;border-color:#ef6c26 !important;}.modal .modal__close{font-size:4.5rem !important;line-height:1 !important;}.about-slider__card{flex:0 0 calc(33.333% - 1.33rem) !important;min-width:calc(33.333% - 1.33rem) !important;}@media screen and (max-width:1023px){.about-slider__card{flex:0 0 85% !important;min-width:85% !important;}}.template-home .main-branches{margin-top:0 !important;}@media only screen and (min-width:64em){.template-home .main-branches{display:flex !important;flex-flow:row nowrap !important;margin-top:3rem !important;margin-bottom:1rem !important;gap:2rem !important;width:100% !important;padding:0 6.25vw !important;overflow:hidden !important;height:471px !important;}.about-4col-grid.section-spacing-3{margin-top:3rem !important;margin-bottom:3rem !important;}}.main-branches{display:flex !important;flex-wrap:wrap !important;gap:0 !important;scroll-snap-type:none !important;overflow:visible !important;}.main-branches__item{width:100% !important;scroll-snap-align:none !important;}@media only screen and (min-width:64em){.main-branches{flex-direction:row !important;}.main-branches__item{width:33.333% !important;}}.cv-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0d0d0d;z-index:1000;clip-path:circle(0 at 50vw 0);transition:clip-path 0.6s ease-out,visibility 0.6s;visibility:hidden;}@media only screen and (min-width:64em){.cv-overlay{clip-path:circle(0 at 0 50vh);}}.cv-overlay.is-active{clip-path:circle(150vmax at 50vw 0);visibility:visible;}@media only screen and (min-width:64em){.cv-overlay.is-active{clip-path:circle(150vmax at 0 50vh);}}.cv-overlay__iframe{width:100%;height:100%;border:none;}.cv-overlay__close{position:absolute;top:2rem;right:2rem;background:none;border:none;color:#fff;font-size:4.5rem;cursor:pointer;z-index:1001;}.timo-section{margin-bottom:3rem;padding:0 !important;}.timo-banner-container{position:relative;border-radius:35px !important;overflow:hidden;background:#242426;min-height:405px;display:flex;align-items:center;box-shadow:none;width:100%;z-index:1;}.timo-banner-overlay{display:none;}.timo-banner-content{position:relative;z-index:3;padding:0 5rem;color:#fff;width:100%;text-align:left;}.timo-banner-title{font-size:3.2rem !important;font-weight:700 !important;margin-bottom:0 !important;color:#fff !important;}.timo-banner-subtitle{font-size:2.2rem !important;color:#fff !important;margin-bottom:1.8rem !important;font-weight:300 !important;opacity:1 !important;margin-top:0rem !important;}.timo-banner-text{font-size:1.6rem !important;color:rgba(255,255,255,0.9) !important;margin-bottom:2.5rem !important;max-width:none !important;line-height:1.2 !important;}.timo-banner-btn{display:inline-block !important;padding:1.2rem 3.5rem !important;background:transparent !important;border:1.5px solid #fff !important;border-radius:50px !important;color:#fff !important;text-decoration:none !important;transition:none !important;font-size:1.1rem !important;font-weight:400 !important;}.timo-banner-btn:hover{background:#fff !important;color:#242426 !important;transform:none !important;}@media screen and (max-width:1023px){.timo-section{padding:0 !important;margin-bottom:-80px !important;}.timo-banner-container{flex-direction:column !important;min-height:auto !important;border-radius:20px !important;background:#242426 !important;}.timo-banner-img{position:relative !important;width:100% !important;height:220px !important;object-fit:cover !important;object-position:-305px 0 !important;border-top-left-radius:20px !important;border-top-right-radius:20px !important;}.timo-banner-content{padding:2.5rem 1.5rem !important;}.timo-banner-title{font-size:2rem !important;margin-bottom:0.1rem !important;}.timo-banner-subtitle{font-size:1.4rem !important;margin-bottom:1.5rem !important;}.template-site__main.has-footer-offset{background-color:#fff !important;padding:0 0 0rem !important;}.timo-banner-text{font-size:1.2rem !important;line-height:1.5 !important;margin-bottom:2.5rem !important;font-weight:300 !important;}.timo-banner-btn{width:100% !important;text-align:center !important;padding:1.2rem !important;font-size:1.1rem !important;display:block !important;}}@media screen and (min-width:1024px){#kamin-retouren-li{margin-top:1.2rem !important;}}.teaser-card{position:relative !important;height:100% !important;border-radius:35px !important;overflow:hidden !important;display:block !important;text-decoration:none !important;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;box-sizing:border-box !important;max-width:100% !important;opacity:1 !important;visibility:visible !important;min-height:400px !important;}.teaser-card:nth-child(1){flex:2 !important;}.teaser-card:nth-child(2){flex:1 !important;}.teaser-card:hover{transform:none !important;z-index:10 !important;}.teaser-card__bg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;}.teaser-card__bg img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:50% 50% !important;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;transform-origin:center center;}.teaser-card:hover .teaser-card__bg img{transform:scale(1.1) !important;}.teaser-card__content{position:absolute !important;inset:0 !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;padding:3.5rem !important;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 30%,transparent 60%) !important;color:#ffffff !important;z-index:2 !important;}.teaser-card__title{font-size:clamp(2rem,1vw,2.8rem) !important;font-weight:700 !important;margin:0 !important;color:#ffffff !important;line-height:0.3 !important;}.teaser-card__tags{font-size:clamp(1rem,1.2vw,1.4rem) !important;font-weight:300 !important;opacity:0.8 !important;margin:0.8rem 0 0 0 !important;letter-spacing:0.02em !important;}.teaser-card__pointer{position:absolute !important;left:3.5rem !important;bottom:10.5rem !important;width:8px !important;height:8px !important;background:#ffffff !important;border-radius:50% !important;box-shadow:0 0 10px rgba(255,255,255,0.5) !important;margin-bottom:5px !important;}.teaser-card__pointer::after{content:"" !important;position:absolute !important;top:8px !important;left:50% !important;width:1px !important;height:40px !important;background:#ffffff !important;}@media screen and (max-width:1023px){.teaser-grid{flex-direction:column !important;flex-wrap:wrap !important;gap:1.5rem !important;}.teaser-card{height:auto !important;aspect-ratio:1.5 / 1 !important;flex:1 1 100% !important;border-radius:35px !important;}.teaser-card__content{padding:2rem !important;}.teaser-card__title{font-weight:500 !important;}.teaser-card__pointer{left:2rem !important;bottom:7.5rem !important;}}.cta-row{display:flex !important;gap:1rem !important;margin-top:1.5rem !important;margin-bottom:0 !important;}.case-studies-title{margin-top:0 !important;}.case-studies-slider{margin-top:1rem !important;margin-bottom:2rem !important;}.hero-brand-span{color:#ef6c26 !important;display:block !important;font-weight:500 !important;font-size:clamp(1.8rem,3vw,3.1rem) !important;margin-bottom:6px !important;letter-spacing:0 !important;}.home-articles-section{display:block !important;}.home-intro-column{margin-bottom:0rem !important;}.home-intro-p-text{margin-top:0 !important;font-size:1.15rem !important;line-height:1.6 !important;color:#333 !important;}.slider-nav-container{display:flex !important;justify-content:flex-start !important;gap:0.75rem !important;margin-top:2rem !important;margin-bottom:0 !important;position:relative !important;z-index:10 !important;pointer-events:auto !important;}.strg-z-subtitle{color:#0d0d0d !important;}.btn-container{display:flex !important;justify-content:center !important;align-items:center !important;flex-direction:row !important;flex-wrap:wrap !important;gap:1rem !important;width:100% !important;margin:2rem 0 2rem 0 !important;padding:0 !important;}.cta-row,.karate-buttons,.main-layout__column .btn-container{display:flex !important;justify-content:flex-start !important;align-items:flex-start !important;flex-direction:row !important;flex-wrap:wrap !important;text-align:left !important;margin-top:2.5rem !important;margin-bottom:0 !important;gap:1rem !important;}.btn{margin-left:0 !important;}@media screen and (max-width:1023px){.btn-container{flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:0 6.25vw !important;}.cta-row,.karate-buttons,.main-layout__column .btn-container{flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;margin-top:1rem !important;gap:20px !important;}.cta-row .btn,.karate-buttons .btn{margin-bottom:0 !important;}.btn{width:auto !important;min-width:200px !important;}.main-layout__column p,.main-layout__column table,.main-layout__column ul,.main-layout__column ol{font-size:clamp(1rem,0.5vw + 0.875rem,1.25rem);line-height:1.7 !important;margin-top:0 !important;}.main-layout__column h3:first-of-type{margin-top:0 !important;margin-bottom:25px !important;}.partners-logo-row{padding:0 10px !important;}.modal__title{font-size:1.5rem !important;line-height:1.1 !important;}}@media screen and (max-width:1023px){.home-hero-h1,.home-hero-title,.home-hero-p{text-align:left !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;}.strg-z-headline{font-weight:500 !important;font-size:1.8rem !important;padding-top:5px !important;margin-bottom:1px !important;text-align:left !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;}.strg-z-subtitle{display:none !important;}.home-intro-column{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important;box-sizing:border-box !important;}}@media screen and (min-width:1024px){.ux-skills-headline{display:none !important;}}@media screen and (min-width:1024px){#dark-mode-toggle{margin-top:0.8rem !important;}.lang-switch{margin-top:0.8rem !important;}}@media screen and (max-width:1023px){.site-header{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:0 20px !important;}.site-header__logo{order:1 !important;flex:1 !important;}.menu-toggle{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;margin:0 !important;width:3.5rem !important;height:3.5rem !important;z-index:12 !important;}.site-header__icon{order:3 !important;margin:0 0 0 10px !important;flex:0 0 auto !important;width:2.25rem !important;height:2.25rem !important;}.strg-z-headline br{display:none !important;}#main-branches .teaser-card:nth-child(n+2){display:none !important;}#main-branches{padding-left:6.25vw !important;padding-right:6.25vw !important;margin-top:0 !important;margin-bottom:0.5rem !important;}#main-branches .teaser-card{height:300px !important;min-height:300px !important;}.teaser-card__content{padding:2.5rem !important;}.teaser-card__pointer{left:2.5rem !important;margin-bottom:23px !important;}.cta-row,.karate-buttons,.main-layout__column .btn-container{flex-direction:column !important;gap:20px !important;align-items:center !important;justify-content:center !important;}.btn{width:100% !important;margin:0 !important;justify-content:center !important;text-align:center !important;}.about-4col-grid{display:block !important;margin-top:1.5rem !important;width:100% !important;}.ux-skills-headline{margin-bottom:1.5rem !important;display:block !important;}.accordion-btn{width:100% !important;font-size:16px !important;padding:14px 28px !important;border-radius:999px !important;background-color:#e86f2d !important;color:#ffffff !important;border:2px solid #e86f2d !important;cursor:pointer !important;display:flex !important;justify-content:space-between !important;align-items:center !important;text-align:left !important;transition:all 0.3s ease !important;margin-bottom:6px !important;}.accordion-btn::after{content:'+' !important;font-size:1.8rem !important;font-weight:400 !important;transition:transform 0.3s ease !important;line-height:1 !important;}.accordion-btn.is-active{border-radius:20px 20px 0 0 !important;background-color:#cf5f25 !important;margin-bottom:0 !important;}.accordion-btn.is-active::after{transform:rotate(45deg) !important;}.accordion-content{max-height:0 !important;overflow:hidden !important;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1),padding 0.5s ease,opacity 0.4s ease !important;background:#fff !important;border:2px solid #e86f2d !important;border-top:none !important;border-radius:0 0 20px 20px !important;padding:0 25px !important;opacity:0 !important;margin-bottom:8px !important;display:block !important;}.accordion-content.is-active{max-height:1000px !important;padding:20px 25px 25px !important;opacity:1 !important;}.accordion-content ul{margin:0 !important;padding:0 !important;list-style:none !important;}.accordion-content li,.accordion-item .accordion-content li{color:#333 !important;padding:12px 0 12px 1.8rem !important;border-bottom:1px solid rgba(0,0,0,0.05) !important;font-size:1.1rem !important;position:relative !important;padding-left:1.5rem !important;display:block !important;}.accordion-content li{position:relative !important;padding-left:28px !important;line-height:1.6 !important;margin-bottom:0.5rem !important;}.accordion-content li::before,.accordion-item .accordion-content li::before{content:"\2013" !important;position:absolute !important;left:0 !important;top:10px !important;color:#ef6c26 !important;font-weight:200 !important;}.accordion-content li:last-child{border-bottom:none !important;}.section-spacing-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important;}.partners-logo-row{display:block !important;overflow:hidden !important;width:100% !important;padding:0 0 0 0 !important;margin:2rem 0 !important;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent) !important;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent) !important;white-space:nowrap !important;}.partners-logo-row img{display:inline-block !important;vertical-align:middle !important;margin:0 1.5rem !important;height:40px !important;width:auto !important;}.partners-logo-row img.about-logo--bayer{margin-right:10px !important;margin-left:-20px !important;}.partners-logo-row img.about-logo--sumup{margin-left:-15px !important;}.partners-logo-row img:last-child{margin-right:0 !important;}}@media screen and (max-width:1023px){.page-about .page-header h1{font-size:clamp(1.8rem,2.5vw,4.2rem) !important;line-height:1.1 !important;}.page-about .hero-banner{height:300px !important;}.page-about section.main-layout{margin-top:1rem !important;margin-bottom:0 !important;}.page-about #about-intro-section,.page-about #about-ux-results,.page-about #about-grid-section,.page-about #about-projects-section,.page-about #about-challenges{margin-top:40px !important;}.page-about #about-ux-results,.page-about #about-challenges{display:flex !important;flex-direction:column-reverse !important;}.page-about .main-layout__column{margin-bottom:0.5rem !important;padding-top:0 !important;}.page-about .accordion-btn{display:flex !important;margin-top:10px !important;margin-bottom:0 !important;}.page-about .accordion-content{margin-bottom:2px !important;}.page-about #about-challenges .main-layout__column:first-child{margin-top:80px !important;}.page-about #about-projects-section h3.about-section-title{margin-bottom:20px !important;}.page-about #about-projects-section p{margin-bottom:10px !important;}.page-about #about-projects-section .about-slider__header{margin-bottom:15px !important;}.page-about main > .btn-container{display:none !important;}.page-about .about-4col-grid{display:block !important;margin-top:2rem !important;width:100% !important;}.page-about .about-image-standard{border-radius:15px !important;width:100% !important;margin-top:35px !important;margin-bottom:45px !important;}.about-projects-software-section{margin-top:40px !important;}.page-about .about-slider__nav{margin-bottom:30px !important;}@media screen and (max-width:1023px){.partners-logo-row{display:block !important;overflow:hidden !important;width:100% !important;max-width:100vw !important;min-width:0 !important;padding:0 0 0px 0 !important;margin:2rem 0 0rem 0 !important;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent) !important;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent) !important;white-space:nowrap !important;}}.page-about p,.page-about li,.page-about .main-layout__column p,.page-about .main-layout__column li,#mobile-merged-paragraph-container p{font-size:1.15rem !important;line-height:1.6 !important;}.page-about li{position:relative !important;padding-left:28px !important;}.page-about li::before{content:"\2013" !important;position:absolute !important;left:0 !important;top:0 !important;color:#ef6c26 !important;font-weight:200 !important;}}@media screen and (max-width:1023px){.page-hr p,.page-hr li,.page-hr td,.page-hr .main-layout__column p,.page-hr .main-layout__column li{font-size:1.15rem !important;line-height:1.6 !important;}.page-hr .main-layout__column p,.page-hr .main-layout__column table,.page-hr .main-layout__column ul,.page-hr .main-layout__column ol{margin-top:0.5rem !important;}.page-hr .breadcrumb{margin-top:10px !important;margin-bottom:5px !important;}.page-hr .main-layout{margin-top:0 !important;}.page-hr .main-layout__column{margin-bottom:1.5rem !important;padding-top:0 !important;}.page-hr .main-layout__column h3:first-of-type{margin-bottom:10px !important;}.page-hr .main-layout__column img.mobile-only{margin-bottom:1rem !important;}.page-hr .hero-banner{height:300px !important;}.page-hr .hr-impact-image{border-radius:10px !important;margin-top:60px !important;margin-bottom:60px !important;}.page-hr .btn{margin:0 !important;}.page-hr .btn-container{margin:4rem 0 0 0 !important;gap:1rem !important;padding:0 6.25vw !important;}.page-hr #hr-iterations-section,.page-hr #hr-activities-section{margin-top:4rem !important;}.page-hr .img-zoom:not(.site-footer *):not(.Mood *),.page-hr .lightbox img:not(.site-footer *):not(.Mood *),.page-hr .wireframe:not(.site-footer *),.page-hr .context-image:not(.site-footer *),.page-hr .has-shadow:not(.site-footer *):not(.Mood *),.page-nintendo .img-zoom:not(.site-footer *):not(.Mood *),.page-nintendo .lightbox img:not(.site-footer *):not(.Mood *),.page-nintendo .wireframe:not(.site-footer *),.page-nintendo .context-image:not(.site-footer *),.page-nintendo .has-shadow:not(.site-footer *):not(.Mood *),.page-nintendo .gallery-slide.has-shadow{box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;border-radius:36px !important;}.Mood img,.Mood .img-zoom{border-radius:0 !important;}}@media screen and (max-width:1023px){.page-hr .page-header h1{font-size:clamp(1.8rem,2.5vw,4.2rem) !important;font-weight:300 !important;line-height:1.1 !important;color:#1a1a1a !important;letter-spacing:-0.01em !important;}.page-hr .page-header h1 strong{color:#ef6c26 !important;display:block !important;font-weight:500 !important;font-size:clamp(1.8rem,3vw,3.1rem) !important;margin-bottom:0px !important;}.page-hr .page-header h1 span{color:#1a1a1a !important;font-weight:300 !important;}.page-hr .page-header h1 br{display:none !important;}}@media screen and (max-width:1023px){.page-nintendo p,.page-nintendo li,.page-nintendo td,.page-nintendo .main-layout__column p,.page-nintendo .main-layout__column li{font-size:1.15rem !important;line-height:1.6 !important;}.page-nintendo .breadcrumb{margin-top:10px !important;margin-bottom:5px !important;}.page-nintendo .main-layout{margin-top:0 !important;}.page-nintendo .main-layout__column{margin-bottom:1.5rem !important;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;transform:none !important;}.page-nintendo .hero-banner{height:300px !important;}.page-nintendo #nintendo-wireframe-text-section{margin-top:80px !important;margin-bottom:0px !important;}.page-nintendo .lofi-prototyp{margin-top:10px !important;margin-bottom:50px !important;}}@media screen and (max-width:1023px){.page-nintendo .page-header h1{font-size:clamp(1.8rem,2.5vw,4.2rem) !important;font-weight:300 !important;line-height:1.1 !important;color:#1a1a1a !important;letter-spacing:-0.01em !important;}.page-nintendo .page-header h1 strong{color:#ef6c26 !important;display:block !important;font-weight:500 !important;font-size:clamp(1.8rem,3vw,3.1rem) !important;margin-bottom:0px !important;}.page-nintendo .page-header h1 span{color:#1a1a1a !important;font-weight:300 !important;}.page-nintendo .page-header h1 br{display:none !important;}}@media screen and (max-width:1023px){.page-kamin .main-layout__column p,.page-kamin .main-layout__column li,.page-kamin .main-layout__column td{font-size:1.15rem !important;line-height:1.6 !important;color:#333 !important;}.template-site.page-kamin{background-color:#fff !important;}.page-kamin .template-site__main.has-footer-offset{background-color:#fff !important;padding-bottom:0 !important;}.page-kamin .site-footer{position:relative !important;z-index:10 !important;}.page-kamin .breadcrumb{margin-top:10px !important;margin-bottom:5px !important;}.page-kamin .main-layout{margin-top:0 !important;}.page-kamin .main-layout__column{margin-bottom:1.5rem !important;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;transform:none !important;}.page-kamin #kamin-ui-design,.page-kamin #kamin-methodik-section{margin-top:20px !important;}.page-kamin #kamin-nutzungskontext-section{margin-top:-40px !important;}.page-kamin .hero-banner{height:300px !important;}.page-kamin #kamin-lofi-section{margin-bottom:-15px !important;}.page-kamin .lofi-prototyp.has-mobile-gallery .gallery-slider{padding-bottom:20px !important;}.page-kamin .lofi-prototyp.has-mobile-gallery .gallery-pagination{margin-bottom:50px !important;margin-top:10px !important;}.page-kamin #contextSlider{display:flex !important;flex-direction:column !important;gap:10px !important;overflow:visible !important;padding:0 !important;width:100% !important;scroll-snap-type:none !important;}.page-kamin #contextSlider .gallery-slide{flex:0 0 auto !important;width:100% !important;padding:0 !important;overflow:hidden !important;border-radius:20px !important;}.page-kamin #contextSlider .gallery-slide img{width:100% !important;height:auto !important;border-radius:20px !important;opacity:1 !important;transform:none !important;box-shadow:none !important;pointer-events:auto !important;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;cursor:pointer !important;}.page-kamin #contextSlider .gallery-slide img:hover{transform:scale(1.1) !important;}.page-kamin #contextPagination{display:none !important;}}@media screen and (max-width:1023px){.page-monteur p,.page-monteur li,.page-monteur td,.page-monteur .main-layout__column p,.page-monteur .main-layout__column li{font-size:1.15rem !important;line-height:1.6 !important;}.page-monteur .breadcrumb{margin-top:10px !important;margin-bottom:5px !important;}.page-monteur .main-layout{margin-top:0 !important;}.page-monteur .main-layout__column{margin-bottom:1.5rem !important;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;transform:none !important;}.page-monteur .hero-banner{height:300px !important;}.page-monteur .activities-image-stack{margin-top:1rem !important;}.page-monteur #monteurzimmer-activities .monteur-title{margin-top:5rem !important;}.page-monteur .laptop-mockup__screen{position:absolute;top:3.6% !important;left:12.5% !important;width:76% !important;height:70.0% !important;background:#111;overflow:hidden;z-index:2;border-radius:8px !important;}}@media screen and (max-width:1023px){.page-monteur .page-header h1{font-size:clamp(1.8rem,2.5vw,4.2rem) !important;font-weight:300 !important;line-height:1.1 !important;color:#1a1a1a !important;letter-spacing:-0.01em !important;}.page-monteur .page-header h1 strong{color:#ef6c26 !important;display:block !important;font-weight:500 !important;font-size:clamp(1.8rem,3vw,3.1rem) !important;margin-bottom:0px !important;}.page-monteur .page-header h1 span{color:#1a1a1a !important;font-weight:300 !important;}.page-monteur .page-header h1 br{display:none !important;}}@media screen and (max-width:1023px){.page-kamin .page-header h1{font-size:clamp(1.8rem,2.5vw,4.2rem) !important;font-weight:300 !important;line-height:1.1 !important;color:#1a1a1a !important;letter-spacing:-0.01em !important;}.page-kamin .page-header h1 strong{color:#ef6c26 !important;display:block !important;font-weight:500 !important;font-size:clamp(1.8rem,3vw,3.1rem) !important;margin-bottom:0px !important;}.page-kamin .page-header h1 span{color:#1a1a1a !important;font-weight:300 !important;}.page-kamin .page-header h1 br{display:none !important;}}#scroll-progress{background:transparent !important;left:0;pointer-events:none;position:fixed;top:0;z-index:10001;}#scroll-progress__bar{background:#ef6c26;transition:width .1s linear,height .1s linear;}@media only screen and (max-width:63.99em){#scroll-progress{height:4px;width:100%;}#scroll-progress__bar{height:100%;width:0%;}}@media only screen and (min-width:64em){#scroll-progress{height:100vh;width:4px;}#scroll-progress__bar{height:0%;width:100%;}}@media screen and (min-width:1024px){.accordion-content{display:block !important;max-height:none !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;padding:0 !important;border:none !important;background:transparent !important;margin:0 !important;}.accordion-btn{display:none !important;}}@media screen and (max-width:1023px){.template-site.page-about{padding-top:4.5rem !important;background-color:#fff !important;}.page-about .btn-container{padding-left:0 !important;padding-right:0 !important;}.page-about section.about-projects-software-section{margin-top:80px !important;}.page-about .about-slider__nav{margin-bottom:60px !important;}.page-about #about-challenges{margin-top:10px !important;}.page-about .partners-logo-row{background-color:#fff !important;}}@media screen and (max-width:1023px){.template-site{background-color:#fff !important;}.template-site__main.has-footer-offset{margin-bottom:0 !important;padding-bottom:0 !important;}#footer-placeholder{background-color:#ef6c26 !important;}.site-footer{position:relative !important;z-index:10 !important;min-height:auto !important;background-color:#ef6c26 !important;}.site-footer__background{background-color:#ef6c26 !important;}.site-footer__text h2{font-size:2rem !important;margin-bottom:1.2rem !important;}.site-footer__text p{font-size:1.4rem !important;line-height:1.5 !important;}}@media screen and (max-width:1023px){.template-home #main{display:flex !important;flex-direction:column !important;}.template-home .main-header{order:1 !important;}.template-home #main-branches{order:2 !important;}.template-home .home-articles-section{order:3 !important;}.template-home .case-studies-title{order:4 !important;}.template-home .case-studies-slider{order:5 !important;}.template-home .slider-nav-container{order:6 !important;}.template-home .ux-skills-headline{order:7 !important;}.template-home .about-4col-grid{order:8 !important;}.template-home .timo-section{order:9 !important;}.template-home .partners-logo-row{order:10 !important;}.template-home .karate-section{order:11 !important;}}@media screen and (max-width:1023px){.announcement-bar{position:relative !important;margin-top:-8px !important;display:flex !important;z-index:998 !important;}.site-header{position:fixed !important;top:0 !important;z-index:1000 !important;}body:not(.ticker-is-hidden) .template-site{padding-top:0 !important;}.page-nintendo #nintendo-wireframe-text-section{margin-top:0px !important;margin-bottom:-30px !important;}.page-nintendo .lofi-prototyp{margin-top:0px !important;margin-bottom:40px !important;}.page-nintendo #contextSlider .gallery-slide{cursor:pointer !important;pointer-events:auto !important;}#scroll-progress{top:0 !important;z-index:1000001 !important;}}body.js-menu-is-active .announcement-bar,body:has(.nav-mega-dropdown.is-open) .announcement-bar,.nav-mega-dropdown.is-open ~ .announcement-bar{display:none !important;}body.js-menu-is-active #flammie,body:has(.nav-mega-dropdown.is-open) #flammie{display:none !important;}@media screen and (max-width:1023px){.page-so p,.page-so li,.page-so td,.page-so .main-layout__column p,.page-so .main-layout__column li{font-size:1.15rem !important;line-height:1.6 !important;color:#333 !important;}.page-so .breadcrumb{margin-top:10px !important;margin-bottom:5px !important;}.page-so .main-layout{margin-top:0 !important;padding-top:0 !important;}.page-so .main-layout__column{margin-bottom:1.5rem !important;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;transform:none !important;}.page-so .hero-banner{height:300px !important;border-radius:35px !important;}.page-so .img-zoom.gradient-dark{border-radius:35px !important;}.page-so .gradient-dark .content-layer,.page-so .branch__pointer{display:none !important;}.page-so .page-header h1{font-size:clamp(1.8rem,2.5vw,4.2rem) !important;font-weight:300 !important;line-height:1.1 !important;color:#1a1a1a !important;letter-spacing:-0.01em !important;}.page-so .page-header h1 strong{color:#ef6c26 !important;display:block !important;font-weight:500 !important;font-size:clamp(1.8rem,3vw,3.1rem) !important;margin-bottom:0px !important;}.page-so .page-header h1 span{color:#1a1a1a !important;font-weight:300 !important;display:block !important;}.page-so .page-header h1 br{display:none !important;}.page-so .so-title{margin-top:2rem !important;margin-bottom:1rem !important;}.page-so ul.so-dash-list{list-style:none !important;padding-left:0 !important;margin:0 !important;}.page-so ul.so-dash-list li{position:relative !important;padding-left:28px !important;line-height:1.6 !important;margin-bottom:0.8rem !important;margin-top:0.5rem !important;display:block !important;font-size:1.15rem !important;}.page-so ul.so-dash-list li::before{content:"\2013" !important;position:absolute !important;left:0 !important;top:0 !important;color:#ef6c26 !important;font-weight:200 !important;}.page-so .main-layout__column--medium{margin-bottom:1rem !important;}.page-so .main-layout__column h3:first-of-type{margin-bottom:10px !important;}.page-so .main-layout__column p,.page-so .main-layout__column table,.page-so .main-layout__column ul,.page-so .main-layout__column ol{margin-top:0.4rem !important;}} @media screen and (min-width: 1024px) {#hr-ziel-headline {margin-top: 2.9rem !important;}}#ux-competence-modal .modal__body li,#company-modal .modal__body li{margin-top:0 !important;margin-bottom:0.5rem !important;line-height:1.4 !important;position:relative !important;}@media screen and (min-width: 1024px){.page-so #so-impact-section + section.main-layout { padding-bottom: 0.2rem !important; } .page-so .btn-container{margin-top:-1.5rem !important;}}.lang-switch__btn{background:none !important;border:none !important;cursor:pointer !important;color:#FFF !important;padding:0.3rem 0.5rem !important;transition:all 0.2s ease !important;border-radius:0 !important;font-size:1.00rem !important;text-transform:uppercase !important;font-weight:500 !important;font-family:VistaSans, sans-serif !important;}.lang-switch__btn.is-active{color:#ef6c26 !important;font-weight:700 !important;background:rgba(239,108,38,0.1) !important;}.lang-switch__btn{font-family:VistaSans, sans-serif !important;}@media screen and (min-width: 1024px){.page-so .btn-container{margin-top:-1.5rem !important;}} @media screen and (min-width: 1024px) { /* GLOBALER FLIESSTEXT: Nur für Standard-Inhalte (NICHT in Boxen/Modals/Lebenslauf) */ body:not(.dark-mode) p:not(.teaser-card *):not(.modal *):not(.collage-card *):not(.page-lebenslauf *):not(.content-layer *):not(.site-menu *):not(.site-footer *):not(.timo-banner-content *):not(.impact-image-stack *), body:not(.dark-mode) li:not(.teaser-card *):not(.modal *):not(.collage-card *):not(.page-lebenslauf *):not(.content-layer *):not(.site-menu *):not(.site-footer *):not(.timo-banner-content *):not(.impact-image-stack *), body:not(.dark-mode) td:not(.teaser-card *):not(.modal *):not(.collage-card *):not(.page-lebenslauf *):not(.content-layer *):not(.site-menu *):not(.site-footer *):not(.timo-banner-content *):not(.impact-image-stack *) { margin-top: 0 !important; font-size: clamp(1rem, 0.5vw + 0.875rem, 1.25rem) !important; line-height: 1.575 !important; font-weight: 200 !important; color: #000000 !important; } @media screen and (min-width: 1024px) { .activities-image-stack img:nth-child(1){top:-30px;left:20px;z-index:3;} .activities-image-stack img:nth-child(2){top:173px !important;left:238px !important;z-index:2;} .activities-image-stack img:nth-child(3){top:300px;left:20px;z-index:1;} .impact-image-stack{position:relative;width:100%;height:600px;margin-top:20px;} .impact-image-stack img{width:360px !important;height:520px !important;object-fit:cover !important;border-radius:15px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;position:absolute !important;transition:all 0.4s ease !important;} .impact-image-stack img:nth-child(1){top:-12px;left:70px;z-index:1;} .impact-image-stack img:nth-child(2){top:125px;left:340px;z-index:2;} } /* DARKMODE 1:1 ANGLEICH an Lightmode (nur ohne color – Farben aus dark-mode.css) */ body.dark-mode p:not(.teaser-card *):not(.modal *):not(.collage-card *):not(.page-lebenslauf *):not(.content-layer *):not(.site-menu *):not(.site-footer *):not(.timo-banner-content *):not(.impact-image-stack *), body.dark-mode li:not(.teaser-card *):not(.modal *):not(.collage-card *):not(.page-lebenslauf *):not(.content-layer *):not(.site-menu *):not(.site-footer *):not(.timo-banner-content *):not(.impact-image-stack *), body.dark-mode td:not(.teaser-card *):not(.modal *):not(.collage-card *):not(.page-lebenslauf *):not(.content-layer *):not(.site-menu *):not(.site-footer *):not(.timo-banner-content *):not(.impact-image-stack *) { margin-top: 0 !important; font-size: clamp(1rem, 0.5vw + 0.875rem, 1.25rem) !important; line-height: 1.575 !important; font-weight: 200 !important; } /* HAMBURGER MENÜ: Typografie ja, Farbe Weiss */ .site-menu p, .site-menu .menu-pages__link p, .site-menu .extra { color: #ffffff !important; font-weight: 200 !important; font-size: clamp(1rem, 0.5vw + 0.875rem, 1.25rem) !important; } /* LEBENSLAUF & MODALS: Typografie ja, Farbe Weiss/Hell halten */ .page-lebenslauf p, .page-lebenslauf li, .modal p, .modal li { margin-top: 0 !important; font-size: clamp(1rem, 0.5vw + 0.875rem, 1.25rem) !important; line-height: 1.575 !important; font-weight: 200 !important; } .page-lebenslauf p, .page-lebenslauf li { color: #ffffff !important; } .modal p, .modal li { color: rgba(255,255,255,0.9) !important; } /* MENÜ HOVER EFFEKT */ .site-menu a.menu-pages__link:hover, .site-menu a.menu-pages__link:active, .site-menu a.menu-meta__item__link:hover, .site-menu a.menu-meta__item__link:active { color: #ef6c26 !important; border-bottom-color: #ef6c26 !important; } } @media screen and (max-width: 1023px) { /* MOBILE MENU LINKS: Hover Orange (Extreme Specificity Fix) */ body#site .site-menu .mobile-menu-links a:hover, body#site .site-menu .mobile-menu-links a:active, body#site .site-menu .mobile-menu-links a.is-active { color: #ef6c26 !important; } /* MOBILE MENU: Project Label Visibility (FIX) */ body#site .site-menu .mobile-menu-slide-label { display: inline-block !important; position: absolute !important; bottom: 30px !important; left: 20px !important; background: rgba(20, 20, 20, 0.9) !important; color: #ffffff !important; padding: 10px 20px !important; border-radius: 8px !important; z-index: 2000 !important; text-decoration: none !important; font-size: 15px !important; font-weight: 600 !important; visibility: visible !important; opacity: 1 !important; white-space: nowrap !important; } body#site .site-menu .mobile-menu-slide-label:hover { background: #ef6c26 !important; } } @media screen and (max-width: 1023px) { .modal { padding: 80px 20px 80px 20px !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; z-index: 1000001 !important; } .modal__container { width: 100% !important; max-width: 100% !important; max-height: calc(100vh - 160px) !important; margin: 0 auto !important; transform: none !important; position: relative !important; border-radius: 25px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .modal.is-active .modal__container { transform: none !important; } .modal__close { top: 1.5rem !important; right: 1.5rem !important; } } .modal__nav-container { display: flex !important; align-items: center !important; justify-content: center !important; gap: 1.5rem !important; margin-top: 0.8rem !important; width: 100% !important; } .modal__nav { margin-top: 0 !important; } .modal__arrow { background: none !important; border: none !important; color: rgba(255, 255, 255, 0.5) !important; font-size: 1.8rem !important; cursor: pointer !important; padding: 0.5rem !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; line-height: 1 !important; } .modal__arrow:hover { color: #ef6c26 !important; transform: scale(1.2) !important; } .modal__arrow:active { transform: scale(0.9) !important; } @media screen and (max-width: 1023px) { .modal__nav-container { margin-top: 1.5rem !important; gap: 1rem !important; } .modal__arrow { font-size: 1.5rem !important; } } @media screen and (min-width: 1024px) { .activities-image-stack img:nth-child(1){top:-30px;left:20px;z-index:3;} .activities-image-stack img:nth-child(2){top:173px !important;left:238px !important;z-index:2;} .activities-image-stack img:nth-child(3){top:300px;left:20px;z-index:1;} .impact-image-stack{position:relative;width:100%;height:600px;margin-top:20px;} .impact-image-stack img{width:360px !important;height:520px !important;object-fit:cover !important;border-radius:15px !important;box-shadow:0px 2px 2px rgba(0,0,0,0.15) !important;position:absolute !important;transition:all 0.4s ease !important;} .impact-image-stack img:nth-child(1){top:-12px;left:70px;z-index:1;} .impact-image-stack img:nth-child(2){top:125px;left:340px;z-index:2;} } @media screen and (min-width: 1400px) and (max-width: 1480px) { .activities-image-stack { display: flex !important; flex-direction: column !important; gap: 1rem !important; height: auto !important; } .activities-image-stack img { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; height: auto !important; } .activities-image-stack img:nth-child(1) { position: relative !important; top: auto !important; left: auto !important; } .activities-image-stack img:nth-child(2) { position: relative !important; top: auto !important; left: auto !important; } .activities-image-stack img:nth-child(3) { position: relative !important; top: auto !important; left: auto !important; } .impact-image-stack { height: 480px !important; } .impact-image-stack img { width: 320px !important; height: 460px !important; } .impact-image-stack img:nth-child(1) { top: -10px !important; left: 50px !important; } .impact-image-stack img:nth-child(2) { top: 380px !important; left: 210px !important; } } } [data-t="hero_title"],[data-t="hero_title_tablet"],[data-t="hero_title_mobile"],[data-t="about_h1_sub"]{font-weight:200!important} .tabelle td svg{margin-right:1em!important}.tabelle td{padding-bottom:0.6em!important}.hr-iterations-section .main-layout__column--full{padding-bottom:0!important;margin-bottom:0!important}.hr-iterations-section h3{margin-bottom:0.5rem!important} .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;max-width:60rem;margin-left:auto;margin-right:auto}.stat-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.05);text-align:center}.stat-number{font-size:clamp(2rem,3vw,3rem);font-weight:700;background:linear-gradient(135deg,#ef6c26,#ff9a5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:clamp(.875rem,.5vw + .75rem,1rem);color:rgba(0,0,0,.6);line-height:1.4}.stats-grid{margin-bottom:0}.stats-grid ~ .painpoints-grid{margin-top:1rem}.section-spacing-6:has(.stats-grid){margin-top:.5rem!important;margin-bottom:0!important}.section-spacing-6:has(.painpoints-grid){margin-top:.5rem!important;margin-bottom:.5rem!important}.painpoints-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:100%;margin-left:auto;margin-right:auto}.painpoint-card{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease;cursor:default}.painpoint-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}.painpoint-card:hover .painpoint-icon{transform:scale(1.15)}.painpoint-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:#ef6c26}.painpoint-icon svg{width:2rem;height:2rem}.painpoint-title{font-weight:600;margin-bottom:.25rem;font-size:clamp(.875rem,.3vw + .8rem,1rem)}.painpoint-desc{font-size:clamp(.75rem,.3vw + .7rem,.875rem);color:rgba(0,0,0,.55);line-height:1.45} @media screen and (max-width:768px){.stats-grid{grid-template-columns:1fr}} /* About Profile – Animated */ .about-profile{position:relative;width:clamp(220px,20vw,300px);height:clamp(220px,20vw,300px);margin:0 auto;display:flex;align-items:center;justify-content:center} .about-profile__img{width:72%;height:72%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 30px rgba(0,0,0,0.12);position:relative;z-index:2} .about-profile__ring{position:absolute;inset:0;z-index:1} .about-profile__text-svg{width:100%;height:100%;animation:profileSpin 20s linear infinite} .about-profile__text-rotating{font-size:8.5px;fill:#ef6c26;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;font-family:'Space Grotesk',sans-serif} .about-profile__sparkle{position:absolute;z-index:3;animation:sparkleFloat 3s ease-in-out infinite;opacity:0} .about-profile__sparkle--1{top:-4%;right:8%;animation-delay:0s} .about-profile__sparkle--2{top:18%;left:-4%;animation-delay:0.8s} .about-profile__sparkle--3{bottom:10%;right:-2%;animation-delay:1.5s} .about-profile__sparkle--4{bottom:-2%;left:15%;animation-delay:2.2s} @keyframes profileSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes sparkleFloat{0%,100%{opacity:0;transform:translateY(0) scale(0.6)}50%{opacity:1;transform:translateY(-6px) scale(1)}} @media(max-width:1023px){.about-profile{width:200px;height:200px}.about-profile__text-rotating{font-size:7.5px}} /* Headline Reveal Animation – all pages */ .main-header__content__title{opacity:1!important;transform:none!important;transition:none!important} .main-header__content__title h1{overflow:hidden} .main-header__content__title h1>*{display:inline-block;opacity:0;transform:translateY(100%);transition:transform 0.7s cubic-bezier(.22,1,.36,1),opacity 0.01s linear 0.7s} .main-header__content__title[data-scroll=in] h1>*{opacity:1;transform:translateY(0)} .main-header__content__title[data-scroll=in] h1>:nth-child(1){transition-delay:0.1s} .main-header__content__title[data-scroll=in] h1>:nth-child(2){transition-delay:0.2s} .main-header__content__title[data-scroll=in] h1>br+.u-header-span{transition-delay:0.2s} .main-header__content__title .home-hero-p{display:inline-block;opacity:0;transform:translateY(100%);transition:transform 0.7s cubic-bezier(.22,1,.36,1),opacity 0.01s linear 0.7s} .main-header__content__title[data-scroll=in] .home-hero-p{opacity:1;transform:translateY(0);transition-delay:0.3s} .home-hero-title{opacity:1!important;transform:none!important;transition:none!important} .home-hero-h1{overflow:hidden} .home-hero-h1>*,.home-hero-p{display:inline-block;opacity:0;transform:translateY(100%);transition:transform 0.7s cubic-bezier(.22,1,.36,1),opacity 0.01s linear 0.7s} .home-hero-title[data-scroll=in] .home-hero-h1>*,.home-hero-title[data-scroll=in] .home-hero-p{opacity:1;transform:translateY(0)} .home-hero-title[data-scroll=in] .home-hero-h1>:nth-child(1){transition-delay:0.1s} .home-hero-title[data-scroll=in] .home-hero-h1>:nth-child(2){transition-delay:0.2s} .home-hero-title[data-scroll=in] .home-hero-p{transition-delay:0.3s} /* Ideas Banner (Gamma-Style) */ .ideas-banner{position:relative;width:100%;display:flex;align-items:flex-start;justify-content:center;min-height:clamp(500px,55vw,700px)} .ideas-banner__layer{position:absolute;inset:0;width:100%;height:100%} .ideas-banner__layer--bg img{width:100%;height:100%;object-fit:cover;display:block} .ideas-banner__layer--portrait{z-index:1;display:flex;align-items:flex-end;justify-content:center} .ideas-banner__layer--portrait img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center bottom} .ideas-banner__layer--glow{z-index:2;pointer-events:none} .ideas-banner__cards{position:absolute;inset:0;z-index:3;pointer-events:none} .ideas-banner__card{position:absolute;border-radius:12px;padding:1rem 1.2rem;color:#fff;font-size:.8rem;line-height:1.4;opacity:.85} .ideas-banner__card--1{left:3%;top:35%;width:clamp(140px,14vw,200px);background:rgba(180,120,210,.45);transform:rotate(-3deg)} .ideas-banner__card--2{left:22%;top:52%;width:clamp(120px,12vw,170px);background:rgba(80,140,200,.4);transform:rotate(2deg)} .ideas-banner__card--3{right:3%;top:38%;width:clamp(140px,14vw,200px);background:rgba(60,160,180,.4);transform:rotate(3deg)} .ideas-banner__card--4{right:20%;top:55%;width:clamp(130px,13vw,180px);background:rgba(200,130,170,.4);transform:rotate(-2deg)} .ideas-banner__card-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);margin-right:4px} .ideas-banner__card-title{font-family:VistaSans,sans-serif;font-weight:600;font-size:.85rem;margin-bottom:.5rem} .ideas-banner__card-lines span{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.25);margin-bottom:4px} .ideas-banner__card-lines span:nth-child(1){width:80%} .ideas-banner__card-lines span:nth-child(2){width:60%} .ideas-banner__card-lines span:nth-child(3){width:45%} .ideas-banner__content{position:relative;z-index:5;text-align:center;padding:3rem 2rem 0;max-width:800px} .ideas-banner__title{font-family:VistaSans,sans-serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:1.5rem;text-shadow:0 2px 20px rgba(0,0,0,.3)} .btn-white{display:inline-block;padding:.75rem 2rem;border-radius:9999px;background:#fff;color:#111!important;font-weight:600;font-size:1.05rem;text-decoration:none;border:2px solid #fff;transition:all .25s ease} .btn-white:hover{background:rgba(255,255,255,.15)!important;color:#fff!important;border-color:rgba(255,255,255,.7)!important} @media(max-width:1023px){.ideas-banner{min-height:400px}.ideas-banner__title{font-size:clamp(1.6rem,6vw,2.4rem)}.ideas-banner__content{padding:2rem 1.5rem 0}.ideas-banner__cards{display:none}.ideas-banner__layer--portrait img{object-position:center 80%}} @media(min-width:1024px){.template-home.template-site{background-color:#fff!important}.template-home .karate-buttons{margin-bottom:0!important}.template-home #about-karate{margin-bottom:0!important;padding-bottom:0!important}.template-home .template-site__main.has-footer-offset{padding-bottom:4rem!important}} /* Olha-Style Portrait */ .olha-portrait-wrap{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:380px;margin:43px auto 0}@media(min-width:1024px){.olha-portrait-wrap{margin:-70px auto 0}} .olha-portrait-ring{position:absolute;inset:-16px;border-radius:50%;border:2px dashed rgba(239,108,38,.25);pointer-events:none;animation:ringSpin 80s linear infinite} @keyframes ringSpin{to{transform:rotate(360deg)}} .olha-portrait-img{position:relative;width:240px;height:240px;border-radius:50%;overflow:hidden;flex-shrink:0} .olha-portrait-img img{width:100%;height:100%;object-fit:cover;display:block} .olha-portrait-badge{position:absolute;bottom:8px;right:0;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.06);font-size:.85rem;font-weight:500;color:#111} .olha-portrait-badge svg{width:16px;height:16px;color:#ef6c26;flex-shrink:0} @media(min-width:640px){.olha-portrait-img{width:280px;height:280px}} @media(min-width:768px){.olha-portrait-img{width:320px;height:320px}} @media(min-width:1024px){.olha-portrait-img{width:380px;height:380px}.olha-portrait-badge{bottom:16px;right:8px}} /* Central Care (page-pizza) Laptop fixes */ @media screen and (min-width: 1024px) { .page-pizza .desktop-mt-xxl { margin-top: 4rem !important; } .page-pizza .pizza-stepper { padding: 2rem clamp(22px, 20vw, 100px) 1rem !important; } .page-pizza .main-layout { padding: 0 clamp(22px, 5vw, 92px) !important; } } @media screen and (min-width: 1400px) and (max-width: 1480px) { .page-pizza .pizza-stepper { padding: 2rem clamp(22px, 9vw, 90px) 1rem !important; } } /* Force bottom images square */ .template-home .mobile-only img{border-radius:0!important} .timo-banner-img{border-radius:0!important} .ideas-banner__layer img{border-radius:0!important} #about-karate .karate-heading{margin-top:4rem!important} .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:0;max-width:100%;margin-left:auto;margin-right:auto}.slider-nav-container{margin-bottom:4rem!important} @media screen and (max-width:768px){.stats-grid{grid-template-columns:1fr!important}} @media screen and (max-width:768px){.stats-grid{grid-template-columns:1fr!important}.painpoints-grid{grid-template-columns:1fr!important}} #monteur-usps{margin-top:6rem!important} .about-projects-software-section{margin-top:4rem!important} /* ===== 1440x900 only ===== */ @media screen and (min-width: 1400px) and (max-width: 1480px) { /* Nav: kleiner, enger, weiter rechts */ html body .desktop-main-nav { right: 6rem !important; } .desktop-main-nav__list { gap: 1.5rem !important; } .desktop-main-nav__link { font-size: clamp(0.8125rem, 0.4vw + 0.7625rem, 1.0625rem) !important; } /* Startseite: Text als eine fließende Box */ .about-3col-row { grid-template-columns: 1fr auto !important; } .about-3col-col-1 { grid-column: 1 !important; grid-row: 1 !important; } .about-3col-col-2 { grid-column: 1 !important; grid-row: 2 !important; } .about-3col-col-3 { grid-column: 2 !important; grid-row: 1 / 3 !important; align-self: center !important; } /* Über mich: 30/70 Layout */ .main-layout--30-70 > .main-layout__column--medium:first-child { width: 30% !important; } .main-layout--30-70 > .main-layout__column--medium:last-child { width: 70% !important; } /* Portrait: kleiner + Wrap quadratisch */ .olha-portrait-wrap { max-width: 280px !important; } .olha-portrait-img { width: 280px !important; height: 280px !important; } /* Text als Fließtextbox unter der Überschrift */ #about-intro-section { flex-direction: column !important; align-items: flex-start !important; } #about-intro-section > .main-layout__column--medium { width: 100% !important; max-width: 60rem !important; } #about-intro-section > .main-layout__column--medium:first-child { max-width: 320px !important; margin-bottom: 1rem !important; } #about-intro-section .main-layout__column--medium:last-child { columns: 1 !important; column-gap: 0 !important; } /* Dashed Ring rund: Wrap muss quadratisch sein */ .olha-portrait-ring { inset: -16px !important; border-radius: 50% !important; aspect-ratio: 1 / 1 !important; } .olha-portrait-img { border-radius: 50% !important; } /* Karate Logos: alle in einer Zeile */ #about-karate .karate-logos-row { flex-wrap: nowrap !important; gap: 1rem !important; } #about-karate .karate-logo { height: 35px !important; } /* Über mich Banner: Headline + Text kleiner */ .timo-banner-title { font-size: 2.4rem !important; } .timo-banner-subtitle { font-size: 1.6rem !important; } /* Page Header: Headline passt sich an Nav an */ .page-header h1 { max-width: 55% !important; font-size: clamp(1.8rem, 2.5vw, 3rem) !important; } } /* Contentsquare Button Roll - Global */ /* Contentsquare Button Roll Animation - Global */ .btn--csq{ position:relative !important; display:inline-flex !important; justify-content:center !important; align-items:center !important; overflow:hidden !important; white-space:nowrap !important; border-radius:8rem !important; padding:0.6875rem 1.25rem !important; border:1px solid transparent !important; text-align:center !important; text-decoration:none !important; font-family:inherit !important; font-weight:500 !important; font-size:0.95rem !important; line-height:1 !important; transition: background-color 300ms cubic-bezier(.4,0,.2,1) !important, color 300ms cubic-bezier(.4,0,.2,1) !important, border-color 300ms cubic-bezier(.4,0,.2,1) !important; } .btn--csq .btn__text{ display:inline-block !important; transition: transform 200ms cubic-bezier(.4,0,.2,1) !important; } .btn--csq .btn__text--clone{ position:absolute !important; inset:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; transform:translateY(100%) !important; } .btn--csq:hover .btn__text:not(.btn__text--clone){ transform:translateY(-2.5rem) !important; } .btn--csq:hover .btn__text--clone{ transform:translateY(0) !important; } .btn--csq.btn-primary{ background:#ef6c26 !important; color:#fff !important; border-color:#ef6c26 !important; } .btn--csq.btn-primary:hover{ background:#d85a1a !important; border-color:#d85a1a !important; color:#fff !important; } .btn--csq.btn-outline{ background:transparent !important; color:#ef6c26 !important; border-color:#ef6c26 !important; } .btn--csq.btn-outline:hover{ background:#ef6c26 !important; color:#fff !important; border-color:#ef6c26 !important; }