*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;overflow-x:hidden}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--ff-text:'Raleway',sans-serif;--ff-decorative_bold:"Shocka Bold",serif;--ff-decorative_light:"Shocka Light",serif;--fs-xs:.8rem;--fs-50:1rem;--fs-100:1.2rem;--fs-200:1.4rem;--fs-300:2rem;--fs-600:2.5rem;--fs-900:3.5rem;--fs-xl:4rem;--clr-o-high:.4;--clr-o-low:.8;--clr-primary-900:hsla(182,100%,17%,1);--clr-primary-600:hsla(182,100%,23%,1);--clr-primary-300:hsla(182,100%,29%,1);--clr-primary-200:hsla(182,100%,36%,1);--clr-primary-100:hsla(182,49%,66%,1);--clr-primary-900-o-high:hsla(182,100%,17%,var(--clr-o-high));--clr-primary-600-o-high:hsla(182,100%,23%,var(--clr-o-high));--clr-primary-300-o-high:hsla(182,100%,29%,var(--clr-o-high));--clr-primary-200-o-high:hsla(182,100%,36%,var(--clr-o-high));--clr-primary-100-o-high:hsla(182,49%,66%,var(--clr-o-high));--clr-primary-900-o-low:hsla(182,100%,17%,var(--clr-o-low));--clr-primary-600-o-low:hsla(182,100%,23%,var(--clr-o-low));--clr-primary-300-o-low:hsla(182,100%,29%,var(--clr-o-low));--clr-primary-200-o-low:hsla(182,100%,36%,var(--clr-o-low));--clr-primary-100-o-low:hsla(182,49%,66%,var(--clr-o-low));--clr-neutral-100:hsla(0,52%,95%,1);--clr-neutral-100-o-low:hsla(0,52%,95%,var(--clr-o-low));--clr-neutral-200:hsla(0,9%,78%,1);--clr-neutral-300:hsla(0,6%,69%,1);--clr-neutral-600:hsla(0,3%,60%,1);--clr-neutral-900:hsla(0,0%,24%,1);--clr-neutral-1000:hsla(0,0%,18%,1)}
body{font-family:var(--ff-text);font-size:var(--fs-100);background:var(--clr-neutral-900);color:var(--clr-neutral-100);font-variation-settings:'wght' 100}a{color:var(--clr-primary-100)}.container{margin-inline:auto;padding-inline:2rem;overflow:hidden;margin:1rem 0}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.no-js .js{display:none}body:not(.no-js) .no-js{display:none}.lazy[data-loaded=false]{display:none}.resize-animation-stopper *{animation:none !important;transition:none !important}.button{padding:.5rem 1rem;width:100%;font-variation-settings:'wght' 700;font-weight:700;color:var(--clr-neutral-100);cursor:pointer;background:linear-gradient(45deg,var(--clr-primary-200) 0%,var(--clr-primary-900) 70%);text-align:center;display:inline-flex;align-items:center;background-size:200%;background-position:right;transition:background-position .5s,color .5s;border-radius:50px 85px/65px 20px;justify-content:center;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.button:hover{background-position:left;color:var(--clr-neutral-1000)}.scroller{position:relative;display:flex;align-items:center}.scroller .elements{--size-3:.5em;--_spacer:1em;--_ms-bg:var(--clr-neutral-1000);display:grid;gap:var(--_spacer);grid-auto-flow:column;grid-auto-columns:40%;padding:0 var(--_spacer) var(--_spacer);scroll-behavior:smooth;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none}.scroller .elements::-webkit-scrollbar{display:none}.scroller .elements{grid-auto-columns:85%}@media (min-width:45em){.scroller .elements{grid-auto-columns:35%}}@media (min-width:100em){.scroller .elements{grid-auto-columns:22%}}.scroller .element{display:grid;grid-template-rows:min-content;gap:var(--_spacer);padding:var(--_spacer);background:var(--_ms-bg);background:radial-gradient(circle,var(--clr-neutral-1000) 31%,#00000000 100%);position:relative}.scroller .nav{align-items:center;z-index:5}.scroller .nav>*{display:flex;position:absolute;padding:.1em;background:#00000082;text-decoration:none;color:#fff;cursor:pointer;font-size:var(--fs-600);transform:translateY(-50%);height:100%;align-items:center}
.scroller .nav .next{right:0;background:linear-gradient(270deg,rgba(0,0,0,.8) 33%,rgba(0,212,255,0) 100%)}.scroller .nav .prev{background:linear-gradient(90deg,rgba(0,0,0,.8) 33%,rgba(0,212,255,0) 100%);left:0}.scroller .nav .hidden{display:none}.scroller .element>img{inline-size:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(.5);transition:.1s filter ease;-webkit-mask-image:linear-gradient(45deg,#ffffff00 5%,#000 50%,#ffffff00 95%);mask-image:linear-gradient(45deg,#ffffff00 5%,#000 50%,#ffffff00 95%)}.scroller .element:hover>img{filter:grayscale(0)}.snaps-inline{scroll-snap-type:inline mandatory;scroll-padding-inline:var(--_spacer,1rem)}.snaps-inline>*{scroll-snap-align:start}.grid .elements{--_ms-bg:var(--clr-neutral-1000);gap:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,.5fr));justify-items:center;align-items:stretch;justify-content:center}.grid .nav{display:none}.grid .element{background:var(--_ms-bg);background:radial-gradient(circle,var(--clr-neutral-1000) 31%,#00000000 100%);display:flex;flex-direction:column;justify-content:space-between}
section.image__hero{width:100vw;height:max(25vh,10em);display:flex;margin:0 0 -2em;-webkit-mask-image:linear-gradient(180deg,#fff 0%,#000 70%,#ffffff00 100%);mask-image:linear-gradient(180deg,#fff 0%,#000 70%,#ffffff00 100%)}section.image__hero img{width:100%;height:100%;object-fit:cover}section.image__hero.centered{justify-content:center;background:#000}section.image__hero.centered img{max-width:45rem;-webkit-mask-image:radial-gradient(circle,#fff,transparent);mask-image:radial-gradient(circle,#fff,transparent)}.primary-navigation{display:flex;list-style:none;padding:0;margin:0;gap:2em;justify-content:flex-start;font-variation-settings:'wght' 300;background:radial-gradient(circle farthest-side at bottom right,var(--clr-primary-300-o-low) 0%,var(--clr-primary-600-o-low) 50%)}.primary-navigation a{text-decoration:none;color:var(--clr-neutral-100)}.primary-navigation li{text-transform:uppercase;color:var(--clr-neutral-100);position:relative}.primary-navigation a:before{content:'';display:inline-block;width:100%;height:100%;position:absolute;border-bottom:1px solid #fff;border-top:1px solid #fff;transition:transform .25s ease;transform:scaleX(0) translateY(-2px);z-index:-1}
.primary-navigation a:hover:before{transform:scaleX(1) translateY(-2px)}.sub-navigation{display:none;padding:1rem;position:absolute;background:radial-gradient(circle farthest-side at bottom right,var(--clr-primary-300-o-high) 0%,var(--clr-primary-600-o-high) 100%);backdrop-filter:blur(1rem)}.sub-navigation li{list-style:none;max-width:fit-content}.sub-navigation ul{margin:0;padding:0;display:flex;flex-direction:column;gap:1em}.primary-navigation li:hover .sub-navigation{display:block}.mobile-nav-close a{display:none}.primary-navigation{gap:1em;font-size:var(--fs-200);position:fixed;z-index:1000;flex-direction:column;padding:min(20vh,10rem) 1em;transform:translateX(100%);transition:transform .35s ease-out;max-width:20rem;width:max(30%,15rem);height:100vh;right:0}@media (max-width:20em){.primary-navigation{padding:4em 1em}}.sub-navigation{display:flex;background:0;backdrop-filter:none;padding:0 0 0 1em;position:unset;font-size:90%}.sub-navigation ul{gap:.6em;margin:.5em 0}.primary-header{justify-content:normal}
.primary-navigation[data-visible=true],.primary-navigation:target{transform:translateX(0%)}@supports (backdrop-filter:blur(1rem)){.primary-navigation{background:radial-gradient(circle farthest-side at bottom right,var(--clr-primary-300-o-high) 0%,var(--clr-primary-600-o-high) 100%);backdrop-filter:blur(1rem)}}.mobile-nav-toggle{display:flex;position:fixed;width:3rem;border:0;aspect-ratio:1;top:.7rem;right:.7rem;z-index:9999;background:radial-gradient(circle farthest-side at bottom right,var(--clr-primary-300) 0%,var(--clr-primary-900) 100%);justify-content:center;align-items:center;border-radius:3rem}.mobile-nav-toggle[aria-expanded=true] .nav-open{display:none}.mobile-nav-toggle[aria-expanded=false] .nav-close{display:none}.mobile-nav-close a{display:inline-block;font-size:var(--fs-100)}h1,h2,h3,h4{font-family:var(--ff-decorative_bold);word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}h1{display:flex;flex-direction:column;align-items:center;font-size:var(--fs-900);text-align:center;line-height:.8;margin:0 0 .5rem}
h2{padding:1em 1em 0;letter-spacing:.1rem;font-size:var(--fs-300);text-transform:uppercase}h3{font-family:var(--ff-decorative_light);letter-spacing:.2rem;font-size:var(--fs-300);color:var(--clr-primary-200)}@media (max-width:30em){h2{font-size:var(--fs-200)}h3{font-size:var(--fs-200)}body{font-size:var(--fs-50)}}.logo img{width:5rem}section.headline{margin:0;text-align:center}section.headline.colored{background:radial-gradient(circle farthest-side at bottom right,var(--clr-primary-300) 0%,var(--clr-primary-900) 100%)}section.headline .logo{display:flex;justify-content:center}section.contact{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1rem;flex-direction:column;align-content:center}section.contact>*:not(h2){font-size:var(--fs-200);max-width:35rem}.skip{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{position:static;width:auto;height:auto}section{font-weight:lighter;margin:5rem}@media (max-width:45em){section{margin:1rem}}section>span{padding:0 1rem;margin:0 2rem 1rem;max-width:60rem;display:inline-block}
p{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}main.portfolio .gallery{margin:0 0 5rem}.side-by-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:2rem;justify-content:center;margin:0 0 2rem}.side-by-side .image{overflow:hidden;max-height:20rem;max-height:30rem}.side-by-side *{grid-row-start:1}.side-by-side .image{grid-column-start:2}.side-by-side .text{grid-column-start:1}@media (max-width:34em){.side-by-side .image{grid-column-start:1}.side-by-side .text{grid-column-start:1}.side-by-side *{grid-row-start:auto}}.relevant_content a{text-decoration:none}.testamonial{margin-bottom:2rem}.testamonial.element{display:flex;flex-direction:column;justify-content:center;gap:0}.testamonial .quote{margin:0 0 1rem}.testamonial .quote p{margin:0 0 1rem}.testamonial .name,.testamonial .info{text-align:right;line-height:1}.testamonial .info{opacity:.85;font-size:var(--fs-xs);font-style:italic}.testamonials .elements{align-items:center}.price_table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5em;justify-content:center}
@media (max-width:45em){.price_table{grid-template-columns:.9fr}}.price{display:flex;flex-direction:column;justify-content:space-between;position:relative;margin:2rem 0;align-items:center;max-width:max(13rem,100%)}.price .header{font-size:var(--fs-300);text-align:center;border-bottom:1px solid var(--clr-primary-600);border-top:1px solid var(--clr-primary-600);width:100%}.price.focus .header{background:var(--clr-primary-600)}.price .header *{display:inline-block;width:100%}.price .subtitle{font-size:var(--fs-200)}.price .title{font-weight:700}.price .activities{height:100%}.price .activities li{margin:.5em 0}.price .amount{font-size:var(--fs-300);color:var(--clr-primary-100);margin:.5em 0;font-variation-settings:'wght' 700;font-weight:700}.price.focus:before{content:"Meist gebucht";background:var(--clr-primary-200);color:var(--clr-neutral-1000);text-align:center;font-size:var(--fs-xs);font-weight:900;position:absolute;right:-1.5rem;width:min-content;padding:.5rem;border-radius:50px 85px/65px 20px;z-index:100;transform:translateY(-50%)}
form span.label{font-size:var(--fs-50);font-weight:700}.content__fromular form{color-scheme:dark;display:flex;flex-direction:column}label{display:flex;flex-direction:column;align-items:baseline}label.mandatory span:after{content:"*";color:var(--clr-primary-100);padding:0 .2rem}input,textarea{border-radius:.5rem;background:var(--clr-neutral-1000);padding:.5rem 1rem;font-size:var(--fs-100);margin:.5rem 0;width:100%;border:1px solid transparent;color:var(--clr-neutral-100)}textarea{resize:none;outline:none}.radio_group{display:flex;justify-content:space-between;margin-bottom:1rem;flex-direction:row;flex-wrap:wrap}.radio_group label{font-size:var(--fs-50)}input[type=radio]:checked+span{color:var(--clr-primary-100);font-variation-settings:'wght' 700;font-weight:700}input[type=radio]:hover+span{color:var(--clr-primary-100)}input[type=radio]+span{padding:.5rem;font-size:var(--fs-50);cursor:pointer}input[type=radio]{width:0;aspect-ratio:1/1;margin:0;padding:0;position:absolute}
.content__fromular .info{font-size:var(--fs-xs);color:var(--clr-primary-100);text-align:center;margin:1rem}input:focus,textarea:focus{background:var(--clr-neutral-900);border:1px solid var(--clr-primary-100);outline:none}label:focus-within>span{color:var(--clr-primary-100)}.radio_group>*:first-child{display:block;width:100%}.radio_group>label span:after{content:""}form .info{font-size:var(--fs-50)}form .highlight{display:none}details[open] summary~*{animation:open .3s ease-in-out}@keyframes open{0%{opacity:0}100%{opacity:1}}details summary::-webkit-details-marker{display:none}details summary{width:100%;padding:.5rem 0;border-top:1px solid var(--clr-primary-100);position:relative;cursor:pointer;font-variation-settings:'wght' 300;font-weight:300;list-style:none}details summary:after{content:"+";color:var(--clr-primary-100);position:absolute;font-size:2.75rem;line-height:0;margin-top:.75rem;right:0;font-variation-settings:'wght' 200;font-weight:200;transform-origin:center;transition:.2s linear}
details[open] summary:after{transform:rotate(45deg);font-size:2.75rem}details[open] summary{color:var(--clr-primary-100)}details summary{outline:0}details p{font-size:.95rem;margin:0 0 1rem;padding-top:1rem}footer{background:radial-gradient(circle farthest-side at bottom right,var(--clr-primary-300) 0%,var(--clr-primary-900) 100%);padding:.5em 0}.social{display:flex;justify-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:var(--fs-50)}.social__account{color:var(--clr-neutral-100);text-decoration:none;display:flex;flex-direction:column;padding:1rem;align-items:center}.social__account:hover .social__icon>*{background-position-y:100%}.footer a:hover,.social__account:hover{color:var(--clr-neutral-1000)}.footer,.footer a{font-size:var(--fs-xs);color:var(--clr-neutral-100);text-decoration:none;transform:scale(1);display:inline-block;transition:transform .1s ease}.footer{list-style-type:none;display:flex;justify-content:center}.footer *+*:before{content:"|";margin:0 .8em}
.grid.gallery .element{aspect-ratio:1/1;position:relative;overflow:hidden;width:100%;height:100%;background:0 0}.gallery.grid .element img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) blur(1px);transition:.1s filter ease,.1s opacity ease;border-radius:25px 80px/100px 50px;opacity:.6}.gallery.grid .element:hover img{filter:grayscale(0) blur(0);opacity:1}.gallery.grid .open_overlay{display:block;width:100%;height:100%;position:absolute;z-index:99}.gallery.scroller .elements{--size-3:0;--_spacer:0;--_ms-bg:none;width:100%}.gallery.scroller .element>img{transition:.1s filter ease;-webkit-mask-image:none;mask-image:none;opacity:.9}.gallery.scroller .element:hover>img{opacity:1}.gallery.scroller .open_overlay{display:block;width:100%;height:100%;position:absolute;z-index:1}.gallery.portfolio.scroller .elements{grid-auto-columns:80%;scroll-padding-inline:5vw}@media (min-width:45em){.gallery.portfolio.scroller .elements{grid-auto-columns:80%}}@media (min-width:100em){.gallery.portfolio.scroller .elements{grid-auto-columns:80%}
}.gallery.scroller .full__image .open_overlay{display:none}.gallery.scroller .full__image{display:unset}.gallery.scroller .full__image img{opacity:1;filter:none;object-fit:contain}.lightbox{position:fixed;background:rgba(0,0,0,.8);z-index:99999;display:flex;inset:0;transform:scale(0) translate(-100px);align-items:center}@supports (backdrop-filter:blur(1rem)){.lightbox{background:hsla(0,0%,24%,.5);backdrop-filter:blur(1rem)}}.no-js .lightbox{opacity:1;transform:scale(1) translate(0px)}.js .lightbox,body:not(.no-js):not(.js) .lightbox{opacity:0}.lightbox[data-visible=true]{opacity:1;transform:scale(1) translate(0px);transition:opacity .25s ease-in}.no-js .lightbox,.no-js .lightbox__items{width:0;height:0}.no-js .lightbox__item:target{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:999;display:flex;align-items:center;justify-content:center}.no-js .lightbox__item:not(:target){display:none}.no-js .lightbox__img{max-width:100vw;max-height:100vh}.lightbox__button{position:absolute;display:flex;z-index:999;font-family:var(--ff-text);border:0;background:0 0;justify-content:space-evenly;cursor:pointer}
.lightbox__button[data-visible=false]{display:none}.lightbox__button.prev{left:0;bottom:2em;width:33%}.lightbox__button.next{right:0;bottom:2em;width:33%}.lightbox__button.download,.lightbox__item[data-visible=false] .lightbox__button.download{display:none}.delivery .lightbox__button.download{display:flex;background:linear-gradient(45deg,var(--clr-primary-200) 0%,var(--clr-primary-900) 70%);width:6rem;aspect-ratio:1/1;height:auto;border-radius:100%;position:absolute;left:50%;transform:translate(-50%,0);bottom:2rem}.lightbox__button.close{top:1em;right:1em;width:7em;aspect-ratio:1/1}.lightbox__button:before{font-size:var(--fs-xl);color:var(--clr-neutral-100);padding:.5rem;display:flex;line-height:1;border-radius:11rem;background:radial-gradient(circle farthest-side at bottom right,var(--clr-primary-300) 0%,var(--clr-primary-900) 100%);justify-content:center;align-items:center;width:5rem}.lightbox__button.prev:before{content:"<"}.lightbox__button.next:before{content:">"}
.lightbox__button.close:before{content:"X"}.lightbox__items{display:flex;transform:translateX(0%);transition:transform .25s ease}.lightbox__item{display:flex;width:100vw;height:100vh;align-content:center;justify-content:center}.lightbox__img{object-fit:contain}.social__icon{width:3rem;display:block;aspect-ratio:1/1}.fas,.fab,.far{background-image:url(../icons.svg);aspect-ratio:1/1;background-size:600%;width:80%;display:block}.fa-bars{background-position-x:0%}.fa-times{background-position-x:20%}.fa-envelope{background-position-x:40%}.fa-instagram{background-position-x:60%}i.download{background-position-x:80%}.fa-website{background-position-x:100%}main.fotobox .price{flex-direction:row;justify-content:center;gap:1rem}main.fotobox .price .button{width:auto;font-size:var(--fs-300)}main.fotobox .price .button:hover{cursor:initial}