html,body{height:initial}html{font-size:62.5%;height:100%;scroll-behavior:smooth}textarea{overflow:auto}img{border:0;max-width:100%;height:auto}button,input,optgroup,select,textarea,form,fieldset{margin:0;padding:0;color:inherit;background-color:inherit;font:inherit;border-radius:0}main,nav,section,article,header,pre,blockquote,dl,figure,figcapture,address{display:block;padding:0;margin:0;font-style:normal}::placeholder{opacity:1;color:var(--cl-4)}*,*:before,*:after{box-sizing:border-box}:target{scroll-margin-block-start:10rem}:focus{scroll-margin-block-end:8vh}a{text-decoration:none;color:var(--cl-1)}a:not([class]):hover{color:var(--cl-1)}a:not([class]):active{color:var(--cl-white);background-color:var(--bg-black)}a:not([class]){text-decoration:underline}main a:not([class]){text-underline-offset:2px;text-decoration-thickness:2px}main a:not([class]):hover{background-color:var(--cl-1-3);text-decoration-thickness:2px;text-underline-offset:5px}:focus-visible{outline-color:var(--bg-focus);outline-width:3px;outline-style:dotted;outline-offset:1px}body .base-box a:focus-visible,body .base-box button:focus-visible,body .base-box .modul a:focus-visible{color:var(--cl-white);background-color:var(--bg-focus);border-color:var(--bg-focus)}@supports not selector(:focus-visible){:focus{outline-color:var(--bg-focus);outline-width:3px;outline-style:dotted;outline-offset:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.tpx-body{font-family:var(--primary-font);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);height:100%;min-height:100vh;color:var(--cl-black);background-color:var(--bg-white);line-height:1.5;margin:-1px 0 0;padding:1px 0 0;-webkit-overflow-scrolling:touch}.base-item{height:100%}.fixed .base-item:before{content:'';display:block;height:90px;width:100%}.base-box section,.base-box,.site-main,.item-box,.full-width.item-box,.item-box .item-box{width:100%;max-width:100%;position:relative;z-index:2}.full-size.item-box{height:100vh}.item-box{width:calc(100% - var(--itembox-gap));max-width:var(--max-itembox-width);margin:0 auto 0 auto}.small-boxed.item-box>div,.small-boxed.item-box>header{max-width:var(--small-itembox-width)}.base-box{min-height:100vh;overflow:hidden}@media (max-width:380px){.item-box{width:calc(100% - var(--itembox-gap-responsive))}}[class*=pd-]{--pdt:0;--pdb:0}[class*=pd-t]{padding-top:var(--pdt)}[class*=pd-b]{padding-bottom:var(--pdb)}.pd-t1{--pdt:1rem}.pd-t2{--pdt:2rem}.pd-t3{--pdt:3rem}.pd-t4{--pdt:4rem}.pd-t5{--pdt:5rem}.pd-t6{--pdt:6rem}.pd-t7{--pdt:7rem}.pd-t8{--pdt:8rem}.pd-t9{--pdt:9rem}.pd-t10{--pdt:10rem}.pd-t12{--pdt:12rem}.pd-t15{--pdt:15rem}.pd-tfirst{--pdt:20rem}.pd-b1{--pdb:1rem}.pd-b2{--pdb:2rem}.pd-b3{--pdb:3rem}.pd-b4{--pdb:4rem}.pd-b5{--pdb:5rem}.pd-b6{--pdb:6rem}.pd-b7{--pdb:7rem}.pd-b8{--pdb:8rem}.pd-b9{--pdb:9rem}.pd-b10{--pdb:10rem}.pd-b12{--pdb:12rem}.pd-b15{--pdb:15rem}.txt-center{text-align:center}.txt-left{text-align:left}.txt-right{text-align:right}.txt-uppercase{text-transform:uppercase}.txt-reset{text-transform:none;text-align:left}.base-box .none{display:none}.modul h1,.modul h2,.modul h3,.modul h4,.modul h5,.modul h6{font-family:var(--secondary-font);font-size:var(--font-size-h4);margin:0 0 2rem;word-wrap:normal;hyphens:auto;max-width:100%}.modul .like-h4,.modul .like_h4,.modul .like-h5,.modul .like_h5,.modul .like-h6,.modul .like_h6{font-family:var(--primary-font);font-size:var(--font-size-h4);display:block;letter-spacing:0;line-height:1.5}@media (min-width:790px){.modul h1,.modul .like_h1,.modul .like-h1{font-size:var(--font-size-h1);line-height:1.2;hyphens:manual}.modul h2,.modul .like_h2,.modul .like-h2{font-size:var(--font-size-h2);line-height:1.3;hyphens:manual}.modul h3,.modul .like_h3,.modul .like-h3{font-size:var(--font-size-h3);line-height:1.4;hyphens:manual}}.modul p{max-width:100%;margin:0 0 2rem;word-wrap:normal;-ms-hyphens:auto;hyphens:auto;font-size:var(--font-size-body)}.modul p+h3{margin-top:5rem}.small{font-size:var(--font-size-small)}.modul table{margin:3rem 0;padding:0;border-collapse:collapse;border-spacing:0;border:0;font-size:var(--font-size-body)}.modul td,.modul th{padding:.5rem;border-style:solid;border-width:1px;text-align:left}.modul hr{height:1px;margin:2rem 0;border:0;background-color:currentColor}.modul b,.modul strong{font-weight:700}main .modul p,main .modul table,main .modul ul,main .modul ol{font-size:var(--font-size-larger)}.modul ul,.modul ol{padding-left:2.5rem;margin:0 0 3rem}.modul ul ul,.modul ul ol,.modul ol ol,.modul ol ul{margin:1.5rem 0 1.5rem 3rem}.modul li{position:relative;margin-bottom:.5rem}.image-box,.image-box img,.image-box a,.image-box picture{position:relative;display:block;width:100%;vertical-align:top}.image-box picture{height:100%}.image-box img{max-width:100%;height:auto}.flex-box{display:flex;align-items:flex-start}.wrap{flex-wrap:wrap}.stretch{align-items:stretch}.flex-column{flex-direction:column}.gap{margin-left:calc(var(--flex-gap) * -1)}.border{border:1px solid currentColor}.gap>[class*=box-],.gap>.flex-item{margin:0 0 auto var(--flex-gap);position:relative}.stretch>.flex-item{margin:0 0 var(--flex-gap) var(--flex-gap)}[class*=center-]{align-items:center}.center-center{justify-content:center}.center-left{justify-content:flex-start}.center-right{justify-content:flex-end}.center-space{justify-content:space-between}[class*=bottom-]{align-items:flex-end}.bottom-center{justify-content:center}.bottom-left{justify-content:flex-start}.bottom-right{justify-content:flex-end}[class*=top-]{align-items:flex-start}.top-center{justify-content:center}.top-left{justify-content:flex-start}.top-right{justify-content:flex-end}.space-between{justify-content:space-between}.flex-box:not(.gap) [class^=box-]{--flex-gap:0px;margin:0}.box-10{width:calc(10% - var(--flex-gap))}.box-15{width:calc(15% - var(--flex-gap))}.box-20{width:calc(20% - var(--flex-gap))}.box-25{width:calc(25% - var(--flex-gap))}.box-30{width:calc(30% - var(--flex-gap))}.box-33{width:calc(33.33233% - var(--flex-gap))}.box-35{width:calc(35% - var(--flex-gap))}.box-40{width:calc(40% - var(--flex-gap))}.box-45{width:calc(45% - var(--flex-gap))}.box-50{width:calc(50% - var(--flex-gap))}.box-55{width:calc(55% - var(--flex-gap))}.box-60{width:calc(60% - var(--flex-gap))}.box-65{width:calc(65% - var(--flex-gap))}.box-66{width:calc(66.66566% - var(--flex-gap))}.box-70{width:calc(70% - var(--flex-gap))}.box-75{width:calc(75% - var(--flex-gap))}.box-80{width:calc(80% - var(--flex-gap))}.box-85{width:calc(85% - var(--flex-gap))}.box-90{width:calc(90% - var(--flex-gap))}.box-95{width:calc(95% - var(--flex-gap))}.box-100{width:calc(100% - var(--flex-gap))}@media (max-width:790px){.break-point,[class*=".gap"].break-point{margin:0;flex-wrap:wrap}.break-point>[class*=box-],[class*=".gap"].break-point>.flex-item{width:100%!important;margin-left:0!important}}.skip-link{display:block;padding:1rem;font-size:var(--font-size-larger);color:var(--cl-1);text-decoration:underline}.skip-nav,.base-box a.screen-reader-text,.visuallyhidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;word-wrap:normal !important}.skip-nav:focus-within,.base-box a.screen-reader-text:focus{position:absolute;z-index:100000;top:5px;left:5px;width:auto;height:auto;display:inline-block;padding:15px 23px 14px;background-color:var(--bg-lightgrey);clip:auto !important;clip-path:none;color:var(--cl-black);font-size:1.2rem;line-height:normal;text-decoration:none}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;src:local(''),url(//tupix.de/wp-content/themes/tpx-multi/css/fonts/libre-franklin-v13-latin-regular.woff2) format('woff2'),url(//tupix.de/wp-content/themes/tpx-multi/css/fonts/libre-franklin-v13-latin-regular.woff) format('woff')}@font-face{font-display:swap;font-family:'Libre Franklin';font-style:normal;font-weight:700;src:url(//tupix.de/wp-content/themes/tpx-multi/css/fonts/libre-franklin-v20-latin-700.woff2) format('woff2')}@font-face{font-family:'Fira Code';font-style:normal;font-weight:600;src:local(''),url(//tupix.de/wp-content/themes/tpx-multi/css/fonts/fira-code-v21-latin-600.woff2) format('woff2'),url(//tupix.de/wp-content/themes/tpx-multi/css/fonts/fira-code-v21-latin-600.woff) format('woff')}
:root{--cl-1:#1b71b9;--cl-1-2:#279dff;--cl-1-3:#e6f4ff;--cl-2:#df961c;--cl-2-2:#ffbb4a;--cl-2-3:#ffd185;--cl-3:#283337;--cl-4:#585858;--cl-button:#1b71b9;--cl-button-hover:#1b71b9;--cl-cta:#fff;--cl-cta-hover:#107cbb;--cl-inherited:inherit;--cl-white:#fff;--cl-black:#000;--cl-error:#d50303;--cl-focus:#ef0000;--bg-1:#1b71b9;--bg-1-2:#279dff;--bg-1-3:#e6f4ff;--bg-2:#df961c;--bg-2-2:#ffbb4a;--bg-2-3:#fecc78;--bg-3:#283337;--bg-4:#585858;--bg-5:#e0dede;--bg-inherited:inherit;--bg-button:#fff;--bg-button-hover:#e6f4ff;--bg-cta:#107cbb;--bg-cta-hover:#fff;--bg-white:#fff;--bg-black:#000;--bg-error:#ef0000;--bg-focus:#ef0000;--box-shadow:0 2px 25px 0 rgba(0,0,0,.1);--bg-lightgrey:#e6e6e6;--bg-focus-transparency:rgba(255,0,0,.4);--primary-font:'Libre Franklin',Helvetica,Arial,sans-serif;--secondary-font:'Fira Code',Helvetica,Arial,sans-serif;--tertiary-font:'Fira Mono',Helvetica,Arial,sans-serif;--font-size-body:1.6rem;--font-size-medium:1.8rem;--font-size-larger:2rem;--font-size-h1:4.5rem;--font-size-h2:3.5rem;--font-size-h3:3rem;--font-size-h4:2.5rem;--font-size-h5:2.5rem;--font-size-h6:2.5rem;--font-size-small:1.2rem;--font-weight-normal:400;--font-weight-bold:700;--flex-gap:2rem;--itembox-gap:6rem;--itembox-gap-responsive:4rem;--max-itembox-width:1280px;--small-itembox-width:960px;--text-box-padding:30px}
.base-box .site-header{position:absolute;z-index:100;width:100%}.fixed .site-header{position:fixed;top:0}.fixed .site-header.zoomed{position:absolute;top:0}.header-content-right .logo{order:2;margin-left:auto}.header-content-center .logo{margin:auto}@media (max-width:460px){.header-content-center .logo{margin:0}.header-content-center.navi-left .logo{margin:0 0 0 auto}}.branding{position:relative;z-index:1;width:100%;transform:rotate(-.5deg)}.site-header:before{content:'';width:100%;height:calc(50%);position:absolute;z-index:-1;background-color:rgba(40,51,55,.8)}.branding:after{content:'';width:100%;height:50px;position:absolute;left:0;top:calc(50% - 25px);border-bottom-width:3px;border-bottom-style:solid;background-color:#fff;border-bottom-color:#283337}.logo{display:block;padding:1rem 0}.branding .logo{display:block;padding:0;margin-top:5rem;transform:rotate(-4deg) translateY(-2rem);position:relative;z-index:2}.logo span{position:relative;z-index:11;display:block;width:190px;height:70px;background:url(//tupix.de/wp-content/themes/tpx-multi/css/../images/logo.svg) bottom left no-repeat;background-size:cover}.branding .logo span{height:138px;width:375px}.logo.svg-item span{height:auto}.logo span img{width:100%;max-width:100%;height:auto}.svg-item span,.image-item span{background:0 0}.logo.svg-item svg{width:100%;height:auto}.shadow-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.shadow-container .item-box{height:100%}.shadow-container .item-box:before{content:'';width:385px;height:72px;position:absolute;top:calc(50% + 4px);left:0;z-index:0;background:url(//tupix.de/wp-content/themes/tpx-multi/css/../images/logo-bg.svg) bottom left no-repeat;background-size:385px auto;transform:rotate(-4deg)}.scroll.scroll-box .logo span{height:35px;width:95px}.logo:focus-visible{background-color:transparent !important;outline:0}.logo:focus-visible svg path#br-1,.logo:focus-visible svg path#ft-1{fill:var(--bg-focus)!important}.logo:focus-visible svg path#br-4,.logo:focus-visible svg path#ft-4{fill:var(--bg-white)!important}@media (max-width:1180px){.branding .logo span{height:115px;width:320px}.shadow-container .item-box:before{transform:rotate(-4deg);transform-origin:left;height:115px;width:320px;top:48px;background-size:320px auto}}@media (max-width:940px){.branding .logo{padding:0;margin-top:5rem;transform:rotate(-3deg) translateY(-2rem)}.site-header:before{height:94px}.branding:after{top:45px}.branding .logo span{height:87px;width:240px}.shadow-container{width:100%;height:140px;overflow:hidden}.shadow-container .item-box:before{height:82px;width:240px;background-size:240px auto;transform:rotate(-3deg))}.nav-active .shadow-container .item-box:after{content:'';background-color:var(--bg-white);height:-37px;position:absolute;width:calc(100vw + 6rem);height:76px;z-index:-1;bottom:-19px;margin-left:-3rem}}@media (max-width:560px){.branding{transform:none}}@media (max-width:360px){.branding .logo{margin:6rem 0 0;padding-top:0}.branding .logo span{height:70px;width:200px}.shadow-container .item-box:before{height:75px;width:200px;background-size:200px auto}}@media (max-width:320px){.branding .logo span{height:64px;width:180px}.shadow-container{height:119px}.shadow-container .item-box:before{height:64px;width:180px;background-size:180px auto}}.button-box .button,button[class*=tpx-button],.modul input[type=submit]{position:relative;display:inline-block;cursor:pointer;padding:1rem 2rem;margin:0;border-radius:1.5rem;border:3px solid currentColor;text-decoration:none;-webkit-appearance:none;vertical-align:baseline;font-size:var(--font-size-medium);font-family:var(--secondary-font)}.button-box .button{margin:0 1rem 1rem 0;display:flex}.button-box .button,button[class*=tpx-button],.modul input[type=submit]{background-color:var(--bg-button);color:var(--cl-button);border-color:currentColor}.button-box .call-to-action,.call-to-action{background-color:var(--bg-cta);color:var(--cl-cta);border-color:currentColor}.button-box .button:hover,button[class*=tpx-button]:hover,.modul input[type=submit]:hover{background-color:var(--bg-button-hover);color:var(--cl-button-hover)}.button-box .call-to-action:hover,.call-to-action:hover{background-color:var(--bg-cta-hover);color:var(--cl-cta-hover)}.button span{text-decoration:underline;text-decoration-thickness:.2rem;text-underline-offset:.5rem;margin-top:auto;margin-bottom:auto}.button-box .button.download-item-link{display:flex}.download-item-link span{margin:auto .5rem auto 0}.download-item-link span.icon-filetype{margin:auto 0 auto .5rem}.button:has(span.icon) span.label{margin-right:1rem}.button span.icon{width:40px;height:40px;margin:auto 0 auto auto}button[class*=tpx-button]:focus-visible,a.button:focus-visible{outline-color:var(--bg-focus);outline-width:2px;outline-style:dotted;outline-offset:4px}button[class*=tpx-button] svg path,.button svg path{fill:currentColor}.modul{position:relative}.modul header h1,.modul header h2{margin:0 0 2rem}.bg-inherited{background-color:inherit}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--bg-white)}.bg-black{background-color:var(--bg-black)}.bg-error{background-color:var(--bg-error)}.bg-1{background-color:var(--bg-1)}.bg-1-2{background-color:var(--bg-1-2)}.bg-1-3{background-color:var(--bg-1-3)}.bg-2{background-color:var(--bg-2)}.bg-2-2{background-color:var(--bg-2-2)}.bg-2-3{background-color:var(--bg-2-3)}.bg-3{background-color:var(--bg-3)}.bg-4{background-color:var(--bg-4)}.bg-5{background-color:var(--bg-5)}.modul .cl-inherited{color:inherit}.modul .cl-white{color:var(--cl-white)}.modul .cl-black{color:var(--cl-black)}.modul .cl-error{color:var(--cl-error)}.modul .cl-1{color:var(--cl-1)}.modul .cl-2{color:var(--cl-2)}.modul .cl-3{color:var(--cl-3)}.modul .cl-4{color:var(--cl-4)}.modul a,.modul button{scroll-snap-align:start;scroll-margin-top:150px;scroll-margin-bottom:150px;transition:none}.comment-body{margin-bottom:1rem}.modul .item-box .next-content{max-height:45px;padding:0;margin:-1px}.next-content span{margin:auto}.modul .item-box .visuallyhidden:focus-visible{display:flex;width:auto;height:auto;padding:1rem;margin:0 0 0 1rem;clip:auto !important;clip-path:none;border-color:var(--cl-focus)}main .modul ol li,main .modul ul li{position:relative;list-style:none;margin-bottom:1.5rem}main .modul ol li{counter-increment:ordest}main .modul ol li h3,main .modul ul li h3{margin:0;font-size:var(--font-size-larger)}main .modul ol li:before,main .modul ul li:before{background:url(//tupix.de/wp-content/themes/tpx-multi/css/../images/circle-white.svg) 0 0 no-repeat;position:absolute;top:-5px;left:-5rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:0;font-family:var(--primary-font);font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--cl-1);border-radius:50%;transform:scale(.8);transform-origin:0 50%}main .modul ol li:before{content:counter(ordest)}main .modul ul li:before{content:'\2713'}main .modul.bg-white ol li:before,main .modul.bg-white ul li:before,main .modul.bg-inherited ol li:before,main .modul.bg-inherited ul li:before{background:url(//tupix.de/wp-content/themes/tpx-multi/css/../images/circle.svg) 0 0 no-repeat}main .modul ol,main .modul ul{padding:0 0 0 5rem;list-style:none;counter-reset:ordest}section:has(.illustration-hero){min-height:calc(100vh - 360px);overflow:hidden;height:768px}section:has(.illustration-hero) .item-box{width:100%;max-width:100%;height:100%}section:has(.illustration-hero) .home-illu{margin:auto 0 0 auto;max-width:1480px;width:100%}section:has(.illustration-hero) .home-illu img{object-fit:contain;width:100%;height:100%;max-height:734px;object-position:bottom}section:has(.kontakt-hero) .home-illu img{object-position:bottom right}section:has(.about-hero) .home-illu{bottom:-150px;width:83%}.cloud{position:absolute;z-index:2;top:37px;left:15px;width:350px;margin:180px auto 100px}section:has(.kontakt-hero) .cloud{max-width:550px;margin:180px auto 100px;width:100%}.cloud svg{position:absolute;top:-112px;left:0;width:396px;height:auto}.projekte-hero .cloud svg{position:absolute;top:-88px;left:0;width:279px;height:auto}.cloud h1{position:relative;z-index:2;max-width:290px;background-color:var(--bg-white);max-width:270px}.cloud p{position:relative;z-index:2;max-width:255px;background-color:var(--bg-white);max-width:270px}.projekte-hero .cloud h1,.projekte-hero .cloud p{max-width:190px;margin:0 2rem 0 5.5rem}.cloud h1{font-size:var(--font-size-h3);color:var(--cl-1);line-height:1.2;margin:-1rem 2rem 0 5.5rem}section:has(.a11y-hero) .cloud h1{font-size:var(--font-size-h4);margin:1.3rem 0 .5rem 5rem}.modul .cloud p{font-family:var(--secondary-font);font-size:var(--font-size-body);margin:0 2rem 0 5.5rem}.projekte-hero .cloud-dot{top:116px;left:150px}.kontakt-hero .cloud h1,.kontakt-hero .cloud p{margin-left:6.5rem}section:has(.hero-404) .home-illu{margin-top:0}.cloud-dot{width:45px;height:45px;background-color:var(--bg-white);border:3px solid var(--bg-white);display:block;position:absolute;top:184px;border-radius:50%;z-index:3;left:229px;transform:rotate(28deg)}.cloud-dot:before{width:30px;height:30px;background-color:var(--bg-white);border:3px solid var(--bg-white);display:block;position:absolute;top:25px;border-radius:50%;left:47px;content:''}.cloud-dot:after{width:18px;height:18px;background-color:var(--bg-white);border:3px solid var(--bg-white);display:block;position:absolute;top:30px;border-radius:50%;left:89px;content:''}@media (max-width:1180px){section:has(.illustration-hero) .home-illu{right:-5rem}section:has(.kontakt-hero) .home-illu{bottom:2rem}.cloud{top:20px}section:has(.hero-404) .home-illu{margin-top:20px}}@media (max-width:860px){section:has(.hero-404) .cloud{top:inherit;bottom:4rem;left:3rem}section:has(.hero-404) .cloud-dot{width:45px;height:45px;background-color:var(--bg-white);border:3px solid var(--bg-white);display:block;position:absolute;top:-94px;border-radius:50%;z-index:3;left:75px;transform:rotate(-62deg) scaleY(-1)}.cloud h1{font-size:var(--font-size-h4)}}@media (max-width:768px){.cloud{top:-15px}section:has(.illustration-hero){height:720px}}@media (max-width:640px){.cloud-dot{left:40px;top:146px;transform:rotate(79deg)}.projekte-hero .cloud-dot{top:104px;left:48px}}@media (max-width:480px){section:has(.about-hero) .home-illu{right:inherit;margin:auto auto 0 auto;width:100%;bottom:-247px}section:has(.projekte-hero) .home-illu{right:inherit;margin:auto auto 0 auto;width:100%;bottom:-3px}section:has(.about-hero) .home-illu img{height:auto;max-width:inherit;width:600px;object-position:left bottom}section:has(.projekte-hero) .home-illu img{height:auto;max-width:inherit;width:470px;object-position:left bottom}section:has(.kontakt-hero) .home-illu img,.home section:has(.illustration-hero) .home-illu img{min-width:calc(100% + 10rem )}}@media (max-width:420px){section:has(.projekte-hero) .home-illu img{margin-left:-80px}}@media (max-width:360px){.cloud{left:-19px}}@media (min-width:790px){.cloud{left:50px}section:has(.illustration-hero) .home-illu{width:78%}section:has(.about-hero) .home-illu{bottom:0;width:78%}}@media (min-width:1480px){.cloud{left:16vw}}.item-box.hero-content{display:flex;min-height:560px}.hero-content .item-box-wrapper{position:relative;z-index:3;width:calc(100% - 6rem);max-width:1280px;margin:0 auto 0 auto}.hero-content .text-box.boxed{max-width:560px}.hero-content .text-box.full-width{width:100%}.hero-content:has(.bg-image) .text-box.boxed{background-color:rgba(0,0,0,.8);padding:30px}@media (max-width:560px){.item-box.hero-content{flex-wrap:wrap;flex-direction:column;min-height:inherit}.hero-content .item-box-wrapper{order:2;width:calc(100% - 6rem);min-height:auto;margin:3rem auto}.item-box-wrapper+.bg-image{order:1;position:relative;width:100%}}@media (max-width:340px){.hero-content .item-box-wrapper{width:calc(100% - 4rem)}}.simple-modul .text-box{max-width:860px}.image-box .link-on-image{display:block;position:absolute;z-index:11;left:0;top:0;width:100%;height:100%;background-color:transparent}.modul .image-box .link-on-image:focus-visible{background-color:var(--bg-focus-transparency)}.bg-image,.bg-image .image-box,.hero-image .bg-image{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}.bg-image .image-box{position:relative;z-index:1}.hero-image .bg-image{position:relative}@supports (object-fit:cover){.bg-image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.bg-image .image-box img,.slide-img img,.text-media-modul .bg-image .image-box img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transform:none}}.jump-target,.last-jump{position:absolute;z-index:-1;top:0;left:0;width:0;height:0;overflow:hidden}.last-jump{top:inherit;bottom:0}.text-box>:last-child{margin-bottom:0}.text-box .button-box{margin-bottom:-1rem}p+blockquote{margin-top:-2rem}.media-text .text-item{order:2}.media-text .image-item{order:1}.text-media-modul .bg-image{position:relative;width:100%;height:100%}.text-media-modul .image-box,.text-media-modul .image-box img{display:block;width:auto;height:auto}.text-media-modul .image-item .flex-box{height:100%}.text-media-modul .image-item .bg-image{position:absolute;top:0;bottom:0;left:0;right:0;width:calc(100% + var(--itembox-gap));height:calc(100% + var(--flex-gap))}.text-media-modul .media-media .image-item:nth-of-type(1) .bg-image{width:calc(100% + (var(--flex-gap) *2))}.text-media-modul .media-media .image-item .bg-image{position:relative}.text-media-modul .media-text .image-item .bg-image{left:calc(var(--itembox-gap) * -1)}.text-media-modul .media-media .image-item:nth-of-type(1) .bg-image{left:calc(var(--flex-gap) * -1)}.text-media-modul .bg-image .image-box{width:100%;height:100%}.text-media-modul.full-width .text-box-item{width:calc(100% - (var(--flex-gap) * 2));max-width:calc((var(--max-itembox-width) / 2) - var(--flex-gap) );margin:0 0 0 auto}.text-media-modul.full-width .media-text .text-box-item{margin:0 auto 0 0}@media (max-width:790px){.text-media-modul.full-width .text-box-item,.text-media-modul.full-width .media-text .text-box-item{width:100%;max-width:calc(100% - var(--itembox-gap));margin:0 auto}.text-media-modul .media-text .image-item .bg-image{left:inherit}.text-media-modul .image-item .bg-image,.text-media-modul .media-media .image-item:nth-of-type(1) .bg-image{position:relative;margin-left:calc(var(--itembox-gap) * -1);width:calc(100% + var(--itembox-gap) + var(--itembox-gap) )}}@media (max-width:340px){.text-media-modul.full-width .text-box-item,.text-media-modul.full-width .media-text .text-box-item{width:calc(100% - var(--itembox-gap-responsive));margin:0 auto}.text-media-modul .image-item .bg-image{position:relative;width:calc(100% + var(--itembox-gap-responsive) + var(--itembox-gap-responsive) );margin-left:calc(var(--itembox-gap-responsive) * -1)}}.modul .accordion-item{border-bottom:1px solid currentColor}.modul .accordion-box .accordion-item:first-of-type{border-top:1px solid currentColor}.modul .accordion-headline{position:relative;padding:0;margin:0}.modul button.accordion-title{position:relative;display:block;width:100%;padding:1rem 5rem 1rem 0;border:0;background:0 0;cursor:pointer;text-align:left}.modul button.accordion-title,.modul button.accordion-title:after,.modul button.accordion-title:before{-webkit-user-select:none;user-select:none;color:currentColor}.modul button.accordion-title h3{margin:0}.modul button.accordion-title:after,.modul button.accordion-title:before{content:'';position:absolute;right:0;top:calc(50% - 2px);width:17px;height:3px;background-color:currentColor}.modul button.accordion-title:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.modul .accordion-content,.modul button.accordion-title.active:after{display:none}.modul .active+.accordion-content{display:block}.modul .accordion-content-item{padding:1rem 0}.modul .multi-teaser-modul .flex-item{position:relative}.modul .multi-teaser-modul .flex-column>*:not(:last-child){margin-bottom:30px;margin-top:auto}.multi-teaser-modul .center-content>div{margin:0 auto}.modul .multi-teaser-modul .accordion-box,.modul .multi-teaser-modul .flex-column{width:100%;position:static}.modul .multi-teaser-modul .fit-image.image-only{width:100%;height:100%;position:absolute;top:0;left:0}.modul .multi-teaser-modul .fit-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.multi-teaser-box.gap.--gap-0{--flex-gap:0px}.multi-teaser-box.gap.--gap-5{--flex-gap:5px}.multi-teaser-box.gap.--gap-10{--flex-gap:10px}.multi-teaser-box.gap.--gap-15{--flex-gap:15px}.multi-teaser-box.gap.--gap-20{--flex-gap:20px}.multi-teaser-box.gap.--gap-25{--flex-gap:25px}.multi-teaser-box.gap.--gap-30{--flex-gap:30px}.multi-teaser-box.gap.--gap-35{--flex-gap:40px}.multi-teaser-box.gap.--gap-40{--flex-gap:45px}.multi-teaser-box.gap.--gap-45{--flex-gap:45px}.multi-teaser-box.gap.--gap-50{--flex-gap:50px}.multi-teaser-box.gap.--gap-55{--flex-gap:55px}.multi-teaser-box.gap.--gap-60{--flex-gap:60px}.multi-teaser-box .flex-box.pd-0{--text-box-padding:0px}.multi-teaser-box .flex-box.pd-5{--text-box-padding:5px}.multi-teaser-box .flex-box.pd-10{--text-box-padding:10px}.multi-teaser-box .flex-box.pd-15{--text-box-padding:15px}.multi-teaser-box .flex-box.pd-20{--text-box-padding:20px}.multi-teaser-box .flex-box.pd-25{--text-box-padding:25px}.multi-teaser-box .flex-box.pd-30{--text-box-padding:30px}.multi-teaser-box .flex-box.pd-35{--text-box-padding:35px}.multi-teaser-box .flex-box.pd-40{--text-box-padding:40px}.multi-teaser-box .flex-box.pd-45{--text-box-padding:45px}.multi-teaser-box .flex-box.pd-50{--text-box-padding:50px}.modul .multi-teaser-modul .flex-column>*{padding:0 var(--text-box-padding)}.modul .multi-teaser-modul .flex-column>*:first-child{padding-top:var(--text-box-padding)}.modul .multi-teaser-modul .flex-column>*:last-child{padding-bottom:var(--text-box-padding)}.modul .multi-teaser-modul .flex-column .image-box.fit-image{padding:0;margin-left:0;margin-right:0;width:100%}.modul .multi-teaser-modul .flex-column .image-box.fit-image+.image-box.fit-image{margin-top:-30px}@media (max-width:790px){.multi-teaser-modul .multi-teaser-box{margin-left:0!important}.multi-teaser-modul .flex-item{width:100%!important;margin-left:0!important;max-width:460px;margin:0 auto 3rem !important}}.gallery-item{padding:1rem;border:1px solid var(--bg-lightgrey)}.gallery-item .image-box{width:auto;margin:auto;position:static}.gallery-item .image-box img{width:100%;max-width:100%;height:auto;min-height:inherit}.base-box .gallery-item a{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}body .base-box .gallery-item a:focus-visible{background-color:transparent}.base-box .gallery-item:focus-within{background-color:var(--bg-focus)}.modul .gallery-modul a.visuallyhidden:focus-visible{z-index:100}.news-modul>.text-box{margin-bottom:3rem}.news-modul .flex-item{position:relative;padding:1rem 1rem 5rem;border:1px solid var(--bg-lightgrey)}.news-modul .meta-info{width:100%;margin:1rem 0}.news-modul .meta-info .date-time{margin:0 0 0 auto}.news-modul .content-box{margin-bottom:3rem}.news-modul .button-box,.news-modul .news-item .button-box .button{position:static}.news-modul .news-item .button-box .button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.news-modul .news-item:focus-within .button-box .button{outline:0}.news-modul .news-item:focus-within .button-box .button:after{outline-color:var(--bg-focus);outline-width:2px;outline-style:dotted;outline-offset:4px}.modul .is-teaser .flex-column>*:not(:last-child){margin-bottom:25px;margin-top:auto}.is-teaser .flex-column .text-box:first-child{margin-bottom:0}.is-teaser .flex-column .text-box:first-child h2{margin-bottom:1rem}.modul .is-teaser .flex-column .text-box{padding:2.4rem 2.4rem 1rem;margin:0}.is-teaser .flex-column .image-box{margin-bottom:0!important}.is-teaser .flex-column .image-box+.text-box{margin-top:25px}.is-teaser .flex-item{filter:drop-shadow(5px 5px 0px rgba(255,255,255,.3))}.is-teaser .flex-item .button-box{position:static;width:100%;margin:0 !important}.is-teaser .flex-item .button-box .button:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0}.is-teaser .flex-item:hover .mask{background-color:var(--bg-2-2)}.is-teaser .flex-item:hover .mask h2 span{color:var(--cl-3)!important}.is-teaser .flex-item .button-box .button{background-color:var(--bg-1);color:var(--cl-white);padding:2.4rem 2.4rem 4.4rem 2rem;margin:0;width:100%;border:0;border-radius:0;position:static;min-height:122px}.is-teaser .flex-item .button-box .button .arrow-1{fill:var(--bg-white)!important}.is-teaser .flex-item .button-box .button .arrow-2{fill:var(--bg-3)!important}.is-teaser .flex-item .button-box .button .arrow-3{fill:var(--bg-white)!important}.is-teaser .flex-item .button-box .button:hover .arrow-1{fill:var(--bg-3)!important}.is-teaser .flex-item .button-box .button:hover .arrow-2{fill:var(--bg-white)!important}.is-teaser .flex-item .button-box .button:hover .arrow-3{fill:var(--bg-3)!important}.is-teaser .flex-item .button-box .button:hover{color:var(--cl-3)}.is-teaser .flex-item .button:hover,.is-teaser .flex-item:has(.button:hover) .background:after{background-color:var(--bg-2-2)}.is-teaser .flex-item .button:focus-visible,.is-teaser .flex-item:has(.button:focus-visible) .background:after{background-color:var(--bg-focus)!important;color:var(--cl-white)!important;outline:0}.is-teaser .flex-item .button-box .button:focus-visible .arrow-1{fill:var(--bg-white)!important}.is-teaser .flex-item .button-box .button:focus-visible .arrow-2{fill:var(--bg-focus)!important}.is-teaser .flex-item .button-box .button:focus-visible .arrow-3{fill:var(--bg-white)!important}.is-teaser .mask{position:relative;top:-1rem;left:-2rem;width:calc(100% + 4rem);height:100%;background-color:var(--bg-1-3);z-index:-1;clip-path:polygon(23% 0,69% 3%,97% 0,100% 70%,98% 96%,49% 100%,0 99%,4% 36%,0 0)}.is-teaser .mask>div{margin:0;height:100%}@media (max-width:1080px){.modul .multi-teaser-modul .flex-item.project{width:calc(50% - var(--flex-gap))}}@media (max-width:890px){.project{order:2}.project:has(.image-box){order:1}.modul .multi-teaser-modul .project .image-box{width:100%}.project p span{display:block}}@media (max-width:790px){.modul .multi-teaser-modul .flex-item.project{width:calc(100% - var(--flex-gap))}}.tab-button{background-color:var(--bg-white);color:var(--cl-black);border:0;padding:.5rem;border:1px solid currentColor}.tab-button.active{background-color:var(--bg-black);color:var(--cl-white);border-color:var(--bg-black)}.tab-content{display:none;border:1px solid var(--bg-black);margin-top:-1px;background-color:var(--bg-white);color:var(--cl-black)}.tab-content.active{display:block}.tab-content-wrapper{padding:3rem}.menu.pagination{display:flex}.menu.pagination li{display:inline-block;margin:0 5px 5px 0}.menu.pagination li.active a{font-weight:700;text-decoration:none}.single-item .image-box{margin:3rem 0 0}.single-item .content-box{margin:3rem 0}.post-navigation .flex-item{margin:0}.post-navigation .flex-item.next-post{margin:0 0 0 auto}.comment-list{padding-left:0}.comment-list ul{margin:0 0 1.5rem;list-style-type:none}.modul .video-modul a.visuallyhidden:focus-visible{z-index:100}.iframe-box{position:relative;background-color:var(--bg-black)}.info-box{padding:2rem;background-color:var(--bg-lightgrey)}.iframe-box iframe{display:none}button.play-video,button.play-video:hover{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:transparent;border-color:transparent}.base-box button.play-video:focus-visible{opacity:.6}.play-video:before{content:'';position:absolute;top:calc(50% - 25px);left:calc(50% - 35px);width:70px;height:50px;border-radius:10px;background-color:var(--cl-error);border:3px solid var(--cl-error)}.play-video:after{content:'';position:absolute;top:calc(50% - 11px);left:calc(50% - 8px);display:inline-block;width:0;height:0;border-style:solid;border-width:11px 0 11px 22px;border-color:transparent transparent transparent var(--cl-white)}.play-video:hover:before{background-color:var(--bg-white);border-color:var(--cl-error)}.play-video:hover:after{border-color:transparent transparent transparent var(--cl-error)}.iframe-box.active .image-box,.iframe-box.active .play-video,.iframe-box.active .info-box{display:none}.iframe-box.active{overflow:hidden;padding-top:56.25%;position:relative}.iframe-box.active iframe{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:0}.wp-video,video.wp-video-shortcode,.mejs-container,.mejs-overlay.load{width:100% !important;height:100% !important}.mejs-container{padding-top:56.25%}.text-box .mejs-container,.text-box .mejs-container .mejs-controls{color:var(--bg--black);background-color:currentColor}.wp-video,video.wp-video-shortcode{max-width:100% !important}video.wp-video-shortcode{position:relative}.mejs-mediaelement{position:absolute;top:0;left:0;right:0;bottom:0}.mejs-controls{display:none}.mejs-overlay-play{top:0;right:0;bottom:0;left:0;width:auto !important;height:auto !important}.mejs-container[aria-label=Audio-Player]{padding:inherit;height:42px !important;margin:3rem 0}iframe[src*="youtube.com"],iframe[src*="vimeo.com"]{width:100%;height:auto;aspect-ratio:16/9}.swc-box{position:relative;width:100%}.swiper-wrapper{margin:0;padding:0}.swiper-slide{margin:0;padding:0;list-style-type:none}.content-slider-modul .swiper-container{height:100%;overflow:hidden}.content-slider-modul .swiper-wrapper{height:560px}.swc-box.tiles-slider .swiper-slide{height:auto;border:1px;background-color:var(--bg-lightgrey)}.content-slider-modul .swc-box.tiles-slider .swiper-wrapper{height:auto}.content-slider-modul.full-height .swiper-wrapper{height:100vh}.content-slider-modul.full-size .swiper-wrapper{height:100%;min-height:inherit}.content-slider-modul .content-box{position:relative;z-index:11;display:flex;width:100%;max-width:1280px;margin:0 auto;height:100%}.content-slider-modul .content-box-item{max-width:360px;padding:4.5rem}.content-slider-modul .swc-box.tiles-slider .content-box-item{padding:2rem;max-width:100%}.slide-img{position:absolute;top:0;left:0;width:100%;height:100%}.swc-box.tiles-slider .slide-img{position:relative;top:inherit;left:inherit;height:auto}.content-slider-modul .swc-box.tiles-slider .content-box{height:auto}.swc-box.tiles-slider .slide-img img{object-fit:initial;width:auto;max-width:100%;height:inherit;transform:none}.slide-img img{width:100%}.content-slider-modul .button-box{display:flex;align-items:flex-start;justify-content:flex-end;margin-bottom:2rem}.content-slider-modul .button-box button.button-prev,.content-slider-modul .button-box button.button-next,.content-slider-modul .button-box button.button-stop-start{position:relative;display:flex;width:45px;height:45px;padding:0;border-color:var(--bg-black);background-color:var(--bg-black);color:var(--cl-white);margin-left:1rem;aspect-ratio:10/10}.content-slider-modul .button-box button.button-stop-start:hover,.content-slider-modul .button-box button.button-prev:hover,.content-slider-modul .button-box button.button-next:hover{background-color:var(--bg-white);color:var(--cl-black)}.content-slider-modul .button-box button.button-stop-start:focus-visible,.content-slider-modul .button-box button.button-prev:focus-visible,.content-slider-modul .button-box button.button-next:focus-visible{background-color:var(--bg-focus);border-color:var(--bg-focus)}button.button-prev span,button.button-next span{display:block;width:17px;height:17px;margin:auto;border-width:3px 3px 0 0;border-style:solid;border-color:currentColor}button.button-prev span{transform:rotate(-135deg) translate(-2px,2px)}button.button-next span{transform:rotate(45deg) translate(-2px,2px)}button.button-prev.swiper-button-disabled,button.button-next.swiper-button-disabled{opacity:.3;cursor:default}.swiper-container .swiper-pagination{position:relative;bottom:inherit !important;margin-top:10px}.swiper-slide a{scroll-snap-align:none;scroll-margin-top:0;scroll-margin-bottom:0;transition:none;scroll-margin-block:100px 0}.swiper-container .swiper-pagination{opacity:1}.swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:var(--bg-white);border:2px solid var(--bg-black)}.swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:12px;height:12px;background:var(--bg-black);border:2px solid var(--bg-black)}.button-stop-start span{position:relative;margin:auto}.button-stop-start span:before,.button-stop-start span:after{content:'';position:absolute;height:23px;width:6px;top:calc(50% - 11px);left:-8px;border:none;background-color:currentColor}.button-stop-start span:after{left:3px}.button-stop-start.stopped span:before{content:'';position:absolute;width:0;height:0;border-width:11px 0 11px 18.2px;border-color:transparent transparent transparent currentColor;border-style:solid;top:calc(50% - 10px);left:calc(50% - 6px);background-color:transparent}.modul .button-stop-start.stopped span:after,.modul .button-stop-start .stop,.modul .button-stop-start.stopped .start{display:none}.modul .button-stop-start.stopped .stop{display:inline}.content-slider-modul .button-stop-start:hover{background-color:var(--bg-white);color:var(--cl-black)}.content-slider-modul .button-stop-start:focus-visible{background-color:var(--bg-focus);border-color:var(--bg-focus)}.social-links{width:auto;padding:0;margin:0;list-style-type:none}.social-links li.flex-item{width:auto;padding:0;margin:0 10px 10px 0;list-style-type:none}.social-links .label{display:none}.social-links a{display:block}[class^=icon-]{position:relative;display:inline-block;width:25px;height:25px}[class^=icon-] svg{width:100%;height:auto}a [class^=icon-] svg path{fill:currentColor}[class*=icon-arrow-]{border-style:solid;border-width:3px 3px 0 0;border-color:currentColor;display:flex;margin:auto;width:25px;height:25px;position:relative}.icon-arrow-left{transform:rotate(-135deg) translate(-3px,3px)}.icon-arrow-right{transform:rotate(45deg) translate(-3px,3px)}.icon-arrow-top{transform:rotate(-45deg) translate(-3px,3px)}.icon-close{margin:auto;transform:rotate(45deg)}.icon-close:before,.icon-close:after{content:'';position:absolute;height:2px;left:calc(50% - 8px);width:16px;top:50%;background-color:currentColor}.icon-close:after{transform:rotate(-90deg)}.site-footer{position:sticky;top:100vh;background-color:var(--bg-3);color:var(--cl-white);z-index:11}.site-footer .footer-contact-box:after{content:'';position:absolute;bottom:-10px;height:15px;width:100%;margin-left:-3rem;background-color:var(--bg-3);max-width:100vw}.footer-contact-box{position:relative;height:100%;pointer-events:none}.footer-contact-box .illu-box{position:absolute;bottom:0;height:100%;width:100%;overflow:visible}.footer-contact-box .illu-box .item-box{height:100%}.svg-box.d-dorf{position:absolute;bottom:13%;left:0;width:18%;max-width:360px;min-width:220px}.svg-box.astrotaube{position:absolute;bottom:8%;right:0;width:17%;max-width:300px;min-width:180px}#content:has(.cf-bg-1)+.site-footer .footer-contact-box{background-color:var(--bg-1)}#content:has(.cf-bg-1-2)+.site-footer .footer-contact-box{background-color:var(--bg-1-2)}#content:has(.cf-bg-1-3)+.site-footer .footer-contact-box{background-color:var(--bg-1-3)}#content:has(.cf-bg-2)+.site-footer .footer-contact-box{background-color:var(--bg-2)}#content:has(.cf-bg-3)+.site-footer .footer-contact-box{background-color:var(--bg-3)}#content:has(.cf-bg-4)+.site-footer .footer-contact-box{background-color:var(--bg-4)}#content:has(.cf-bg-2-2)+.site-footer .footer-contact-box{background-color:var(--bg-2-2)}svg#footer-mask{margin-bottom:-2px}.error404 .illu-box,.page-id-256 .illu-box,.error404 .footer-contact-box svg,.page-id-256 .footer-contact-box svg{display:none!important}.error404 .footer-contact-box svg#footer-mask,.page-id-256 .footer-contact-box svg#footer-mask{display:block!important}@media (max-width:590px){.footer-contact-box .illu-box{overflow:hidden}.svg-box.d-dorf{left:-3rem}.svg-box.astrotaube{right:-5rem}}.widget-content{position:relative;width:100%}.outside{--flex-gap:0;background-color:var(--bg-4);padding-top:2rem}.outside .widget-box{margin-bottom:0}.outside .widget-box:nth-of-type(2){margin-left:auto}.outside nav ul{display:flex}.site-footer a,.outside nav a{color:var(--cl-white);text-underline-offset:3px;display:inline-block}.site-footer a:not([class]){padding:0 .2rem;margin-left:-.2rem}.site-footer a:not([class]):hover{color:var(--cl-2-2)}.outside nav a:not([class]):hover{color:var(--cl-2-3)}.outside .menu li{margin-left:4rem;position:relative}.outside .menu li:first-of-type{margin-left:0}.outside .menu li:after{content:'|';position:absolute;right:-2.2rem}.outside .menu li:last-of-type:after{display:none}.widget-title{font-family:var(--secondary-font);font-size:var(--font-size-h6)}#footer-box-1 .widget-title{color:var(--cl-1-2);font-size:var(--font-size-h4)}#footer-box-2 .widget-title{color:var(--cl-2-2);font-size:var(--font-size-h4)}#footer-box-3{margin-top:-5rem}#footer-box-3 .logo{padding-bottom:1.2rem;padding-top:2rem}#footer-box-3 .logo svg{height:100px;width:270px}#footer-box-3 .widget-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);overflow:hidden;word-wrap:normal !important}.site-footer .social-links .icon-item{width:35px;height:35px;margin:0 .5rem .5rem 0}@media (max-width:890px){#footer-box-3 .logo{transform:scale(.8);transform-origin:left;padding-bottom:0}}@media (max-width:840px){.site-footer .flex-box{display:block;padding-bottom:2rem}.site-footer .flex-item{margin-bottom:0}.site-footer .social-links li{display:inline-block}#footer-box-3{margin-top:0}.outside{padding-bottom:2rem}#footer-box-4 p{margin:0 0 1rem}}@media (max-width:590px){.outside nav ul{display:block}.outside .menu li{margin-left:0;position:relative}.outside .menu li:first-of-type{margin-left:0}.outside .menu li:after{display:none}}.modul .search-box-submit{padding:.5rem}.modul .search-box input{margin-right:.5rem}.modul .search-box-submit span{margin:auto auto auto 0}.modul .search-box-submit svg{margin:auto 0 auto 1rem}.modul label{display:block}.modul textarea{width:100%;min-height:150px;padding:.5rem;border:1px solid currentColor}.modul input,.modul select{min-width:150px;min-height:35px;padding:.5rem;border:1px solid currentColor}.modul input[type=checkbox],.modul input[type=radio]{min-width:auto;min-height:auto;padding:inherit}.widget-box{margin-bottom:2rem}.widget-box:last-child{margin-bottom:0}.widget-title{margin-top:3rem}.widget-title:first-child{margin-top:0}.a11ly-box{position:absolute;right:0;top:14px}.a11ly-box .button{width:45px;height:45px;cursor:pointer;border:0;font-size:var(--font-size-body);color:var(--cl-white);font-family:var(--secondary-font)}.a11ly-box .button:after{display:none}.a11ly-box .button:focus-visible{background:0 0;outline:0}.a11ly-box .button:focus-visible path{fill:var(--cl-focus)!important}.a11ly-box .button:focus-visible span.visuallyhidden,.a11ly-box .button:hover span.visuallyhidden{position:absolute;top:12px;right:50px;width:fit-content;height:auto;display:inline-block;padding:2px;background-color:var(--bg-black);color:var(--cl-white);clip:auto !important;clip-path:none;font-size:var(--font-size-body);line-height:normal;text-decoration:none}.a11ly-box .button:focus-visible span.visuallyhidden{background-color:var(--cl-focus);outline-color:var(--bg-focus);outline-width:3px;outline-style:dotted;outline-offset:2px}.a11ly-box .button span{text-decoration:none;background-color:var(--bg-black)}@media (max-width:940px){.a11ly-box{top:0;right:5px}}.darkmode{--bg-1:#000;--bg-1-2:#121212;--bg-1-3:#121212;--bg-2:#121212;--bg-2-2:#121212;--bg-2-3:#121212;--bg-3:#121212;--bg-4:#121212;--bg-5:#121212;--bg-black:#000;--cl-1:#279dff;--cl-1-2:#279dff;--cl-2:#ffbb4a;--cl-2-3:#ffbb4a}.darkmode .modul.bg-white,.darkmode .modul.html-section,.darkmode .modul.html-section .illustration-hero{background-color:var(--bg-black)!important}body.tpx-body.darkmode,.darkmode .site-header:before,.darkmode footer .bg-white{background-color:var(--bg-black)}.darkmode #site-nav{background-color:var(--bg-2)}.darkmode .site-header:before{background-color:transparent}.darkmode .branding:after{background-color:transparent;border:0}.darkmode.nav-active .branding{background-color:var(--bg-black)}.darkmode .skip-nav{background-color:var(--bg-black);color:var(--cl-white);border:2px solid var(--bg-white)}.darkmode .skip-link:focus-visible{color:var(--cl-white)}.darkmode .skip-link,body.tpx-body.darkmode a{color:var(--cl-2-3)}body.tpx-body.darkmode a:hover{text-underline-offset:5px}.darkmode main a:not([class]):hover{background-color:transparent}.darkmode #hero-cloud path{fill:var(--bg-black) !important}.darkmode .shadow-container{display:none}body.tpx-body.darkmode,.darkmode .main-navigation .menu a{color:var(--cl-white)}.darkmode .button-box .call-to-action,.darkmode .call-to-action{background-color:var(--bg-black);color:var(--cl-1)}.darkmode .modul .main-navigation.active,.darkmode .cloud-dot,.darkmode .cloud-dot:before,.darkmode .cloud-dot:after{background-color:var(--bg-black)}.darkmode .cloud h1{background-color:transparent}.darkmode .cloud p{background-color:transparent}.darkmode path[style="fill:#e6e4e4"]{fill:#2F2F2F!important}.darkmode path[style="fill:#283337"]{fill:#121212!important}.darkmode path[style="fill:#b8b8b8"]{fill:#000!important}.darkmode span[style="color:var(--cl-3);"]{color:var(--cl-white)!important}.darkmode main .modul ol li:before,.darkmode main .modul ul li:before{background:url(//tupix.de/wp-content/themes/tpx-multi/css/../images/circle-darkmode-white.svg) 0 0 no-repeat;color:var(cl-white)}.darkmode main .is-teaser .mask{--bg-1-3:#000}.darkmode span[style="color: #1b71b9"],.darkmode span[style="color:#1b71b9"]{color:var(--cl-1)!important}.darkmode .is-teaser .flex-item .button-box .button{color:var(--cl-2)}.darkmode .is-teaser .flex-item .button-box .button:hover{color:var(--cl-white)}.darkmode .is-teaser .flex-item .button-box .button .arrow-1,.darkmode .is-teaser .flex-item .button-box .button .arrow-3{fill:currentColor!important}.darkmode .is-teaser .flex-item .button-box .button:hover .arrow-2{fill:var(--bg-black)!important}.darkmode .is-teaser .flex-item:hover .mask h2 span,.darkmode .is-teaser .flex-item .button-box .button:focus-visible{color:var(--cl-white)!important}.darkmode .is-teaser .flex-item .button-box .button:focus-visible .arrow-2{fill:var(--bg-focus)!important}
.site-header .nav-toggle,.site-header .dropdown-toggle{z-index:11;margin:auto 0 auto auto;padding:0;cursor:pointer;border:0;background-color:transparent}.site-header .dropdown-toggle{position:absolute;margin:0;transform:scale(.8)}.site-header .dropdown-toggle:before{content:'';position:absolute;width:55px;height:55px;display:block;top:-5px;left:-5px}.site-header .nav-toggle{position:absolute;top:46px;right:0;width:45px;height:45px;border-radius:50%;background-color:var(--bg-1);border:2px solid var(--bg-white)}.site-header.header-content-right .nav-toggle,.site-header.header-content-center.navi-left .nav-toggle{right:inherit;left:0}.scroll-box .site-header .nav-toggle{top:5px}.site-header .nav-toggle:hover{background-color:var(--bg-3)}.base-item .menu-relative .nav-toggle{top:5px}.site-header .nav-toggle:focus-visible strong.visuallyhidden,.site-header .nav-toggle:hover strong.visuallyhidden{position:absolute;top:12px;right:50px;width:fit-content;height:auto;display:inline-block;padding:2px;background-color:var(--bg-black);color:var(--cl-white);clip:auto !important;clip-path:none;font-size:var(--font-size-body);line-height:normal;text-decoration:none}.site-header .nav-toggle:focus-visible strong.visuallyhidden{background-color:var(bg-focus)}.base-item .header-content-right .nav-toggle,.base-item .header-content-center.navi-left .nav-toggle{left:0;right:inherit}.site-header .nav-toggle span,.site-header .nav-toggle span:before,.site-header .nav-toggle span:after{content:'';position:absolute;left:0;display:block;width:100%;height:4px;background-color:var(--bg-white);color:var(--bg-black)}.site-header .nav-toggle span{top:calc(50% - 2px);left:9px;width:calc(100% - 18px)}.site-header .nav-toggle span:before{top:-8px}.site-header .nav-toggle span:after{bottom:-8px}.site-header .nav-toggle.active span{background:0 0}.site-header .nav-toggle.active span:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.site-header .nav-toggle.active span:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.site-header .dropdown-toggle{right:30px;top:0;z-index:10;height:45px;width:45px}.site-header .dropdown-toggle span{display:block;height:100%;width:100%;position:relative;background-color:var(--bg-black)}.site-header .dropdown-toggle:focus-visible span{background-color:var(--bg-focus)}.site-header .dropdown-toggle span:after,.site-header .dropdown-toggle span:before{content:'';position:absolute;height:2px;left:calc(50% - 8px);width:16px;top:calc(50% - 2px)}.site-header .dropdown-toggle span:after{transform:rotate(-90deg)}.site-header .toggled>.dropdown-toggle span:after{transform:rotate(0)}.site-header .dropdown-toggle span:after,.site-header .dropdown-toggle span:before,.site-header .dropdown-toggle:hover span:after,.site-header .dropdown-toggle:hover span:before{color:var(--bg-white);background-color:currentColor}.metabox{padding:1rem 0}.metabox a [class^=icon-] svg path{fill:currentColor}.metabox .social-links .icon-item{width:30px;height:30px;margin:0 5px 5px 0}.metabox .social-links li.flex-item{margin-bottom:0}nav.main-nav{width:100%;background-color:var(--bg-white)}.header-content-right nav.main-nav{order:3}.modul .main-navigation.active{position:relative;width:calc(100% + 6rem);margin-left:-3rem;background-color:var(--bg-white)}.modul .menu,.modul .sub-menu,.menu li{position:relative;margin:0;padding:0;list-style-type:none}.main-navigation .menu li{display:block;width:100%;margin:0 auto;border-top:3px solid currentColor;font-family:var(--secondary-font);font-size:var(--font-size-larger)}.main-navigation .menu li:last-of-type{border-bottom:3px solid currentColor}.main-navigation .menu a{display:flex;min-height:44px;padding:2rem 3.2rem;background-color:transparent;color:var(--bg-black);text-decoration:none}.main-navigation .menu a:hover{background-color:transparent}.main-navigation .menu a span{margin:auto 0}.main-navigation .sub-menu{background-color:var(--bg-4)}.main-navigation .sub-menu a{padding-left:5rem}.main-navigation .sub-menu .sub-menu a{padding-left:8rem}.main-navigation,.sub-menu{display:none}.main-navigation.active,.toggled>.sub-menu{left:auto;display:block;margin:0;padding:0}.menu-fixed-fullsize .main-navigation.active{width:100%;margin:0}.main-navigation.active,.scroll-box .main-navigation.active{max-height:calc(100vh - 40px);overflow:visible}.main-navigation .menu a:hover,.main-navigation .menu li:hover>a,.main-navigation .menu .current-menu-item>a,.main-navigation .menu .current-menu-parent>a{color:var(--cl-1);position:relative}.main-navigation .menu .current-menu-item>a,.main-navigation .menu .current-menu-parent>a,.main-navigation .menu .current-menu-item:hover>a,.main-navigation .menu .current-menu-item>a:hover,.main-navigation .menu .current-menu-parent>a:hover,.main-navigation .menu .current-menu-parent:hover>a{background-color:var(--bg-1-3)}.main-navigation .menu .current-menu-item>a:after,.main-navigation .menu .current-menu-parent>a:after,.main-navigation .menu .current-menu-item:hover>a:after,.main-navigation .menu .current-menu-item>a:hover:after,.main-navigation .menu .current-menu-parent>a:hover:after,.main-navigation .menu .current-menu-parent:hover>a:after{content:'';position:absolute;top:-3px;left:0;width:100%;height:8px;background-color:var(--cl-1)}.main-navigation .menu .current-menu-item>a:focus-visible:after,.main-navigation .menu .current-menu-parent>a:focus-visible:after{background-color:var(--cl-focus)}.main-navigation .menu a:hover:after,.main-navigation .menu li:hover>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background-color:var(--cl-1)}