*{padding:0;margin:0;box-sizing:border-box}HTML{font-family:system-ui}.spaceForFooter{width:100vw;min-height:90vh;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-wrapper{min-height:90vh;width:100vw;margin:0 auto}.home-components-wrapper{min-height:auto;margin:1rem auto}.rows-wrapper{height:auto;display:flex;flex-direction:column;margin:20px auto;gap:20px}.row{display:flex;justify-content:space-between;margin:0 auto}.text-div{border:1px solid #cfb419;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.willkommen{font-family:Julius Sans One,sans-serif;font-weight:400;font-style:normal;color:#404040;font-size:2rem;margin-bottom:.6rem}.bei-liebevollbelichtet{font-family:Julius Sans One,sans-serif;font-weight:400;font-style:normal;color:#cfb419;font-size:1.3rem;text-align:center;margin-bottom:.6rem}.description{font-size:1rem}.spruch{text-align:center;font-family:Julius Sans One,sans-serif;font-weight:400;font-style:normal;color:#cfb419;font-size:2rem;margin:0 auto}.title{font-family:Julius Sans One,sans-serif;font-weight:400;font-style:normal;font-size:1.5rem;margin-bottom:.5rem}@media (max-width: 1100px){.row{flex-direction:column;gap:20px}.reverse{flex-direction:column-reverse}.spruch{font-size:1.6rem}}@media (max-width: 940px){.spruch{font-size:1.4rem}}@media (max-width: 650px){.spruch{font-size:1.2rem}}.diashow-wrapper{width:100%;height:100%;position:relative}.diashow-image{height:100%;width:100%;object-fit:cover;position:absolute;opacity:0;transition:1.5s}.diashow-image-visible{opacity:1}.card{position:relative;box-shadow:0 2px 8px #00000042;padding:1rem;border-radius:6px;overflow:hidden}.myGallery-wraper{width:100vw;min-height:90vh;margin:20px auto}.sortable-list-wrapper{width:100%;height:auto;display:flex;flex-direction:column}.list-item-wrapper{width:100%;background:#fff;transition:scale .5s;display:flex}.animate-item-drag{transition:transform .2s ease-in-out}.no-item-transition{transition:none!important}.by-item-drag{box-shadow:0 0 15px 5px #8a8a8a}.list-grab-button{height:100%;width:50px;display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:#b3b2b2;position:absolute;right:0;cursor:pointer;-webkit-user-select:none;user-select:none}.list-grab-button:hover{font-size:2.5rem}.loading-spinner{position:fixed;top:0;left:0;z-index:300;display:flex;background:#ffffffc2;justify-content:center;align-items:center;width:100%;height:100%}.loading-spinner--position-top{position:absolute;align-items:flex-start;padding-top:100px}.loading-spinner--position-absolute{position:absolute}.icon-loading--default{font-size:4rem;color:#cfb419;animation:drehen 2s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}.galleryItem{overflow:hidden;position:absolute;background:#f0f0f0;transition:padding .4s}.galleryItem-downloadsActive{padding:17px;border-radius:10px}.gallery-image{height:100%;width:100%;object-fit:cover;cursor:pointer;transition:.5s}.download-checkBox{display:block;position:absolute;z-index:10;opacity:0;top:10px;left:10px;height:23px;width:23px;background:#ffffffa2;border:none;box-shadow:0 0 3px 1px #787777;border-radius:100px;font-size:16px;color:#686868;cursor:pointer;transition:.3s}@media (hover: hover) and (pointer: fine){.galleryItem:hover .download-checkBox{opacity:1}}.galleryItem:hover .gallery-image{scale:1.03}.download-checkBox-activ{background:#4d75ee;color:#fff;opacity:1;box-shadow:none}.download-checkBox-downloadsActiv{border:2px solid rgb(255,255,255);background:#888888af;opacity:1;box-shadow:none}.download-checkBox:hover{background-color:#797877;color:#fff}.download-checkBox-activ:hover{background:#2e468f}.download-checkBox-downloadsActiv:hover{background:#616161}.galleryItem-downloadsActive .gallery-image{border-radius:8px}.galleryItem-downloadsActive:hover .gallery-image{scale:1}.download-buttons{display:flex;gap:1rem;margin-bottom:.7rem}.buttonWrapper{display:flex;width:auto}@media (max-width: 768px){.download-buttons{flex-direction:column}}.button{font:inherit;font-size:1rem;height:1.8rem;display:flex;width:auto;align-items:center;padding:.4rem .7rem;border-radius:5px;border:1px solid #ac9513;cursor:pointer;color:#000;background:#fff;text-decoration:none;-webkit-user-select:none;user-select:none}.button:hover{background:#d7c664;color:#fff}.button:active{background:#d2c05c}.button:disabled,.button:hover:disabled,.button:active:disabled{background:#e2e2e2;color:#fff;border-color:#ac9513;cursor:not-allowed}.button--inverse{background:#eeeeed;color:#403f3f;border:1px solid #a8a8a8}.button--inverse:hover{background:#a8a8a8}.button--inverse:active{color:#fff}.button--inverse:disabled,.button--inverse:hover:disabled,.button--inverse:active:disabled{background:#a8a8a8;color:#403f3f;border-color:#a8a8a8;cursor:not-allowed}.button--danger{background-color:#fdfcfc;border:1px solid rgb(214,39,39);color:#000}.button--danger:hover{background-color:#ff6d63;color:#fff}.button--danger:active{background-color:#cf6060}.button--ok{background:#fff;color:green;border:1px solid rgb(4,82,34)}.button--ok:hover{background:#6a8d7c;color:#fff}.button--small{font-size:.9rem;padding:.3rem;height:1.5rem}.button--very-small{font-size:.7rem;padding:.2rem;height:1.2rem}.imageSlider{width:100vw;height:100vh;background:#000;overflow:hidden;position:fixed;top:0;left:0;z-index:20}.counter-div{display:flex;align-items:center;justify-content:center;color:#ffffff95;width:auto;height:auto;padding:5px;border-radius:8px;font-weight:400;font-style:normal;font-size:1rem;position:absolute;z-index:30;top:12px;left:20px}.downloadButton{-webkit-tap-highlight-color:transparent;position:absolute;display:flex;width:2.1rem;height:2.1rem;justify-content:center;align-items:center;border-radius:30px;padding:8px;z-index:30;top:10px;right:70px;cursor:pointer;-webkit-user-select:none;user-select:none}.downloadButton:hover{background:#ffffff2d}.closeSliderButton{position:absolute;display:flex;justify-content:center;align-items:center;padding:8px;z-index:30;top:10px;right:20px;width:2.1rem;height:2.1rem;border-radius:30px;background-color:#0000;transition:.3s;cursor:pointer;-webkit-user-select:none;user-select:none}.closeSliderButton span{transform:translateY(-10%);display:inline-block}.closeSliderButton:hover{background:#ffffff2d}.errow-div{display:flex;height:100vh;width:9rem;align-items:center;justify-content:center}.errow-div-left{position:absolute;top:0;left:0;z-index:25}.errow-div-right{position:absolute;top:0;right:0;z-index:25}.errow{color:#ffffff95;font-size:2.7rem;font-weight:100;border-radius:100px;transition:.3s;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.errow:hover{background:#ffffff2d}@media (max-width: 768px){.errow-div{display:none}.downloadButton:hover{background:none}.downloadButton:active{background:#ffffff2d}}.sliderElement{width:300vw;height:100vh;display:flex;overflow:hidden}.imageelemntWrapper{width:100vw;height:100%;display:flex;align-items:center;justify-content:center}.imageSlider-image{height:100%;width:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.desctop-slider-wrapper{position:relative;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.desctop-slider-image{position:absolute;transition:.4s ease-in-out;height:98vh;opacity:0}.desctop-slider-image-visible{opacity:1}.downloadButtonnSVG-path{fill:#ffffff95}.errorModal{display:flex;position:fixed;justify-content:center;align-items:center;top:0;left:0;z-index:200;width:100vw;height:100vh;background:#0000008b}.card--errorModal{display:flex;flex-direction:column;width:400px;height:250px;align-items:center;justify-content:center;background:#fff;font-size:1.3rem}.message-wrapper{display:flex;justify-content:center;align-items:center;height:70%;width:100%}@media (max-width: 768px){.card--errorModal{width:85vw}}.gallery-wrapper{display:flex;position:relative}.wedding-gallery{height:auto;margin:1rem auto}.logout-button-wrapper{display:flex;position:relative;width:100%;align-items:center;justify-content:flex-end;margin-bottom:.5rem}.wedding-gallery-logout-button{position:absolute;right:0}.scrollToTop{background-color:#cfb419b1;display:flex;align-items:center;justify-content:center;border-radius:100px;width:3.5rem;height:3.5rem;color:#fff;font-size:3.5rem;font-weight:300;transform:rotate(-90deg);position:fixed;top:calc(100vh - 160px);right:10px;z-index:10;opacity:0;transition:.4s}.scrollToTop-visible{opacity:1}.wrapper{width:70vw;min-height:90vh;display:flex;justify-content:space-between;margin:30px auto}.myPhotoDiv{width:45%}.myPhoto{width:100%}.text{width:50%}.bio{font-size:1rem}@media (max-width: 1100px){.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.myPhotoDiv,.text{width:90%}}@media (max-width: 760px){.wrapper{width:95vw}}.no-galleries{width:60vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:75vh;margin:0 auto;font-size:2rem}.galleries-wrapper{width:60vw;margin:0 auto;min-height:80vh;position:relative}.gallery-card{margin:1rem auto;width:100%}.gallery-title{width:100%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:5px}.image-title-buttons-wrapper{display:flex;height:100%;justify-content:space-between;align-items:flex-end}.title-buttons-wrapper{display:flex;height:120px;flex-direction:column;justify-content:space-between}.buttons-wrapper{display:flex;gap:1rem}.galleries-image{height:120px}.warning{height:50px;width:100%;margin-top:1rem;background-color:#faccc8;display:flex;padding-left:1rem;justify-content:space-between;align-items:center;padding-right:10px;gap:2rem}.warning-text{color:red}.warning-buttons-div{display:flex;gap:2rem}.space{margin-left:15px}@media (max-width: 768px){.no-galleries{width:95vw}.galleries-wrapper{width:93vw}.gallery-card{padding:8px}.title-buttons-wrapper{height:80px}.gallery-title{font-size:15px}.galleries-image{height:80px}.warning{height:35px}.warning-buttons-div{gap:1rem}}.form-control{display:flex;flex-direction:column}.form-control label{color:#676666;margin-bottom:.3rem;margin-top:1rem}.form-control input{width:100%;height:1.5rem;border:1px solid #cfb419;padding:5px}.form-control input:focus{outline:none;background:#f5f0d8}.form-control--invalid input{border:1px solid #cf1919;background:#fceded}.form-control--invalid p{margin-top:.5rem;color:#cf1919}.form-control--invalid label{color:#cf1919}.form-control textarea{border:1px solid #cfb419;padding:.3rem}.form-control textarea:focus{outline:none;background:#f5f0d8}.contact-wrapper{width:100vw;min-height:80vh}.contact-form-wrapper{height:auto;width:40%;margin:30px auto;position:relative}.contact-form{width:100%}@media (max-width: 768px){.contact-form-wrapper{width:80%}}.login-wrapper{width:100vw;min-height:80vh}.user-login{margin:100px auto;max-width:400px}.login-tittel{display:block;text-align:center;font-size:1.3rem}.error{color:red;font-size:1.15rem;margin-top:.5rem}@media (max-width: 768px){.user-login{width:95vw;margin:150px auto}}.select-images-card{width:100%;height:100%;display:flex;flex-direction:column;padding:0}.image-input-deleteButton-wrapper{width:100%;padding:.4rem;display:flex;align-items:center;justify-content:space-between}.selected-image{height:100%;-webkit-user-select:none;user-select:none}.input-deletButtonWrapper{display:flex;width:60%;gap:1rem}.image-alt-text-wrapper{width:70%}.image-alt-text-input{width:100%;height:1.4rem;border:1px solid #cfb419;padding:5px}.image-alt-text-input:focus{outline:none;background:#f5f0d8}.delete-button-wrapper{width:20%;min-height:100%;display:flex;align-items:flex-end}.delete-selected-image-wrapper{display:flex;width:100%;height:30px;background:#fcc5c1;gap:2rem;align-items:center}.delete-image-warning{display:flex;align-items:center;padding-left:20px;color:red}@media (max-width: 768px){.image-input-deleteButton-wrapper{justify-content:unset;gap:.7rem}.input-deletButtonWrapper{flex-direction:column}}.create-gallery-wrapper{width:100vw;min-height:80vh}.create-gallery-form-card{width:80vw;margin:30px auto;padding:.6rem}.protected-or-not-wrapper{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}.chekboxes-wrapper{display:flex;gap:1.5rem;margin-bottom:.7rem}.checkbox{width:18px;height:18px;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid rgb(105,105,105);border-radius:5px;transition:.4s;cursor:pointer}.checkbox-label{font-size:1rem;color:#696969;-webkit-user-select:none;user-select:none}.create-free-gallery-form{display:flex;width:100%;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.free-gallery-name-input-label{font-size:1rem;margin-bottom:.2rem;color:#696969}.free-gallery-name-input-label-error{color:red}.free-gallery-name-input-and-button-wrapper{display:flex;gap:1rem;align-items:center}.free-gallery-name-input{height:1.6rem;width:300px;border:1px solid #cfb419;padding:5px}.free-gallery-name-input:focus{outline:none;background:#f5f0d8}.free-gallery-name-input-error{border:1px solid red;background:#f6e2de}.free-gallery-name-input-error:focus{background:#f6e2de}.free-gallery-name-input-error-text{color:red}.create-protected-gallery-form{display:flex;justify-content:center;align-items:flex-end;gap:1rem;margin-bottom:1rem}.create-gallery-title{display:block;text-align:center;font-size:1.3rem;margin-bottom:1.5rem}.image-preview{width:50vw;position:relative;display:flex;gap:8px;flex-direction:column;margin:20px auto}@media (max-width: 768px){.create-gallery-form-card,.image-preview{width:95vw}.free-gallery-name-input-and-button-wrapper{flex-direction:column;align-items:flex-start}.create-protected-gallery-form{flex-direction:column;align-items:flex-start;gap:.5rem}}.header{height:5rem;width:80vw;margin:.5rem auto;display:flex;align-items:flex-end;justify-content:space-between}.logo-liebevoll{height:100%}.burgerIcon{display:none}@media (max-width: 768px){.burgerIcon{display:flex;width:40px;height:40px;font-size:23px;font-weight:600}.header{width:95vw;height:4rem}}.header-links{list-style:none;display:flex;align-items:flex-end;font-family:Julius Sans One,sans-serif;font-weight:500;font-style:normal;font-size:1.2rem}.header-links li:not(:last-child){margin-right:1rem;text-align:center}.header-links a{display:flex;text-decoration:none;color:#404040;transition:.3s}.header-links a:hover,.header-links a:active{transform:translateY(-5px)}.header-links a.active{color:#cfb419;transform:translateY(-5px)}.sidebar-links{list-style:none;display:flex;flex-direction:column;width:80%;margin-top:150px}.sidebar-links li{margin-bottom:.7rem;display:block}.sidebar-links a{text-decoration:none;color:#fff;font-size:1.5rem}@media (max-width: 768px){.header-links{display:none}}.sideBar{width:100vw;height:100vh;background:#ddc95a;display:flex;justify-content:center;position:fixed;top:0;right:0;z-index:1000}.close-sidebar-button{display:flex;width:40px;height:40px;margin:1rem;align-items:center;justify-content:center;color:#fff;font-size:3.2rem;font-weight:300;transform:rotate(45deg);position:absolute;top:20px;right:0}.close-sidebar-button:active{font-size:2.7rem}.galleryLogin-card{margin:100px auto;max-width:400px}.login-button-div{margin-top:1rem}@media (max-width: 768px){.galleryLogin-card{width:95vw;margin:150px auto}}.edit-gallery-wrapper{width:65vw;margin:1.5rem auto}.edit-gallery-buttons-wrapper{display:flex;gap:1rem}.edit-gallery-items-wrapper{display:flex;width:100%;margin-top:.6rem}@media (max-width: 768px){.edit-gallery-wrapper{width:95vw}}h5{font-family:system-ui;font-size:20px;margin:15px 0}.impressum{width:60vw;margin:auto}.data{font-size:24px}.data02{font-weight:600;font-size:21px}.data03{font-weight:600;font-size:19px}.datenschutz{margin:20px auto;width:70%}.footer{width:80%;height:100px;margin-top:auto;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;background-color:#cfb419cc}.footerLinks{list-style:none;display:flex;flex-direction:row;gap:20px;margin-top:20px;margin-left:30px;color:#fff}.footerLinks a{text-decoration:none;font-family:Julius Sans One,sans-serif;font-size:15px;font-weight:800;font-style:normal;color:#fff;transition:.4s}.copyright{margin-top:auto;margin-bottom:7px;display:flex;width:100%;justify-content:center;color:#fff}.footerLinks a:hover,.icon:hover{color:#00000096}.footerLinks a:active,.icon:active{color:#000}.footerLinksWrapper{display:flex}.icon{font-size:20px;color:#fff;text-decoration:none;transition:.3s}.iconsDiv{display:flex;margin-left:auto;margin-top:15px;margin-right:25px;gap:16px}.iconsDiv a{text-decoration:none}@media (max-width: 700px){.footer{width:100%}.copyright{font-size:14px}}@media (max-width: 500px){.footer{width:100%}.footerLinks{margin-left:12px}.icon{font-size:19px}.copyright{font-size:12px}}@media (max-width: 370px){.footerLinksWrapper{display:flex;flex-direction:column;align-items:center}.iconsDiv,.footerLinks{margin-left:0}.icon{font-size:17px}}
