@font-face{font-family:"Spectral";src:url("./Spectral/Spectral-ExtraLight.ttf") format("truetype")}@font-face{font-family:"Inter";src:url("./static/Inter-Regular.ttf")}@font-face{font-family:"Inter";src:url("./static/Inter-Bold.ttf");font-weight:800}*{box-sizing:border-box;transition-duration:.5s}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:#d9d9d9;overflow-x:hidden}header{width:100%;height:100vh;overflow:hidden;position:relative}a{text-decoration:none;color:none}li{list-style:none}.target{position:relative;top:0;width:100%}#wrapper{width:100%;margin:0;animation-duration:1.8s;animation-iteration-count:1;animation-name:onIn;animation-timing-function:ease-in-out;opacity:1}@keyframes onIn{from{opacity:0;scale:1.3;margin-top:200px}to{margin-top:0;opacity:1;scale:1}}.background-Header{position:absolute;z-index:0;bottom:0;left:50%;transform:translate(-50%, 0%);width:100%;background-size:cover;background-position:center;height:100%}#Start{background-image:url("https://cloud.rezepoge.de/apps/files_sharing/publicpreview/JEdgkcnLd279kf5?file=/&fileId=273564&x=1920&y=1080&a=true")}@media only screen and (max-width: 700px){#Start{scale:1.2;background-position-x:20%;background-position-y:-50px}}#Leistungen{background-image:url("https://cloud.rezepoge.de/apps/files_sharing/publicpreview/4GE6BYg8LDTM4og?file=/&fileId=273537&x=1920&y=1080&a=true")}@media only screen and (max-width: 700px){#Leistungen{background-position-x:20%}}#Kontakt{background-image:url("https://cloud.rezepoge.de/apps/files_sharing/publicpreview/xeFk43HmnrH3WDw?file=/&fileId=273529&x=1920&y=1080&a=true")}@media only screen and (max-width: 700px){#Kontakt{background-position-x:20%;background-position-y:-50px;scale:1.2}}#Impressum{background-image:url("https://cloud.rezepoge.de/apps/files_sharing/publicpreview/34CjtQaEgmKtLxf?file=/&fileId=275504&x=1920&y=1080&a=true")}@media only screen and (max-width: 700px){#Impressum{background-position-x:30%;background-position-y:-50px;scale:1.2}}#Datenschutz{background-image:url("https://cloud.rezepoge.de/apps/files_sharing/publicpreview/M4oFdC5FedskMwe?file=/&fileId=275522&x=1920&y=1080&a=true")}@media only screen and (max-width: 700px){#Datenschutz{background-position-x:right}}@media only screen and (max-width: 560px){#Datenschutz{background-position-x:0%}}.head{font-family:"Spectral",serif;z-index:1;display:block;color:#d9d9d9;white-space:nowrap;position:absolute;left:50%;top:40%;transform:translate(-50%, -50%);margin:30px;transition-duration:0}.head .item{opacity:1;animation-name:start;animation-duration:2s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:ease}.head .item:hover{opacity:1}@keyframes start{0%{opacity:0;top:50%;left:50%;bottom:50%;right:50%;transform:translate(-50%, -50%)}20%{opacity:0}}.head__Main{font-size:30px;padding:8px}.head__Regie{position:absolute;font-size:20px;margin:0;left:-32px;top:50%;transform:translate(-50%, -50%)}.head__Kamera{position:absolute;font-size:20px;top:-8px;right:0}.head__Schnitt{position:absolute;font-size:20px;left:50%;bottom:-8px;margin:0;transform:translate(-50%, -50%)}.head__Andre{position:absolute;font-size:20px;top:-8px;left:-16px}.head__Faassen{position:absolute;font-size:20px;left:50%;bottom:-8px;margin:0;transform:translate(-50%, -50%)}.navigation{display:flex;justify-content:space-around;align-items:center;position:absolute;z-index:1;bottom:0;padding:0 50px;height:64px}@media only screen and (max-width: 1024px){.navigation{width:100%;bottom:8%}}@media only screen and (min-width: 1024px){.navigation{justify-content:flex-start;margin:64px}}.navigation__List{display:flex;justify-content:space-around;align-items:center;font-family:"Inter",sans-serif;padding:0}.navigation__List--Item{color:#d9d9d9;margin-left:15px;margin-right:15px;font-size:20px;padding:8px;border-radius:4px}.navigation__List--Item #first{text-decoration:underline}.navigation__List--Item:hover{font-size:21px;font-weight:600;background-color:rgba(217,217,217,.4196078431)}.navigation__List--Item.active{text-decoration:underline}.scrollDown{display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:17%;left:49.5%;height:32px;width:32px;transform:translate(-50%, -50%)}.scrollDown__Img{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(./Img/Pfeil__Icon.svg);width:100%;height:100%}.scrollDown__Img:hover{scale:1.2}.social{display:flex;justify-content:space-around;align-items:center;position:absolute;z-index:1;width:96px;height:64px;padding:0 50px}@media only screen and (min-width: 1024px){.social{bottom:0;right:0;margin:64px}}@media only screen and (max-width: 1024px){.social{bottom:30%;left:50%;transform:translate(-50%, -50%)}}.social__Item{display:flex;justify-content:space-around;align-items:center;height:24px;width:24px;margin-right:8px;margin-left:8px;cursor:pointer}.social__Item:hover{scale:1.2}.social #Instagram{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(./Img/Instagram__Icon.svg)}.social #Youtube{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(./Img/Youtube__Icon.svg)}section{width:100%;overflow:hidden;min-height:100vh}.bottom-Headline{display:flex;justify-content:space-around;align-items:center;justify-content:center;background-color:#d9d9d9;position:sticky;bottom:0;width:100%;height:50px;z-index:5;padding:0;margin:auto;margin-top:10px;box-shadow:rgba(30,30,30,.1568627451) 0px -1px 2px 0px}@media only screen and (min-width: 2000px){.bottom-Headline{height:200px}}.bottom-Headline__Sub{font-family:"Inter",sans-serif;display:flex;justify-content:space-around;align-items:center;opacity:.8}.bottom-Headline__Sub a{color:#1e1e1e;font-size:18px}.bottom-Headline__Sub a:hover{color:#1d556f;font-size:19.8px}.bottom-Headline__Main{font-family:"Inter",sans-serif;display:flex;justify-content:space-around;align-items:center;font-size:20px;padding-right:16px;padding-left:16px}.overlay{display:flex;justify-content:space-around;align-items:center;position:absolute;overflow:hidden;z-index:99;background-color:#1e1e1e;top:-10%;left:0;height:120%;width:100%}.popUp{width:1000px;padding-bottom:32px;border-radius:10px;position:relative;display:grid;grid-template-columns:500px 500px;grid-template-rows:auto;justify-content:center}@media only screen and (max-width: 1024px){.popUp{grid-template-columns:500px;width:300px}}.popUp__Video{width:500px;border-radius:8px;margin-bottom:32px}@media only screen and (max-width: 1024px){.popUp__Video{width:300px;margin:auto}}.popUp__Image{width:400px;border-radius:8px;justify-self:flex-end;margin-bottom:32px}@media only screen and (max-width: 1024px){.popUp__Image{width:300px;margin:auto}}.popUp__Text{display:flex;justify-content:space-around;align-items:center;flex-direction:column;align-items:flex-end;justify-content:start;width:500px;font-size:18px;padding-bottom:16px;grid-area:1/2}@media only screen and (max-width: 1024px){.popUp__Text{grid-area:2;align-items:flex-start;width:300px;margin:auto}}.popUp__Text--Title{font-family:"Inter",sans-serif;border-radius:8px;font-weight:800;color:#288fb4;width:400px;padding-bottom:8px;padding-top:8px;padding-left:24px;padding-right:8px;margin-left:32px;margin-top:0;margin-bottom:0;font-size:20px}@media only screen and (max-width: 1024px){.popUp__Text--Title{width:300px;margin:auto;margin-bottom:16px;margin-top:32px}}.popUp__Text--Content{font-family:"Inter",sans-serif;width:400px;border-radius:8px;padding-bottom:32px;padding-top:16px;padding-right:8px;padding-left:8px;margin-left:32px;margin-top:0;opacity:.8;font-size:18px;color:#d9d9d9}@media only screen and (max-width: 1024px){.popUp__Text--Content{width:300px;margin:auto;margin-bottom:16px}}.popUp__Close{font-family:"Inter",sans-serif;display:flex;justify-content:space-around;align-items:center;color:#d9d9d9;background-color:#1d556f;position:absolute;bottom:-32px;z-index:10;right:0;cursor:pointer;font-size:18px;padding:8px 16px;border-radius:5px;grid-area:2}@media only screen and (max-width: 1024px){.popUp__Close{right:50%;bottom:0}}.popUp__Close:hover{background-color:#fa360a;scale:1.1}.layout{width:1000px;margin-right:auto;margin-left:auto;display:grid;justify-content:center;grid-template-columns:repeat(3, 300px);-moz-column-gap:32px;column-gap:32px;margin-top:100px;padding-top:140px;padding-bottom:40px;border-radius:5px;opacity:0}@media only screen and (min-width: 700px){.layout:has(.card){grid-auto-rows:250px}}@media only screen and (max-width: 1024px){.layout{grid-template-columns:repeat(2, 300px);-moz-column-gap:32px;column-gap:32px;width:632px;margin-top:0}}@media only screen and (max-width: 700px){.layout{grid-template-columns:40% 40%;width:100%;-moz-column-gap:16px;column-gap:16px;row-gap:0}.layout:has(.contact){grid-template-rows:repeat(1, 160px)}}.layout__Ul{grid-column:1/4}@media only screen and (max-width: 1024px){.layout__Ul{grid-column:1/3}}.card{font-family:"Inter",sans-serif;width:300px;height:auto;padding-bottom:32px}@media only screen and (max-width: 700px){.card{width:100%}}.card__Img{width:300px;height:150px;overflow:hidden;cursor:pointer;border-radius:8px;position:relative;border:0 solid #1e1e1e;transition-duration:.5s}.card__Img:hover{border:10px solid #d9d9d9;transition-duration:.5s}@media only screen and (max-width: 700px){.card__Img{width:100%;height:auto}}.card__Img--Item{position:absolute;width:100%;z-index:2}@media only screen and (max-width: 700px){.card__Img--Item{position:static;opacity:1 !important}}.card__Img--Hover{position:absolute;width:100%;z-index:1;opacity:0}@media only screen and (max-width: 700px){.card__Img--Hover{display:none}}.card__Work{font-size:16px;margin:0;margin-left:16px;margin-top:12px;font-weight:800;color:#288fb4}@media only screen and (max-width: 700px){.card__Work{font-size:10px}}.card__Title{font-size:18px;margin:0;margin-left:24px}@media only screen and (max-width: 700px){.card__Title{font-size:10px}}.card__Type{font-size:16px;margin:0;margin-left:16px;opacity:.7}@media only screen and (max-width: 700px){.card__Type{font-size:10px}}.personal{height:auto;grid-area:1/1/3/1;padding-bottom:32px;margin-top:-200px}@media only screen and (max-width: 700px){.personal{width:100%;justify-self:center;grid-area:1/1/4/3}}.personal__Img{width:100%;overflow:hidden;cursor:pointer}@media only screen and (max-width: 700px){.personal__Img{height:280px}}.personal__Img--Item{border:0 solid #1e1e1e;transition-duration:.5s;width:100%;border-radius:5px}.personal__Img--Item:hover{border:10px solid #d9d9d9;transition-duration:.5s}.personal__Title{font-family:"Spectral",serif;width:100%;font-size:20px;margin-left:16px;margin-top:16px;margin-bottom:16px;opacity:.7;font-weight:600}.personal__Description{font-family:"Inter",sans-serif;font-size:16px;width:100%}.readMore{font-family:"Inter",sans-serif;display:inline;margin-left:5px;font-weight:600;color:#288fb4;cursor:pointer}.readMore:hover{color:#fa360a}.scrollTop{background-color:#288fb4;width:35px;height:35px;padding:8px;position:absolute;left:85%;bottom:17%;cursor:pointer;border-radius:5px;z-index:4;opacity:.8;border:0 solid #1e1e1e;transition-duration:.5s;transform:translate(-50%, -50%)}@media only screen and (max-width: 1024px){.scrollTop{bottom:64px;left:50%}.check~.scrollTop{bottom:-16px}}@media only screen and (min-width: 2000px){.scrollTop{bottom:340px}}.scrollTop:hover{border:1px solid #d9d9d9;border-radius:10px;transition-duration:.5s;opacity:1}.scrollTop__Img{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(./Img/Pfeil__Icon.svg);width:100%;height:100%;transform:rotate(180deg);border-radius:5px}.textBox{width:300px;min-height:160px;padding-bottom:32px;padding-top:32px;margin-top:100px}@media only screen and (max-width: 700px){.textBox{grid-column:1/3;width:80%;justify-self:center}}.textBox__Title{font-family:"Spectral",serif;margin:0;margin-bottom:10px;margin-left:16px}.textBox__Title--Icon{font-family:"Spectral",serif;color:#288fb4;height:24px;margin-left:64px;padding-top:16px;font-size:30px;font-weight:600}.textBox__Text{font-family:"Inter",sans-serif;margin:0;font-size:16px;font-weight:300}.linkTo{display:flex;justify-content:space-around;align-items:center;justify-content:flex-start;padding:16px;height:16px;background-color:#288fb4;border-radius:8px;margin-top:64px;margin-bottom:32px;opacity:0}@media only screen and (max-width: 700px){.linkTo{grid-column:1/3;justify-self:center}}.linkTo:hover{scale:.95;border:solid #1e1e1e 2px}.linkTo__Text{font-family:"Inter",sans-serif;font-size:18px;margin-left:16px;color:#d9d9d9}@media only screen and (max-width: 700px){.linkTo__Text{margin-left:0}}.form{display:flex;flex-direction:column;width:100%;height:auto}@media only screen and (max-width: 700px){.form{grid-column:1/3;width:80%;justify-self:center;margin-top:32px;margin-bottom:32px}}.form__Label{font-family:"Spectral",serif;font-weight:400;font-size:16px;color:#1e1e1e;margin-left:16px;padding-bottom:8px}.form__Input{font-family:"Inter",sans-serif;font-weight:300;padding-bottom:8px;padding-top:8px;padding-left:8px;padding-right:4px;border:none;height:auto;width:100%;background-color:#f9f9f9;margin-bottom:16px;border-radius:4px}.form__Input:focus,.form__Input:active{outline:none;border:solid 2px #288fb4}.form #textBox{min-height:90px;max-height:300px;transition-duration:0s}.form__Submit{font-family:"Inter",sans-serif;display:flex;justify-content:space-around;align-items:center;padding-bottom:8px;padding-top:8px;padding-left:8px;padding-right:4px;height:32px;width:96px;box-sizing:border-box;border:none;font-weight:600;color:#f9f9f9;margin-left:16px;margin-top:8px;background-color:#288fb4;border-radius:4px;cursor:pointer}.form__Submit:hover{background-color:#fa360a;scale:1.1;opacity:.85}.submit{display:flex;justify-content:space-around;align-items:center;flex-direction:column;justify-content:center;align-items:center;width:300px;border-radius:8px;background-color:#f9f9f9;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:16px;padding-bottom:32px;padding-top:32px;box-shadow:#288fb4 0px 5px 15px;overflow:hidden}.submit__Content{padding-left:16px;padding-right:16px;width:300px}.submit__Content h3{font-family:"Spectral",serif;font-size:18px;margin:0;margin-left:16px;padding-bottom:8px}.submit__Content p{font-family:"Inter",sans-serif;margin:0}.submit-Start{animation-name:startSubmit;animation-duration:2s;animation-iteration-count:1}@keyframes startSubmit{from{width:0}to{width:300px}}.contact{width:100%;align-self:center;margin-left:16px}@media only screen and (max-width: 700px){.contact{grid-column:1/3;width:80%;justify-self:flex-start;margin-top:32px;margin-bottom:32px}}.contact h3{font-family:"Spectral",serif;font-size:18px;margin:0;margin-left:16px}.contact p{font-family:"Inter",sans-serif;margin:0}.fullWidth-Box{margin-left:32px;margin-right:32px;grid-column:1/4;font-family:"Inter",sans-serif}.fullWidth-Box h2{font-family:"Spectral",serif;font-size:20px;margin-left:16px}.fullWidth-Box h3{font-family:"Spectral",serif;margin-left:16px;font-size:18px;opacity:.8}.fullWidth-Box p{font-size:16px}.end{font-family:"Inter",sans-serif;display:flex;justify-content:space-around;align-items:center;z-index:1;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;width:85%;height:auto;opacity:.7;padding-bottom:32px;padding-top:16px;font-size:16px;margin:auto;color:#1e1e1e}.end a{color:#1e1e1e}.end a:hover{color:#1d556f}.end__Ad{display:flex;justify-content:space-around;align-items:center;width:250px;margin-top:8px;margin-bottom:8px}@media only screen and (max-width: 700px){.end__Ad{width:100%}}.end__Catch{display:flex;justify-content:space-around;align-items:center;width:250px;margin-top:8px;margin-bottom:16px}@media only screen and (max-width: 700px){.end__Catch{width:100%}}.end__Catch--Item{margin-left:8px;margin-right:8px}.end__Rights{display:flex;justify-content:space-around;align-items:center;width:250px;margin-top:8px;margin-bottom:8px}@media only screen and (max-width: 700px){.end__Rights{width:100%}}