@import url(https://fonts.bunny.net/css?family=assistant:200,300,400,500,600,700,800|caveat:400,500,600,700);.photo-grid a:hover button,.photo-grid button{visibility:visible}.mello,.photo-grid{width:calc(100% - 4rem)}.fmk header,.fmk header a,.fmk header nav,.mello,.photo-grid a,.photo-grid img{position:relative}.h2-center,.item h3,.txt-3{text-wrap:balance}body{background:#f5f5f7;color:#1d1d1f;font-family:Assistant,sans-serif}.fmk{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.fmk header{width:100%;background:url("https://foto-momente-karlsruhe.de/wp-content/uploads/2023/06/IMG_7706-2-scaled.jpg") 50% 50%/cover no-repeat;padding:1rem 0;overflow-x:hidden}.fmk header::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.6);z-index:1}.fmk header nav{width:90%;max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:1.25rem;z-index:2}.fmk header a{order:3;color:#f5f5f7;font-size:110%;text-decoration:none;font-weight:300;padding:.75rem 1.5rem;white-space:nowrap}.photo-grid a div,.photo-grid a div::before{position:absolute;top:0;left:0;width:100%;height:100%}.fmk header a.start{order:1}.fmk header a:hover{border-radius:10vh;background:rgba(0,0,0,.25)}.fmk header a.active{border-radius:10vh;background:rgba(0,0,0,.35);outline:rgba(255,255,255,.25) solid 2px;outline-offset:2px;text-shadow:1px 1px 1px rgba(0,0,0,.75)}.fmk header .main-logo{max-height:5rem;margin:0 .75rem;order:2}.fmk main{flex-grow:1}.fmk footer{background:#a5a5a5}.fmk footer nav{display:flex;justify-content:center;gap:1rem;padding:.75rem 0}.fmk footer nav a{color:#fff;text-decoration:none;font-size:90%}.photo-grid{max-width:960px;margin:4rem auto;display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(100px,1fr))}@media screen and (min-width:600px){.photo-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.fmk main .hello{flex-direction:row}.fmk main .hello h1{font-size:1.7rem}.fmk main .hello div:last-child{margin:2.5rem 0 2.5rem auto;width:60%;box-shadow:-8px 11px 25px -15px rgba(0,0,0,.75)}}.photo-grid a{width:100%;height:100%;overflow:hidden;border-radius:1rem}.photo-grid a div{overflow:hidden;display:flex;justify-content:center;align-items:center}.photo-grid a div::before{content:"";background:rgba(0,0,0,.35);z-index:1;opacity:0;transition:opacity .5s}.photo-grid a:hover div::before{opacity:1}.photo-grid button{padding:.65rem 1.25rem;border-radius:10vh;border:0;margin-bottom:1rem;background:rgba(0,0,0,.65);color:#f5f5f7;outline:#f5f5f7 solid 1px;outline-offset:3px;z-index:2;margin-top:auto;cursor:pointer}.photo-grid img{width:100%;height:100%;object-fit:cover}.caveat{font-family:Caveat,handwriting}.txt-3{font-size:2.5rem;font-weight:700;margin:.75rem 0 0}h2{margin:0}.h2-center{font-size:2.25rem;text-align:center;font-weight:400;line-height:2.75rem;margin:1rem 0}.fm-nav{justify-content:space-between}.fm-nav a{display:none}.fm-nav button{width:auto;height:3rem;border:0;border-radius:1rem;background:rgba(0,0,0,.1);order:99}.fm-nav button svg{height:100%}@media screen and (min-width:800px){.fmk header{background:url("https://foto-momente-karlsruhe.de/wp-content/uploads/2023/06/IMG_7706-2-scaled.jpg") 50% -50vh no-repeat fixed;padding:6rem 0}.photo-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}.photo-grid button{margin-bottom:0;margin-top:0;visibility:hidden}.fm-nav button{display:none}.fm-nav{justify-content:center}.fm-nav a{display:block}}.mello{max-width:800px;margin:5rem auto;display:flex}.mello img{position:absolute;height:12rem;width:12rem;object-fit:cover;border-radius:1rem;z-index:1;rotate:-2deg}.mello div{max-width:100%;margin-top:4rem;margin-left:2rem;padding:.5rem 1.25rem;border-radius:1rem;background-color:rgba(245,245,247,.8);box-shadow:-8px 11px 25px -15px rgba(0,0,0,.75);z-index:2}.fact,.usp{width:100%;margin:0 auto;gap:.5rem}.item{background:#fff;margin:.5rem 0;padding:1rem 1.5rem;box-shadow:rgba(33,35,38,.1) 0 10px 10px -10px;border-radius:5px;min-width:15rem}.item h3{display:inline-flex;align-items:center;margin:0}.item h3 img{margin:0 .5rem 0 -.75rem;height:1rem}.item p{margin:.5rem 0 0;max-width:14rem}.carousel{padding-left:2rem;padding-right:2rem;display:flex;gap:1rem;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;cursor:-webkit-grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.carousel::-webkit-scrollbar{display:none}@media (min-width:800px){.mello div{max-width:65%;margin:3rem 0 3rem auto;background-color:#f5f5f7}.mello img{height:100%;width:40%;outline:rgba(255,255,255,.75) solid 2px;outline-offset:4px;box-shadow:0 0 1rem rgba(0,0,0,.2)}.carousel{padding-left:calc(50dvw - (960px / 2))}}.dark-section,.light-section{padding:1.5rem 0 3rem}.dark-section.light-section,.light-section.light-section{background:linear-gradient(90deg,#f9edf1 0,transparent 100%)}.dark-section.dark-section,.light-section.dark-section{background:linear-gradient(90deg,transparent 0,#c3b6b1 100%)}.carousel.active{cursor:grabbing;cursor:-webkit-grabbing;cursor:grabbing;cursor:-webkit-grabbing}