:root{--color-primary:#4d9dcb;--color-primary-dark:#225877;--color-secondary:#b0b0b0;--color-bg-light:#dbdbdb;--color-bg-dark:#535353;--color-dark-gray:#757575;--color-font-light:#dbdbdb;--color-font-dark:#292929;--color-dark-test:#515151;--color-light-gray:#b0b0af;--font-primary:Arial, Helvetica, sans-serif;--font-secondary:'Times New Roman', Times, serif;--font-size-tiny:8px;--font-size-small:16px;--font-size-normal:24px;--font-size-big:30px;--font-size-bigger:34px;--font-size-biggest:38px;--size-menuBtn:5rem;--menuSize:10rem;--menuPadding:2rem;--border-radius:8px;--nav-margin:0.5rem}*,*::after,*::before,*::backdrop{box-sizing:border-box}html,body{margin:0;padding:0;font-size:1rem;color:var(--color-font-dark);background-color:var(--color-dark-test)}body *{position:relative;font-family:var(--font-secondary)}body:has(.modal-open){overflow:hidden}h1,h2,h3,h4,h5{color:var(--color-light-gray)}.d-none{display:none}a{margin-block:0.5rem;color:var(--color-primary);font-weight:bold;text-decoration:none;word-break:break-word;&:hover{text-decoration:underline}}.navbar,.footer{position:relative;display:flex;min-height:5rem;width:100%;background-color:var(--color-dark-test);align-items:center;overflow-x:clip;padding-block:var(--nav-margin)}.footer{justify-content:space-evenly;bottom:0;.mhButtonContainer{display:flex;flex-wrap:wrap;column-gap:0.75rem;row-gap:0.25rem;justify-content:flex-end;button .btnText{color:var(--color-primary)}button:hover{cursor:pointer;.btnText{text-decoration:underline}}}}.mhFooterText{color:var(--color-light-gray)}.fb-logo{height:5rem;margin-left:auto;svg{max-height:5rem;width:100%}} :where(.navButtonContainer){display:flex;gap:1rem;padding-right:1rem;margin-inline:1rem auto;align-items:center;a{margin-block:0.5rem;color:var(--color-light-gray);font-size:1.5rem;font-weight:bold;text-decoration:none;&.active{color:var(--color-primary);text-decoration:underline}&:hover{text-decoration:underline}}}.mainContainer{min-height:calc(100dvh - 5rem);height:100%;.mainBackgroundContainer{position:fixed;top:0;left:0;background-image:url("/assets/images/BG-Pflaster.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;width:100dvw;min-height:calc(100dvh - 5rem);height:100%}padding-bottom:2.5rem;&:where(.contact){--font-size-input:clamp(1rem, 1vw + 1rem, 2rem);.mhSingleContainer{max-width:clamp(50rem, 8dvw + 50rem, 70rem);font-size:var(--font-size-input)}button{font-size:var(--font-size-input)}}&:where(.imp) .mhSingleContainer{padding-block:0.25rem 1.5rem}}.mainContainer.modal-open{.navButtonContainer{a,button{pointer-events:none}}}.mhSingleContainer{background-color:var(--color-dark-test);color:var(--color-font-light);padding:1.5rem;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,0.2);width:100%;max-width:clamp(50rem, 2dvw + 50rem ,70rem);margin-top:1rem;margin-inline:auto}.mhGridContainer{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:75%;margin-inline:12.5%;padding-top:2.5rem;column-gap:2rem;row-gap:1rem;+ .mhGridContainer{padding-top:1rem}}.mhTextContainer{background-color:var(--color-dark-test);padding:0.75rem;border-radius:0.75rem;color:var(--color-light-gray);display:flex;flex-direction:column;gap:0.5rem}.mhText{font-size:var(--font-size-normal);a{margin-block:0.5rem;color:var(--color-primary);font-weight:bold;text-decoration:none;word-break:break-word;&:hover{text-decoration:underline}}}.mhTextC{text-align:center}.mhTextTitle{padding-bottom:0.25rem;font-size:var(--font-size-big);font-weight:bold;word-wrap:break-word;border-bottom:1px solid var(--color-light-gray);min-height:5rem;align-content:center}.mhCard{width:15rem;height:17.5rem;border-radius:var(--border-radius);background-color:var(--color-bg-dark)}.mhCardPict{width:15rem;height:15rem}.mhCardText{color:var(--color-font-light);width:100%}.mhPrictureDirectory{width:90dvw;max-width:90rem;margin:auto;background-color:var(--color-dark-test);margin-top:2rem;border-radius:var(--border-radius);padding-block:1rem}.mhPrictureDirectory .mhText{background-color:var(--color-secondary)}.mhPictureContainer{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));max-width:75%;margin-inline:12.5%;padding-top:1rem;column-gap:2rem;row-gap:1rem}.mh-pictureButton{max-width:inherit;margin:auto}img.mh-pictureSection--picture{box-shadow:2px 2px 10px 1px #5e5e5e;max-width:100%;max-height:22rem;border-radius:var(--border-radius);border:2px var(--color-primary) solid;&:hover{cursor:pointer;box-shadow:0 0 10px 1px var(--color-primary-dark)}}button{border:none;background-color:transparent;padding:0}button.primaryBtn{border:2px solid var(--color-bg-dark);border-radius:var(--border-radius);background-color:var(--color-primary);padding:0.25rem 0.8rem;min-height:2rem;max-height:3rem;height:auto;&:hover{border-color:var(--color-primary);background-color:var(--color-primary-dark);color:var(--color-font-light)}}button#menuButton{display:none;width:var(--size-menuBtn);height:var(--size-menuBtn);&.active{display:block}&.open{#line-one{animation:bmOneOpen 1s ease-in-out forwards}#line-two{animation:bmTwoOpen 1s ease-in-out forwards}#line-three{animation:bmThreeOpen 1s ease-in-out forwards}}&.closed{#line-one{animation:bmOneClose 1s ease-in-out forwards}#line-two{animation:bmTwoClose 1s ease-in-out forwards}#line-three{animation:bmThreeClose 1s ease-in-out forwards}}}#scrollToTop{position:fixed;width:4rem;height:4rem;margin:auto 2rem 4rem auto;box-shadow:2px 2px 10px 1px var(--color-primary);color:var(--color-light-gray);background-color:var(--color-font-dark);border-color:var(--color-primary);border-radius:50%;.scrollToTopArrow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);filter:brightness(0) saturate(100%) invert(49%) sepia(15%) saturate(1500%) hue-rotate(170deg) brightness(95%) contrast(90%)}}#picturePopover{position:fixed;border-radius:1rem;border:2px var(--color-primary) solid;padding:0;overflow:hidden;&::backdrop{background-color:color(srgb 0 0 0 / 0.5);backdrop-filter:blur(5px)}.mh-modal--closeButton{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:1px var(--color-primary) solid;box-shadow:2px 2px 10px 1px #5e5e5e;border-radius:0.5rem;background-image:url("/assets/icons/close-x-svgrepo-com.svg");background-color:var(--color-secondary);background-size:contain;z-index:1;&:hover{box-shadow:0 0 10px 1px var(--color-primary-dark)}}.mh-modal--picture{max-width:95dvw;max-height:95dvh;border-radius:0.9rem;object-fit:fill}}.mhLabeledEntry{position:relative;label{transition:0.5s ease-in-out;position:absolute;top:1rem;left:0.75rem}&:has(textarea) .label{align-self:auto;top:1rem}}.mhLabeledEntry:has(input:focus,input.filled,textarea:focus,textarea.filled) label{transition:0.5s ease-in-out;top:calc(0.5rem - var(--font-size-input))}h1{margin-bottom:10px;text-align:center}.subtitle{text-align:center;margin-bottom:30px}.form-group{margin-bottom:25px;position:relative}label:not(.cookie-switch){display:block;align-self:center;background-color:var(--color-dark-test);padding-inline:0.25rem;font-weight:600;z-index:1;&:has(+textarea){align-self:auto;top:1rem}}.required::after{content:" *";color:#e74c3c}input[type="text"],input[type="email"],input[type="tel"],textarea{width:100%;background-color:var(--color-dark-test);color:var(--color-font-light);padding:14px;border:2px solid #e1e5e9;border-radius:8px;font-size:var(--font-size-input);transition:border-color 0.3s}textarea::placeholder-shown{margin-left:calc(10ch + var(--font-size-input));color:var(--color-font-light)}input:-internal-autofill-selected{appearance:menulist-button;background-image:none !important;background-color:var(--color-dark-test) !important;color:inherit !important}input:focus,textarea:focus{outline:none;border-color:#667eea}input.error,textarea.error{border-color:#e74c3c}.half-width{display:grid;grid-template-columns:1fr 1fr;gap:20px}textarea{min-height:150px;resize:vertical}.char-counter{text-align:right;margin-top:5px}.char-counter.warning{color:#e74c3c}.checkbox-group{display:flex;align-items:flex-start;gap:12px;margin-top:30px}.checkbox-group input[type="checkbox"]{width:calc(var(--font-size-input) - 5px);height:calc(var(--font-size-input) - 5px);margin-top:3px;flex-shrink:0;cursor:pointer}.checkbox-group input.error{outline:2px solid #e74c3c;outline-offset:2px}.checkbox-group label{font-weight:normal;line-height:1.5;margin-bottom:0;cursor:pointer}.checkbox-group a:hover{text-decoration:underline}.error-message{color:#e74c3c;font-size:var(--font-size-input);margin-top:5px;display:block;min-height:20px}.message{padding:15px;margin-bottom:25px;border-radius:8px;text-align:center;animation:fadeIn 0.5s}.success{background-color:var(--color-dark-test);color:#4da863;border:1px solid #c3e6cb}.error{background-color:var(--color-dark-test);color:#e74c3c;border:1px solid #f5c6cb}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:25px}.half-width{grid-template-columns:1fr;gap:15px}h1{font-size:24px}}