@charset "UTF-8";@import "fonts.min.css";*,body,html{margin:0;padding:0}*{box-sizing:border-box}body,html{background-color:#000;max-width:100vw;min-height:100vh;height:auto;scroll-behavior:smooth}h1{color:#b34e96;font-size:2.2em}h2{color:#676d00;font-size:1.2em}a,h3,li,p{color:#c5c5c5}h1,h2,h3{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:4px}h3{font-size:1em}a,li,p{font-size:16px;font-family:"Roboto",sans-serif}a,a:active,a:focus,a:hover,a:visited{text-decoration:none;border:0;outline:0}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media only screen and (orientation:landscape){#hamburg{position:fixed;z-index:9999999;left:5vw;top:20px;width:50px;height:40px;cursor:pointer}#hamburg .hamburg{width:100%;height:100%}#hamburg .line{position:absolute;left:0;height:4px;width:100%;background:#fff;border-radius:2px;display:block;transition:ease-in-out .5s;transform-origin:center;box-shadow:0 1px 1px #000}#hamburg .line:nth-child(1){top:12px}#hamburg .line:nth-child(2){top:24px}#hamburg .line:nth-child(3){top:36px}#hamburg .hamburg.checked .line:nth-child(1){transform:translateY(12px) rotate(-45deg)}#hamburg .hamburg.checked .line:nth-child(2){opacity:0}#hamburg .hamburg.checked .line:nth-child(3){transform:translateY(-12px) rotate(45deg)}#back{position:fixed;z-index:9998;left:5vw;top:80px;width:55px;height:auto}#back a img{width:100%;height:auto}.container,.navigation{height:auto;width:100%;max-width:100vw}#cookie-hint,.navigation{position:fixed;left:0;opacity:0}.navigation{position:-ms-device-fixed;box-sizing:content-box;z-index:9999;top:-500px;background-color:#000;display:flex;flex-direction:row;align-content:center;visibility:hidden;transition:all .6s ease;box-shadow:0 1px 3px #424242}.navigation .navigation-container{width:100%;max-width:1200px;margin:0 auto;padding:30px 5%}.navigation .navigation-container ul{display:flex;display:-ms-flexbox;justify-content:space-around;list-style:none;width:90%;max-width:500px;margin:0 auto}.navigation .navigation-container ul li{display:flex;display:-ms-flexbox;flex-direction:row;align-items:center;align-content:center;text-transform:uppercase}.navigation .navigation-container ul li a{font-family:"Trebuchet MS",sans-serif;letter-spacing:2px;font-size:15px;color:#c5c5c5}.navigation .navigation-container ul li a::after{display:block;content:"";border-bottom:solid 3px #b34e96;transform:scaleX(0);transition:transform .3s ease-out}.navigation .navigation-container ul li a:hover::after{transform:scaleX(1);transform-origin:50%}.navigation .navigation-container ul li a img,.navigation .navigation-container ul li a picture{width:20px;max-width:20px;height:20px;max-height:20px}.navigation.show{top:0;opacity:1;visibility:visible}#cookie-hint{z-index:999;bottom:0;width:100vw;height:0}#cookie-hint .cooke-hint-text{width:100%;height:auto;padding:20px 0;background-color:#fff;border-radius:10px;display:grid;grid-row:auto;grid-row-gap:20px}#cookie-hint .cooke-hint-text div{width:80%;height:100%;margin:0 auto}#cookie-hint .cooke-hint-text div p{color:#000;line-height:160%;letter-spacing:.5px;text-align:justify}#cookie-hint .cooke-hint-text div p a{color:#676d00;font-size:14px}#cookie-hint .cooke-hint-text div button{display:block;width:auto;height:auto;padding:20px 40px;margin:0 auto;background-color:#676d00;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;border-radius:10px;box-shadow:none;border:0;cursor:pointer}.container{position:relative;min-height:100vh;padding:0;margin:0;overflow:hidden;clear:both}.container section{box-sizing:border-box;width:84%;max-width:1200px;padding:10vh 0 120px;margin:0 auto 30px}}@media only screen and (orientation:landscape) and (min-width:2200px){.container section{padding:10vh 0 200px}}@media only screen and (orientation:landscape){.container section h1,.container section h2{text-align:center;margin-bottom:50px}.container #start{padding:0;margin:0;width:100%;max-width:100%;max-height:100vh}.container #start .start-content{min-width:100vw;min-height:100vh;width:100vw;height:100vh;max-width:100vw;max-height:100vh}.container #start .start-content .description{position:absolute;z-index:101;right:10vw;bottom:10vh;width:auto;height:60px;text-align:right}.container #start .start-content .description p{line-height:160%;color:#fff;font-size:14px;font-family:"Trebuchet MS",sans-serif;font-weight:700;letter-spacing:1px}.container #start .start-content .description p:first-child{text-transform:uppercase}.container #start .start-content .logo{position:absolute;z-index:100;left:calc(50vw - 250px);top:50px;width:500px;height:auto}.container #start .start-content .logo img,.container #start .start-content .wiggle video{width:100%;height:auto}.container #start .start-content .wiggle{position:absolute;z-index:0;background-image:url(../img/teaser/landscape/02702_EW_DUS_Ich_fliebs_Big_Banner.jpg);background-size:100%auto;background-repeat:no-repeat;background-position-y:center;top:0;left:0;width:100vw;height:100vh}.container #work .work-content{width:100%}.container #work .work-content h1{margin-bottom:100px}.container #work .work-content .work-categories{display:grid;grid-gap:6px;grid-template-rows:repeat(3,20vh);grid-template-columns:repeat(4,25%);justify-content:center}.container #work .work-content .work-categories .grid-item{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center top;border-radius:5px}.container #work .work-content .work-categories .grid-item:nth-child(1){background-image:url(../img/categories/Referenzen_Multipic-600px.jpg)}.container #work .work-content .work-categories .grid-item:nth-child(2){background-image:url(../img/categories/werbung1-660px.jpg)}.container #work .work-content .work-categories .grid-item:nth-child(3){background-image:url(../img/categories/folio_78_1_wired.jpg)}.container #work .work-content .work-categories .grid-item:nth-child(4){background-image:url(../img/categories/fashion-600px.jpg)}.container #work .work-content .work-categories .grid-item:nth-child(5){background-image:url(../img/categories/folio_82_1_cole-2-600px.jpg)}.container #work .work-content .work-categories .grid-item:nth-child(6){background-image:url(../img/categories/PORT-45.JPG)}.container #work .work-content .work-categories .grid-item:nth-child(7){background-image:url(../img/categories/folio_5_1_shark-600px.jpg)}.container #work .work-content .work-categories .grid-item:nth-child(8){background-image:url(../img/categories/folio_31_1_adac-600px.jpg)}.container #work .work-content .work-categories .grid-item:nth-child(9){background-image:url(../img/categories/freiearbeiten-600px.jpg);background-position:center center}.container #work .work-content .work-categories .grid-item:nth-child(10){background-image:url(../img/categories/folio_125_2_tiere-600px.jpg);background-position:center center}.container #work .work-content .work-categories .grid-item .grid-item-darker{z-index:5;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.container #work .work-content .work-categories .grid-item .grid-item-headline{position:absolute;left:0;top:0;z-index:6;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.container #work .work-content .work-categories .grid-item .grid-item-headline span{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;text-align:center;font-size:17px;font-weight:700;color:#fff;letter-spacing:4px;text-shadow:1px 1px 5px #000}}@media only screen and (orientation:landscape) and (min-height:500px){.container #work .work-content .work-categories .grid-item .grid-item-headline span{font-size:24px}}@media only screen and (orientation:landscape){.container #work .work-content .work-categories .landscape1{grid-column:1/3}.container #work .work-content .work-categories .landscape2{grid-column:3/5}.container #team .team-content{width:100%}.container #team .team-content .team-img{width:100%;min-height:400px;height:25vh;background-repeat:no-repeat;background-size:cover;background-position:center center;transform:translateY(100%);opacity:0;transition:all 500ms}}@media only screen and (orientation:landscape) and (max-width:767px){.container #team .team-content .team-img{background-image:url(../img/general/RDL_Motiv_2021_RGB_766x1.jpg)}}@media only screen and (orientation:landscape) and (max-width:767px) and (-webkit-max-device-pixel-ratio:2){.container #team .team-content .team-img{background-image:url(../img/general/RDL_Motiv_2021_RGB_766x2.jpg)}}@media only screen and (orientation:landscape) and (max-width:767px) and (-webkit-max-device-pixel-ratio:3){.container #team .team-content .team-img{background-image:url(../img/general/RDL_Motiv_2021_RGB.jpg)}}@media only screen and (orientation:landscape) and (min-width:768px) and (max-width:1023px){.container #team .team-content .team-img{background-image:url(../img/general/RDL_Motiv_2021_RGB_1023x1.jpg)}}@media only screen and (orientation:landscape) and (min-width:768px) and (max-width:1023px) and (-webkit-max-device-pixel-ratio:2){.container #team .team-content .team-img{background-image:url(../img/general/RDL_Motiv_2021_RGB_1023x2.jpg)}}@media only screen and (orientation:landscape) and (min-width:768px) and (max-width:1023px) and (-webkit-max-device-pixel-ratio:3){.container #team .team-content .team-img{background-image:url(../img/general/RDL_Motiv_2021_RGB.jpg)}}@media only screen and (orientation:landscape) and (min-width:1024px){.container #team .team-content .team-img{background-image:url(../img/general/RDL_Motiv_2021_RGB.jpg)}}@media only screen and (orientation:landscape){.container #team .team-content .fade{transform:translateY(0);opacity:1;transition:all 500ms}.container #service .service-content p,.container #service .service-content ul li,.container #team .team-content p{line-height:160%;margin-bottom:20px;letter-spacing:1px}.container #team .team-content p:first-of-type{margin-top:80px}.container #contact .contact-content,.container #service .service-content{width:100%}.container #service .service-content ul{margin:50px 0;list-style-type:none;padding-left:1em;list-style-position:outside}.container #service .service-content ul li::before{content:"•";color:#b34e96;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.container #service .service-content p:first-of-type{margin-top:50px}.container #contact .contact-content .contact-img{width:100%;min-height:150px;height:22vh;background-repeat:no-repeat;background-size:cover;background-position:center 20%}}@media only screen and (orientation:landscape) and (max-width:767px){.container #contact .contact-content .contact-img{background-image:url(../img/general/Studio_Panorama_RGB-766x1.jpg)}}@media only screen and (orientation:landscape) and (max-width:767px) and (-webkit-max-device-pixel-ratio:2){.container #contact .contact-content .contact-img{background-image:url(../img/general/Studio_Panorama_RGB-766x2.jpg)}}@media only screen and (orientation:landscape) and (max-width:767px) and (-webkit-max-device-pixel-ratio:3){.container #contact .contact-content .contact-img{background-image:url(../img/general/Studio_Panorama_RGB-766x3.jpg)}}@media only screen and (orientation:landscape) and (min-width:768px) and (max-width:1023px){.container #contact .contact-content .contact-img{background-image:url(../img/general/Studio_Panorama_RGB-1023x1.jpg)}}@media only screen and (orientation:landscape) and (min-width:768px) and (max-width:1023px) and (-webkit-max-device-pixel-ratio:2){.container #contact .contact-content .contact-img{background-image:url(../img/general/Studio_Panorama_RGB-1023x2.jpg)}}@media only screen and (orientation:landscape) and (min-width:768px) and (max-width:1023px) and (-webkit-max-device-pixel-ratio:3){.container #contact .contact-content .contact-img{background-image:url(../img/general/Studio_Panorama_RGB-1023x3.jpg)}}@media only screen and (orientation:landscape) and (min-width:1024px){.container #contact .contact-content .contact-img{background-image:url(../img/general/Studio_Panorama_RGB_xxl.jpg)}}@media only screen and (orientation:landscape){.container #contact .contact-content .contact-data{display:grid;grid-template-columns:repeat(2,50%);width:100%;height:auto}.container #contact .contact-content .contact-data div:nth-child(1){text-align:left}.container #contact .contact-content .contact-data div:nth-child(1) address p{font-style:normal;line-height:160%;margin-bottom:25px;letter-spacing:1px;margin-top:50px}.container #contact .contact-content .contact-data div:nth-child(1) a,.container #contact .contact-content .contact-data div:nth-child(1) p{font-style:normal;line-height:180%;margin-bottom:25px;letter-spacing:1px}.container #contact .contact-content .contact-data div:nth-child(2){position:relative}.container #contact .contact-content .contact-data div:nth-child(2) div{position:absolute;right:0;top:10%;width:100px;height:auto;padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255,255,255,.1);border-top-left-radius:5px;border-bottom-left-radius:5px}.container #contact .contact-content .contact-data div:nth-child(2) div img{display:block;width:50px;height:auto;margin:5px 0}.container #clients .clients-content{width:100%}.container #clients .clients-content h1{margin-bottom:25px}.container #clients .clients-content .clients-categories{display:grid;grid-gap:6px;grid-template-rows:repeat(2,22vh);grid-template-columns:repeat(2,calc(50% - 12px));justify-content:center}.container #clients .clients-content .clients-categories .grid-item{position:relative;background-repeat:no-repeat;background-size:cover;background-position:left top;border-radius:4px}.container #clients .clients-content .clients-categories .grid-item:nth-child(1){background-image:url(../img/categories/Ref_Fotografen_sRGB-60quali.jpg)}}@media only screen and (orientation:landscape) and (min-width:200px){.container #clients .clients-content .clients-categories .grid-item:nth-child(1){background-image:url(../img/categories/Ref_Fotografen_sRGB.jpg)}}@media only screen and (orientation:landscape){.container #clients .clients-content .clients-categories .grid-item:nth-child(2){background-image:url(../img/categories/Ref_Brands_sRGB-60quali.jpg)}}@media only screen and (orientation:landscape) and (min-width:2000px){.container #clients .clients-content .clients-categories .grid-item:nth-child(2){background-image:url(../img/categories/Ref_Brands_sRGB.jpg)}}@media only screen and (orientation:landscape){.container #clients .clients-content .clients-categories .grid-item:nth-child(3){background-image:url(../img/categories/Ref_Agenturen_sRGB-60quali.jpg)}}@media only screen and (orientation:landscape) and (min-width:2000px){.container #clients .clients-content .clients-categories .grid-item:nth-child(3){background-image:url(../img/categories/Ref_Agenturen_sRGB.jpg)}}@media only screen and (orientation:landscape){.container #clients .clients-content .clients-categories .grid-item:nth-child(4){background-image:url(../img/categories/Ref_Magazine_sRGB-60quali.jpg)}}@media only screen and (orientation:landscape) and (min-width:2000px){.container #clients .clients-content .clients-categories .grid-item:nth-child(4){background-image:url(../img/categories/Ref_Magazine_sRGB.jpg)}}@media only screen and (orientation:landscape){.container #clients .clients-content .clients-categories .grid-item .grid-item-darker{z-index:5;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.container #clients .clients-content .clients-categories .grid-item .grid-item-headline{position:absolute;left:0;top:0;z-index:6;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.container #clients .clients-content .clients-categories .grid-item .grid-item-headline span{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;text-align:center;font-size:20px;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:1px 1px 5px #000}}@media only screen and (orientation:landscape) and (min-height:500px){.container #clients .clients-content .clients-categories .grid-item .grid-item-headline span{font-size:24px}}@media only screen and (orientation:landscape){.container #portfolio{width:100%;max-width:1400px}.container #portfolio .portfolio-content{width:100%}.container #portfolio .portfolio-content h2{font-size:14px;margin-bottom:5px}.container #portfolio .portfolio-content h2:last-of-type,.container #portfolio .portfolio-detail-content h2:last-of-type{margin-bottom:50px}.container #portfolio .portfolio-content .portfolio-grid{display:grid;grid-gap:10px;grid-template-columns:repeat(3,calc(30% - 30px));justify-content:center}.container #portfolio .portfolio-content .portfolio-grid .grid-item{position:relative;height:250px;transform:translateY(100%);opacity:0;transition:all 500ms;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.container #portfolio .portfolio-content .portfolio-grid .grid-item img{position:absolute;z-index:999;width:125%;height:auto}.container #portfolio .portfolio-content .portfolio-grid .grid-item .grit-item-details{position:absolute;z-index:1000;left:0;bottom:0;background-color:rgba(0,0,0,.8);width:100%;height:50%;transform:translateY(100%);opacity:0;transition:all 500ms;display:flex;flex-direction:column;justify-content:center}.container #portfolio .portfolio-content .portfolio-grid .grid-item .grit-item-details p{text-transform:uppercase;color:#fff;text-align:center;letter-spacing:1.5px;font-size:14px;margin-bottom:5px}.container #portfolio .portfolio-content .portfolio-grid .grid-item:hover .grit-item-details{opacity:1;transform:translateY(0)}.container #portfolio .portfolio-content .portfolio-grid .fade{transform:translateY(0);opacity:1;transition:all 500ms}.container #portfolio .portfolio-content .portfolio-grid-reference-overview{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.container #portfolio .portfolio-content .portfolio-grid-reference-overview .grid-item{width:48%;height:250px;overflow:hidden;margin:0 5px 10px;transform:translateY(100%);opacity:0;transition:all 500ms}.container #impressum,.container #portfolio .portfolio-content .portfolio-grid-reference-overview .grid-item img,.container #portfolio .portfolio-content .portfolio-grid-reference-overview .grid-item picture{width:100%;height:auto}.container #portfolio .portfolio-content .portfolio-grid-reference-overview .fade{transform:translateX(0);opacity:1;transition:all 500ms}.container #portfolio .portfolio-detail-content{width:100%;max-width:1200px;margin:0 auto;overflow:hidden}.container #portfolio .portfolio-detail-content h2{font-size:14px;margin-bottom:10px}.container #portfolio .portfolio-detail-content .portfolio-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}.container #portfolio .portfolio-detail-content .portfolio-grid picture{margin-bottom:5px;margin-left:4px;margin-right:4px;transform:translateX(100%);opacity:0;transition:all 500ms}.container #portfolio .portfolio-detail-content .portfolio-grid .img-landscape,.container #portfolio .portfolio-detail-content .portfolio-grid .img-landscape img,.container #portfolio .portfolio-detail-content .portfolio-grid .img-landscape source,.container #portfolio .portfolio-detail-content .portfolio-grid .img-portrait img,.container #portfolio .portfolio-detail-content .portfolio-grid .img-portrait source{width:100%;max-width:100%}.container #portfolio .portfolio-detail-content .portfolio-grid .img-portrait{width:48%;max-width:48%;height:auto;max-height:90vh}.container #portfolio .portfolio-detail-content .portfolio-grid .fade{transform:translateX(0);opacity:1;transition:all 500ms}.container #references .references-content{width:100%;margin-bottom:10vh}.container #references .references-content h1{margin-bottom:10vh}.container #references .references-content .references-grid{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:center}.container #references .references-content .references-grid a{font-size:92%;text-transform:uppercase;color:#676d00;margin-left:22px;margin-bottom:15px;letter-spacing:1px;transition:all 400ms ease-in-out}.container #references .references-content .references-grid a:hover{color:#b34e96;letter-spacing:1.8px}.container #impressum .impressum-content h1{margin-bottom:20px}.container #impressum .impressum-content h2{color:#c5c5c5;text-align:left;margin-top:50px;margin-bottom:15px}.container #impressum .impressum-content h3{margin-top:40px;color:#c5c5c5;margin-bottom:20px}.container #impressum .impressum-content a,.container #impressum .impressum-content p,.container #impressum .impressum-content ul li{font-family:"Roboto",sans-serif;margin-bottom:20px;letter-spacing:1.5px;font-size:14px;line-height:20px}.container #impressum .impressum-content ul{list-style:circle;margin-left:50px}.container #impressum .impressum-content ul li{color:#c5c5c5}.container #impressum .impressum-content a{font-weight:700}.container #impressum .impressum-content hr{width:100%;background-color:#c5c5c5;margin-bottom:10px}.container footer{position:absolute;bottom:0;left:10%;box-sizing:border-box;width:80%;padding:2vh 0}.container footer .footer-content{display:grid;grid-gap:6px;grid-template-columns:20% 20% 60%;justify-content:space-between}}@media only screen and (orientation:landscape) and (min-width:1200px){.container footer .footer-content{grid-template-columns:20% 20% 60%;justify-content:flex-start}}@media only screen and (orientation:landscape){.container footer .footer-content div{display:flex;flex-direction:column;justify-content:space-between}.container footer .footer-content div a{display:block;font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:2px;font-size:9px}}@media only screen and (orientation:landscape) and (min-width:600px){.container footer .footer-content div a{font-size:11px}}@media only screen and (orientation:landscape) and (min-width:700px){.container footer .footer-content div a{font-size:14px}}@media only screen and (orientation:landscape){.container footer .footer-content div img{display:block;width:30%;height:auto;margin-left:70%}}@media only screen and (orientation:landscape) and (min-height:600px){.container footer .footer-content div img{width:20%;margin-left:80%}}@media only screen and (orientation:landscape) and (min-width:1200px){.container footer .footer-content div img{width:15%;margin-left:85%}}@media only screen and (orientation:landscape) and (min-width:700px){#hamburg{width:55px;height:55px}.navigation{top:-5000px}.navigation .navigation-container ul{max-width:700px}.navigation .navigation-container ul li a{font-size:120%}}@media only screen and (orientation:landscape) and (min-width:1400px){.navigation .navigation-container ul{max-width:860px}.navigation .navigation-container ul li a{font-size:140%}.container #start .start-content .logo{right:20vw;width:400px;height:auto}.container #portfolio .portfolio-content{width:100%}.container #portfolio .portfolio-content .portfolio-grid{display:grid;grid-gap:10px;grid-template-columns:repeat(3,calc(33% - 30px));justify-content:center}}@media only screen and (orientation:landscape) and (min-width:2200px){.container footer .footer-content{display:grid;grid-gap:6px;grid-template-columns:10% 10% 80%}.container footer .footer-content div img{width:10%;margin-left:90%}}