/*! Copyright by TwooDoo, Wegberg / Rath-Anhoven - 2025 Dieses Style-Sheet ist individuell entwickelt und handgeschrieben von TwooDoo Webdesign. Es unterliegt dem Schutz des deutschen Urheberrechts. Jegliche Weiterverwendung, auch in Teilen, ohne unsere schriftliche Zustimmung ist untersagt. */html{font-size:100%}:focus{outline:none}:link{color:inherit;font-weight:inherit;font-variation-settings:inherit;text-decoration:underline dotted}:link:hover{text-decoration:underline dotted}:visited{color:inherit}body{position:relative;font-family:"Manrope",sans-serif;font-size:1rem;font-size:clamp(1rem,.8462rem + .3797vw,1.15rem);line-height:1.4em;font-weight:200;font-variation-settings:"wght" 200;margin:0;padding:0;color:rgb(255,251.7,245.1);background-color:hsl(192,10.8695652174%,13.0392156863%)}.h1{margin:0 auto;padding:48px 0;font-size:2em;font-stretch:condensed;line-height:1.3em;font-weight:inherit;font-variation-settings:inherit;overflow-wrap:break-word}.h2{margin:0;padding:0 0 1em;font-size:3em;line-height:1.3em;font-weight:inherit;font-variation-settings:inherit;overflow-wrap:break-word}.h3{margin:0;padding:0 0 25px;font-size:2.5em;line-height:1.3em;font-weight:inherit;font-variation-settings:inherit;overflow-wrap:break-word}.h4,.p4{margin:0;padding:0 0 25px;font-size:2em;line-height:1.3em;font-weight:inherit;font-variation-settings:inherit}section,article,nav,div,figure{padding:0;margin:0}p{margin:0;padding:0 0 15px}li{padding-bottom:10px}ul,ol{margin:0;padding:0 0 10px 20px}img{border:none}strong,b{font-weight:inherit}.sanft{scroll-behavior:smooth;overflow-y:scroll}.hd-top{z-index:999;overflow:hidden;position:relative;position:sticky;top:0;left:0;width:100%;height:2em;padding:0;margin:0;line-height:2;text-align:center}.hd-top .hd-p{margin:0;padding:0;white-space:nowrap;letter-spacing:.4em;text-align:center}.hd-top a{display:block;height:100%;margin:0;padding:0;text-decoration:none;background-color:hsl(192,10.8695652174%,3.0392156863%);background-image:url("images/logo/twoodoo-logo-animiert.svg");background-repeat:no-repeat;background-position:right top;background-size:contain}.hd-top a:hover{text-decoration:none}.hd-top a:focus{color:#293133;background-color:rgb(255,251.7,245.1)}.main{display:block;max-width:1520px;margin:0 auto}.art-main{margin:auto;padding:0;color:rgb(255,251.7,245.1)}.art-main:last-of-type .gitter-box:last-of-type{background-color:hsl(192,10.8695652174%,10.0392156863%)}.cont-portfolio{overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center}.cont-portfolio .item-portfolio{flex-basis:calc(100% - 24px);flex-shrink:1;flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0;color:#293133;background-color:rgb(255,251.7,245.1);text-align:center;border-radius:8px;box-shadow:0 4px 8px hsla(192,10.8695652174%,13.0392156863%,.7)}.cont-portfolio .item-portfolio .h3{padding:6px;margin:12px auto;font-size:1.4em}.cont-portfolio .item-portfolio .fig-portfolio{display:block;width:calc(100% - 24px);max-width:300px;padding:12px 0;margin:12px auto}.cont-portfolio .item-portfolio .fig-portfolio img{display:block;width:100%}.cont-portfolio .item-portfolio .p-portfolio{width:initial;max-width:300px;margin:0 auto 12px;padding:0 12px 12px;font-size:.96em}.cont-portfolio .item-portfolio a{display:inline-block;max-width:66%;padding:8px 12px;margin:auto 12px 18px;font-weight:400;font-variation-settings:"wght" 400;font-size:.8em;line-height:1.2;color:#000;background-color:hsl(192,10.8695652174%,85.0392156863%);text-decoration:none;border:solid 1px hsl(192,10.8695652174%,25.0392156863%);border-radius:100px}.invert{color:#293133;background-color:rgb(255,251.7,245.1);font-weight:300;font-variation-settings:"wght" 300}.gitter-box{display:block;margin:0;padding:0}.gitter-box .gitter-container{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:0;padding:0}.gitter-box .gitter-container .gitter-uprising{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;transform:translateY(0%)}.gitter-box .gitter-container .gitter-item{flex-grow:0;flex-shrink:0;flex-basis:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;margin:0;padding:0}.gitter-box .gitter-container .gitter-item .gitter-text{padding:96px 12px;margin:0}.gitter-box .gitter-container .gitter-item .gitter-text .h2,.gitter-box .gitter-container .gitter-item .gitter-text .h3{text-align:center}.gitter-box .gitter-container .gitter-item .gitter-text .a-info{text-align:right}.gitter-box .gitter-container .gitter-item .gitter-logo img{user-select:none;display:block;aspect-ratio:3/2;width:100%;height:auto;max-width:500px;margin:auto}.gitter-box .gitter-container .gitter-item-text{overflow:hidden;padding:0}.gitter-box .gitter-container .gitter-item-text .h1,.gitter-box .gitter-container .gitter-item-text .h2,.gitter-box .gitter-container .gitter-item-text .h3,.gitter-box .gitter-container .gitter-item-text .h4{width:calc(100% - 50px);max-width:550px;padding:15px 25px 25px;margin:25px auto}.gitter-box .gitter-container .gitter-item-text .h4{padding:25px 25px 10px}.gitter-box .gitter-container .gitter-item-text p{width:calc(100% - 50px);max-width:550px}.gitter-box .gitter-container .gitter-item-text .ul-gitter{list-style-type:disc;width:calc(100% - 50px);max-width:550px;padding:15px 25px 25px 60px;margin:0 auto}.gitter-box .gitter-container .gitter-item-text .gitter-hline{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;height:100%;text-align:center;font-size:2.5em;line-height:1.2}.gitter-box .gitter-container .gitter-item-text .gitter-hline .h3{font-size:1em}.gitter-box .gitter-container .gitter-item-fig figure{overflow:hidden;aspect-ratio:1/1;height:100%;width:100%}.gitter-box .gitter-container .gitter-item-fig figure img{display:block;width:100%;height:100%;aspect-ratio:3/2;margin:0 auto;padding:0;object-fit:cover;object-position:50% 0;animation-name:blur;animation-duration:.75s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.gitter-box .gitter-container .gitter-item-fig figure .pos-right{object-position:right}.gitter-box .gitter-container .gitter-item-fig figure .pos2-3{object-position:66% 0}.gitter-box .gitter-container .gitter-fehler{max-height:initial;min-height:90vh}.gitter-box .gitter-container .gitter-fehler .gitter-text{max-width:780px;margin:auto}.gitter-box .gitter-container .gitter-single{padding:50px 0}.gitter-box .gitter-container .gitter-single .h3{font-size:1.6em;padding:25px 0 15px}.gitter-box .gitter-container .gitter-single .h4{font-size:1.4em;padding:25px 0 15px}.gitter-box .gitter-container:nth-of-type(even){flex-direction:row-reverse}.sect-portfol{color:#293133;background-color:rgb(255,251.7,245.1)}.sect-portfol .h1{text-align:center}.sect-portfol .art-portfol .gitter-box{min-height:initial;max-width:1080px;margin:0 auto}.sect-portfol .art-portfol:nth-of-type(even){color:rgb(255,251.7,245.1);background-color:hsl(192,10.8695652174%,13.0392156863%)}.sect-portfol .h2{flex-basis:100%;flex-grow:1;flex-shrink:0;font-size:1.5em;padding:0 0 24px}.sect-portfol .h3{font-size:1.2em}.sect-portfol .gitter-box{padding:48px 24px}.h1-portfol{margin:0;padding:24px 0;text-align:center;text-transform:uppercase;font-size:1.4em;line-height:1.4}.fig-portfol{overflow:hidden;display:block;width:100%;height:45vh;max-height:450px;margin:0;padding:0}.fig-portfol figure{width:100%}.fig-portfol figure img{display:block;width:100%;height:46vh;aspect-ratio:3/2;margin:0 auto;padding:0;object-fit:cover;object-position:50% 0}.ref-foto{overflow:hidden}.ref-foto .gitter-contain-ref{background-color:#646e70}.ref-foto .gitter-contain-ref .gitter-item-ref{min-height:initial;background-color:rgba(0,0,0,0)}.ref-foto .gitter-contain-ref .gitter-item-ref figure{position:relative}.ref-foto .gitter-contain-ref .gitter-item-ref figure img{display:block;width:100%;height:100%;aspect-ratio:3/2;margin:0 auto;padding:0;object-fit:cover;object-position:50% 0}.ref-foto .gitter-contain-ref .gitter-item-ref figure figcaption{position:absolute;left:0;bottom:5%;width:calc(100% - 30px);padding:15px;color:#293133;text-align:center;font-size:1.2em;font-weight:500;font-variation-settings:"wght" 500;background-color:rgb(255,251.7,245.1);background-color:rgba(255,251.7,245.1,.8)}.ref-foto .gitter-contain-ref .gitter-item-ref .figRef figcaption a{display:block}.ref-foto .gitter-contain-ref .gitter-item-ref .gitter-text p{max-width:580px;padding:10px 10px 13px;margin:0 auto}.ref-foto .gitter-contain-ref .gitter-item-text .gitter-text p .span-ref{display:block}.ref-foto .gitter-contain-ref:nth-of-type(even){background-color:hsl(190,5.6603773585%,21.568627451%)}.bg-img{background-repeat:no-repeat;background-size:cover;background-position:center center;animation-name:blur;animation-duration:.75s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.bg-img .h1,.bg-img .h2{text-shadow:0 6px 12px #293133}.bg-img .gitter-text p{text-align:center;font-size:1.2em;font-weight:500;font-variation-settings:"wght" 500;text-shadow:none}.bg-img .gitter-text p a{text-decoration:underline}.div-faq{max-width:1080px;margin:0 auto}.dl-faq{padding:0}.dl-faq dt,.dl-faq dd{padding:0}.dl-faq dt{margin:12px 0}.dl-faq dd{margin:0 0 24px}.motiv-idee01{background-image:url("images/bg/DSC_1229.jpg")}.motiv-idee02{background-image:url("images/bg/DSC_6072.jpg")}.motiv-idee03{background-image:url("images/bg/DSC_0611.jpg")}.motiv-idee04{background-image:url("images/bg/DSC_7887.jpg")}.motiv-idee05{background-image:url("images/bg/DSC_6175.jpg")}.motiv-idee06{background-image:url("images/bg/DSC_0604.jpg")}.motiv-idee07{background-image:url("images/bg/DSC_5592.jpg")}.motiv-idee08{background-image:url("images/bg/DSC_9190.jpg")}.feld{background-image:url("images/bg/DSC_4683.jpg")}.webdesign{background-color:#c9d383}.printdesign{background-color:#a9a3dd}.logodesign{background-color:#eeca5a}.fotografie{background-color:#646e70}.contentcreation{background-color:#72a3da}.ft-signa{position:relative;width:100%;margin:0 auto;padding:50px 0 100px;color:rgb(255,251.7,245.1);background-color:hsl(192,10.8695652174%,8.0392156863%);text-align:center}.ft-signa .ft-impr{padding:20px 0;text-align:center}.ft-signa .ft-impr a{margin:0 10px;text-decoration:none;text-transform:uppercase}.ft-signa .ft-adress{font-style:normal;margin:15px auto}.ft-signa .ft-copy{padding:10px 0;font-size:.75em;text-align:center}.ft-signa a{color:inherit}.referenzen{max-width:1200px;margin:0 auto}.referenzen .ul-ref-foto{list-style-type:none;margin:0;padding:0}.referenzen .ul-ref-foto li{width:100%;margin:0 0 24px;padding:0}.referenzen .ul-ref-foto li .fig-foto{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden}.referenzen .ul-ref-foto li .fig-foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}.referenzen .ul-ref-foto li .fig-foto .fig-logo{position:absolute;right:24px;bottom:24px;display:block;width:50%}.referenzen .ul-ref-foto li .fig-foto .fig-logo a{display:block;height:100%;background-color:rgba(0,0,0,0)}.referenzen .ul-ref-foto li .fig-foto .fig-logo a img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom right}.referenzen .ul-ref-foto li .fig-web{position:relative}.referenzen .ul-ref-foto li .fig-web img:nth-of-type(2n){position:absolute;top:0;left:0;opacity:0;transition:all .3s ease-in-out}.referenzen .ul-ref-foto li .fig-web figcaption{position:absolute;bottom:10px;width:100%;padding:8px 0;text-align:center;color:rgb(255,251.7,245.1);transition:all .3s ease-in-out}.referenzen .ul-ref-foto li .fig-web figcaption a{padding:8px 10px;background-color:hsl(192,10.8695652174%,13.0392156863%)}.referenzen .ul-ref-foto li .fig-web:hover img:nth-of-type(2n){opacity:1}.referenzen .ul-ref-foto .li-ref-intro{margin:0;color:#293133;background-color:rgb(255,251.7,245.1)}.referenzen .ul-ref-foto .li-ref-intro div{padding:25px}.referenzen .ul-ref-foto .li-ref-intro div .h3{text-align:center}.referenzen .ul-ref-logo{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;list-style-type:none;padding:0}.referenzen .ul-ref-logo li{aspect-ratio:1/1;padding:0;background-color:#eeca5a}.referenzen .ul-ref-logo li .fig-container{display:flex;flex-direction:column;justify-content:center;align-content:center;height:100%}.referenzen .ul-ref-logo li .fig-box{text-align:center}.referenzen .ul-ref-logo li img{box-sizing:border-box;width:72%;max-width:360px}.ref-quer{max-width:1480px}.ref-quer ul li .fig-foto{aspect-ratio:3/2}.ref-quer ul li .fig-foto .fig-logo{width:25%}.ref-quer ul .li-ref-intro div .h3{padding:14px 0}.cont-impr{max-width:720px;padding:60px 24px;margin:0 auto}.impr-logo a{display:block;width:80%;max-width:450px;margin:0 auto;padding:0}.impr-logo a img{display:block;aspect-ratio:3/2;width:calc(100% - 20px);height:auto;max-width:450px;margin:0;padding:10px}.link-btn{text-align:center}.link-btn a{box-sizing:border-box;display:inline-block;padding:8px 20px;margin:36px 12px;text-decoration:none;font-size:.9rem;color:hsl(192,10.8695652174%,13.0392156863%);background-color:rgb(255,251.7,245.1);border-radius:96px;border:solid 1px hsl(192,10.8695652174%,13.0392156863%)}.nowrap{white-space:nowrap}.fett{font-weight:600;font-variation-settings:"wght" 600}.kursiv{font-style:italic}.zentriert{text-align:center}.rechts{text-align:right}.unter{text-decoration:underline}.mail:link{color:inherit;background-color:inherit}.fettest{font-weight:800;font-variation-settings:"wght" 800}.upps{text-transform:uppercase}.lows{text-transform:lowercase}.initials::first-letter{font-size:1.4em}.anker1{display:block;position:relative;top:-2em;width:100%;height:0}.xReverse{transform:scaleX(-1)}.colorInvert{color:#293133;background-color:rgb(255,251.7,245.1)}.bordrad5{border-radius:5px}.hyphen{hyphens:auto}.hidden{display:none}.bg-trans{background-color:rgba(0,0,0,0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);border:0}.links-zu-case-study{position:relative;width:100%;padding:10vh 0}.links-zu-case-study .h3{text-align:center;margin:24px 12px}.h3-shadow{text-shadow:1px 1px 2px #293133}.sect-case-study{padding:0 0 5vh;font-size:clamp(1rem,.8rem + .5vw,1.2rem);line-height:1.4}.sect-case-study .h1{padding:60px 0 0;font-size:2.2em;text-align:center}.case-tease{font-weight:500;font-variation-settings:"wght" 500}.art-case-study{display:flex;flex-direction:column;align-items:center;gap:24px;box-sizing:border-box;margin:0 auto;padding:12px}.art-case-study .h2{font-size:1.85em}.art-case-study .h3{margin:24px 0;padding:0;font-size:1.7em}.art-case-study .h4{margin:12px 0 24px;padding:0;font-size:1.4em}.item-case-study{flex-basis:calc(50% - 24px);flex-grow:0;flex-shrink:1;max-width:780px;padding:24px}.fig-case-study{display:flex;flex-direction:column;flex-wrap:wrap;gap:24px;justify-content:center;max-width:600px;margin:3vh 0;text-align:center}.fig-case-study figure{display:block;padding:0;margin:0}.fig-case-study figcaption{display:block;padding:6px 12px 12px;font-size:.9em}.fig-case-study img{display:block;aspect-ratio:3/2;width:100%}rezept-container{display:block;margin:0;padding:50px 15px 75px}rezept-item{display:block;margin:0;padding:0 0 25px;font-weight:400;font-variation-settings:"wght" 400}.art-main-rezept .gitter-box .gitter-container .gitter-item-text{justify-content:flex-start}.art-main-rezept .gitter-box .gitter-container .gitter-text{padding:50px 0}.art-main-rezept .gitter-box .gitter-container:nth-of-type(even){color:#293133;background-color:rgb(255,251.7,245.1)}.dlRezept{display:flex;flex-direction:row;flex-wrap:wrap;padding:0 0 25px;margin:0}.dlRezept dt{width:75px;flex-grow:0;flex-shrink:0;padding:0;margin:0 20px 0 0;text-align:right}.dlRezept dd{width:calc(100% - 95px);flex-grow:1;flex-shrink:0;padding:0;margin:0}.menu{z-index:99;position:fixed;top:0;left:0;width:100%;height:0;background-color:#293133}.menu-input{display:none;position:absolute}.menu-label{z-index:99;position:fixed;bottom:5px;right:calc(50% - 20px);display:block;height:40px;width:40px;margin:0 auto;cursor:pointer;background-color:#293133;background-color:rgba(41,49,51,.9);box-shadow:0 0 2px 0 hsl(192,10.8695652174%,43.0392156863%);transition:all .4s ease-in-out}.menu-label .menu-burger{position:relative;top:0;left:0;margin:auto;display:block;width:16px;height:2px;background-color:rgb(255,251.7,245.1);transform-origin:center;transform:translateY(19px) translateX(0px);transition:all .4s ease-in-out}.menu-label .menu-burger::before{content:"";position:absolute;top:0;left:0;margin:auto;display:block;width:20px;height:2px;background-color:rgb(255,251.7,245.1);transform-origin:center;transform:translateY(-7px) translateX(-2px) rotate(0deg);transition:all .4s ease-in-out}.menu-label .menu-burger::after{content:"";position:absolute;top:0;left:0;margin:auto;display:block;width:20px;height:2px;background-color:rgb(255,251.7,245.1);transform-origin:center;transform:translateY(7px) translateX(-2px) rotate(0deg);transition:all .4s ease-in-out}.haus{display:block;position:fixed;bottom:5px;right:5px;height:40px;width:40px;background-color:#293133;background-color:rgba(41,49,51,.9);background-image:url("images/menu/home-symbol-stil.png");background-repeat:no-repeat;background-size:80%;background-position:center center;box-shadow:0 0 2px 0 hsl(192,10.8695652174%,43.0392156863%)}.menu-tel{display:block;position:fixed;bottom:5px;left:5px;height:40px;width:40px;background-color:#293133;background-color:rgba(41,49,51,.9);background-image:url("images/menu/tel-symbol.png");background-repeat:no-repeat;background-size:80%;background-position:center center;box-shadow:0 0 2px 0 hsl(192,10.8695652174%,43.0392156863%)}.menu-tel span{display:none}.menuSchalter{z-index:9;position:fixed;left:0;display:block;height:100vh;width:100vw;background-color:#293133;background-color:rgba(41,49,51,.8);transition:all .4s ease-in-out}.menuFrame{position:fixed;bottom:0;left:0;height:100vh;width:100%;margin:0 auto;padding:0;transform:scaleY(0);transition:all .4s ease-in-out .4s}.menuTop{overflow-y:scroll;display:flex;flex-direction:row;justify-content:center;align-items:start;width:100%;height:100%;color:rgb(255,251.7,245.1);background-color:#293133}.menuTop .menuMain{position:relative;list-style:none;margin:0;padding:0}.menuTop .menuMain li{overflow:hidden;height:0;margin:15px 0;padding:0 15px;text-align:center;border:solid #293133 1px;border-radius:2rem;transition:height .4s ease-in-out .4s,border-color .4s ease-in-out .3s,background-color .3s ease-in-out}.menuTop .menuMain li a{display:inline-block;text-decoration:none;font-size:2em;font-weight:200;font-variation-settings:"wght" 200;line-height:1.3;margin:0;padding:10px;background-image:linear-gradient(75deg, #a9a3dd 0%, #eeca5a 33%, #c9d383 66%, #72a3da 100%);background-clip:initial;transition:all .3s ease-in-out;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.menuTop .menuMain li a span{font-weight:800;font-variation-settings:"wght" 800}.menuTop .menuMain li.aktuell,.menuTop .menuMain :hover{background-color:#fff}.menuTop .menuMain li.aktuell a,.menuTop .menuMain :hover a{color:#000;font-weight:200;font-variation-settings:"wght" 200;-webkit-text-fill-color:initial}.menuFramePortfol{display:none;position:fixed;bottom:-40px;left:0;width:100%;transition:all .4s 0s ease-in-out}.menuFramePortfol .menuPortfol{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;list-style-type:none;padding:0;margin:0 auto}.menuFramePortfol .menuPortfol li{width:30px;height:30px;margin:0 10px;padding:0}.menuFramePortfol .menuPortfol li a{display:block;width:100%;height:100%;margin:0;padding:0;border:1px solid rgb(255,251.7,245.1)}.menuFramePortfol .menuPortfol li:nth-of-type(1) a{background-color:#c9d383}.menuFramePortfol .menuPortfol li:nth-of-type(2) a{background-color:#a9a3dd}.menuFramePortfol .menuPortfol li:nth-of-type(3) a{background-color:#eeca5a}.menuFramePortfol .menuPortfol li:nth-of-type(4) a{background-color:#646e70}.menuFramePortfol .menuPortfol li:nth-of-type(5) a{background-color:#72a3da}.menu-input:checked~.menu-label .menu-burger::before{transform:translateY(0px) translateX(-2px) rotate(45deg)}.menu-input:checked~.menu-label .menu-burger{background-color:rgba(0,0,0,0)}.menu-input:checked~.menu-label .menu-burger::after{transform:translateY(0px) translateX(-2px) rotate(-45deg)}.menu-input:checked~.menu-label b::after{opacity:0}.menu-input:checked~.menu-label::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;background-color:rgba(0,0,0,0)}.menu-input:checked~.menuFrame{transform:scaleY(1);transition:all .4s ease-in-out 0s}.menu-input:checked~.menuFrame .menuTop .menuMain{padding:50px 0}.menu-input:checked~.menuFrame .menuTop .menuMain li{height:4em;border-color:rgb(255,251.7,245.1);transition:height .4s ease-in-out}.menu-input:checked~.menuFramePortfol{bottom:60px;transition:all .4s .6s ease-in-out}.linktop{position:fixed;bottom:55px;right:5px;display:block;width:40px;height:40px;border:none;background-color:#293133;background-color:rgba(41,49,51,.9);background-image:url("images/menu/pfeil-hoch.png");background-repeat:no-repeat;background-position:center center;background-size:100%;cursor:pointer;transition:all .4s ease-in-out}.linktop a{display:block;width:100%;height:100%}@media all and (min-height: 420px){.menuTop{align-items:center}}@media all and (min-height: 600px){.menuFramePortfol{display:block}}@media all and (min-width: 38em){.gitter-box .gitter-container .gitter-item-fig figure{aspect-ratio:initial}}@media all and (min-width: 36em){.cont-portfolio .item-portfolio{flex-basis:calc(50% - 24px);max-width:264px}}@media all and (min-width: 48em){.hd-top{font-size:1.8em}.art-portfol .gitter-container{gap:12px}.art-portfol .gitter-container .gitter-item{flex-basis:calc(50% - 12px)}.art-portfol .div-faq dl{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.art-portfol .div-faq dl dt,.art-portfol .div-faq dl dd{flex-basis:calc(36% - 24px);margin:0 0 48px}.art-portfol .div-faq dl dd{flex-grow:1}.sect-case-study .h1{padding:84px 0 60px}.art-case-study{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin:24px auto}.art-main:first-of-type{padding:0}.ref-foto .gitter-contain-ref{padding:5vh 0}.art-main-rezept .gitter-box .gitter-container .gitter-item-text{justify-content:center}.art-main-rezept .gitter-box .gitter-container .gitter-text{padding:100px 0}.art-main-rezept .gitter-box .gitter-container:nth-of-type(odd){flex-direction:row-reverse}.art-main-rezept .gitter-box .gitter-container:nth-of-type(even){flex-direction:row}.gitter-box .gitter-container{flex-direction:row;justify-content:center;flex-wrap:wrap}.gitter-box .gitter-container .gitter-item{aspect-ratio:1/1;flex-basis:50%;width:50%;margin:0;padding:0}.gitter-box .gitter-container .gitter-item .gitter-text{margin:0;padding:0}.gitter-box .gitter-container .gitter-item-text .h1,.gitter-box .gitter-container .gitter-item-text .h2,.gitter-box .gitter-container .gitter-item-text .h3,.gitter-box .gitter-container .gitter-item-text p{width:calc(100% - 50px)}.gitter-box .gitter-container .gitter-item-fig figure img{margin:0 auto;object-fit:cover;object-position:50% 0}.gitter-box .gitter-container:nth-of-type(even){flex-direction:row-reverse}rezept-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}rezept-item{flex-basis:50%;flex-grow:0;flex-shrink:0;max-width:500px}.signatur{padding:50px 0}.referenzen .ul-ref-foto{display:inline-block}.referenzen .ul-ref-foto li{width:calc(50% - 20px);margin:10px}.referenzen .ul-ref-foto li .fig-foto{aspect-ratio:3/2}.referenzen .ul-ref-foto li .fig-foto .fig-logo{width:33%}.referenzen .ul-ref-foto .li-ref-intro{margin:10px}.referenzen .ul-ref-foto li:nth-of-type(odd){float:left}.referenzen .ul-ref-foto li:nth-of-type(even){float:right}.anker1{top:-3em}}@media all and (min-width: 67em){.linktop{bottom:80px;width:36px;height:36px;border:solid 1px rgb(255,251.7,245.1)}.gitter-box .gitter-container .gitter-single{padding:150px 0}.sect-portfol .art-portfol{padding:48px 0}.sect-portfol .art-portfol .gitter-box .gitter-container{gap:48px}.sect-portfol .art-portfol .gitter-box .gitter-container .gitter-item{flex-basis:calc(50% - 24px)}.menu-label,.haus{display:none}.menu-tel{z-index:999;position:absolute;width:30%;max-width:205px;height:initial;left:25px;bottom:22px;margin:0;padding:0;color:rgb(255,251.7,245.1);background-image:none;background-color:rgba(0,0,0,0);box-shadow:none}.menu-tel span{display:block;font-size:1.4em}.menu-tel:link,a.menu-tel:hover{text-decoration:none}.menu{top:initial;bottom:0;height:45px;margin:0;padding:0 0 25px;background-color:hsl(192,10.8695652174%,8.0392156863%)}.menuFrame{overflow-y:initial;transform:initial;height:70px;margin:0 auto}.menuTop{overflow-y:initial;justify-content:flex-end;align-items:flex-start;height:100%;max-width:1520px;margin:0 auto;padding:5px 0 25px;background-color:hsl(192,10.8695652174%,8.0392156863%)}.menuTop .menuMain{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}.menuTop .menuMain li{height:100%;margin:5px .5vw;line-height:1.8;border-color:rgb(255,251.7,245.1)}.menuTop .menuMain li a{padding:4px 10px 6px;font-size:1.8rem;background-image:linear-gradient(75deg, rgb(255, 251.7, 245.1) 0%, rgb(255, 251.7, 245.1) 100%);background-clip:initial;background-image:linear-gradient(75deg, #a9a3dd 0%, #eeca5a 33%, #c9d383 66%, #72a3da 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.menuTop .menuMain .aktuell a{background-image:linear-gradient(75deg, #a9a3dd 0%, #eeca5a 33%, #c9d383 66%, #72a3da 100%);background-clip:initial;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.menuFramePortfol{left:15px;bottom:85px;width:initial}.menuFramePortfol .menuPortfol li a{transform:scale(1);transition:.2s all ease-in-out;transform-origin:bottom center}.menuFramePortfol .menuPortfol .aktuell a,.menuFramePortfol .menuPortfol :hover a{transform:scale(1.2)}.menu-input:checked~.menuFrame .menuTop .menuMain{padding:0}.menu-input:checked~.menuFrame .menuTop .menuMain li{height:100%}.menu-input:checked~.menuFrame .menuTop .menuMain li a{padding:5px 10px;font-size:1.8em}.menu-input:checked~.menuFramePortfol{bottom:85px}}.neustart :focus{outline:none}.neustart body{padding:0;margin:0}.neustart .neustartContain{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;height:100vh;width:100%}.neustart .neustartContain .neustartInhalt{font-size:1.75em;font-weight:200;font-variation-settings:"wght" 200,"opsz" 7;line-height:1.25;text-align:center}.neustart .welle{margin:25px auto;width:170px;height:40px}.neustart .welle>div{display:inline-block;width:20px;height:20px;background-color:#757575;border-radius:100%;border:none 0;animation:dauer 1.6s infinite ease-in-out}.neustart .welle .blink1{animation-delay:-0.4s}.neustart .welle .blink2{animation-delay:-0.2s}@keyframes dauer{0%,80%,100%{transform:scale(0)}40%{transform:scale(0.7)}}.button{display:block;margin:50px auto;text-align:center;border-radius:5px}.button a{padding:15px;color:#333;background-color:#fff;font-size:1em;text-decoration:none;font-variant:small-caps;border-radius:5px;box-shadow:2px 2px 4px 0 #333}@keyframes uprising{0%{transform:translateY(12%) scale(0.1);opacity:0;filter:blur(5px)}100%{transform:translateY(0%) scale(1);opacity:1;filter:blur(0)}}.uprising{animation-name:uprising;animation-duration:.9s;transform-origin:50% 75%;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes blur{0%,50%{filter:blur(10px) brightness(1.5) contrast(0.8) saturate(0.5)}100%{filter:blur(0) brightness(1) contrast(1) saturate(1)}}.blur{animation-name:blur;animation-duration:1.2s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes hide-link{0%{opacity:0}75%{opacity:0}100%{opacity:1}}.hide{animation-name:hide-link;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}.scrollInitial{opacity:.2;transform:translateY(100px) scale(0.75);transform-origin:center center;transition:all .6s 0s ease-in}.scrollBlenden{opacity:1}.scrollTransform{transform:translateY(0) scale(1)}.gitter-item-fig{overflow:hidden}/*! * Manrope Variable Font * Designed by Mikhail Sharanda (2018-2021). * Copyright 2018-2021 The Manrope Project Authors. * Licensed under the SIL Open Font License, Version 1.1. See OFL.txt in the font directory * License URL: https://openfontlicense.org/open-font-license-official-text/ * Project Source: https://fonts.google.com/specimen/Manrope */@font-face{font-display:swap;font-family:"Manrope";src:local("Manrope"),url("fonts/manrope/Manrope[wght].woff2") format("woff2 supports variations"),url("fonts/manrope/Manrope[wght].woff2") format("woff2-variations");font-weight:200 800}/*! * Lora Font * Designed by Cyreal (2011). * Copyright 2011 The Lora Project Authors. * Licensed under the SIL Open Font License, Version 1.1. See OFL.txt in the font directory. * License URL: https://scripts.sil.org/OFL * Project Source: https://github.com/cyrealtype/Lora-Cyrillic * Reserved Font Name: "Lora" */@font-face{font-display:swap;font-family:"Lora";src:url("fonts/lora/Lora[wght].woff2") format("woff2 supports variations"),url("fonts/lora/Lora[wght].woff2") format("woff2-variations");font-weight:400 700;font-optical-sizing:7 72;font-style:normal;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:"Lora";src:url("fonts/lora/Lora-Italic[wght].woff2") format("woff2 supports variations"),url("fonts/lora/Lora-Italic[wght].woff2") format("woff2-variations");font-weight:400 700;font-optical-sizing:7 72;font-style:italic}