.footer{margin-top:auto}.footer__icon{font-size:40px;color:#92c84e}.footer__icon:hover{color:#76ac35;transition:.3s ease-in-out}ul,li{list-style-type:none;text-decoration:none}h1{font-size:50px;font-family:Montserrat,sans-serif;color:#fff;font-weight:700}h2{font-size:40px;font-family:Montserrat,sans-serif}h3{font-size:35px;font-family:Montserrat,sans-serif}h4{font-size:30px;font-family:Montserrat,sans-serif}.subheading{font-family:Montserrat,sans-serif;font-size:25px}p,a{font-size:16px;font-family:Inter,sans-serif}.navbar{display:flex;background-color:#fcfcfc}.navbar__logo-container{height:50px;width:200px;margin:3px}.navbar-nav__link{position:relative;display:inline-block;margin:0 15px;text-decoration:none;color:#000;display:inline}.navbar-nav__link--active{color:#92c84e;font-weight:700}.navbar-nav__link:hover{color:#92c84e;transition:.3s ease-in-out}.navbar-nav__link:after{content:"";position:absolute;left:0;bottom:-5px;background-color:#92c84e;height:2px;width:0;transition:width .3s}.navbar-nav__link:hover:after{width:100%}.navbar-nav__list{display:block;padding:5px 0}nav{box-shadow:0 4px 12px -2px gray,0 3px 7px -3px gray}.signup,.login{display:flex;justify-content:center;align-items:center;background-color:#f9f9f9}.signup__form,.login__form{background:#fff;padding:16px;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:500px;display:flex;flex-direction:column;gap:5px;margin-left:auto;margin-right:auto}.signup__form .form__field,.login__form .form__field{display:flex;flex-direction:column}.signup__form .form__field--address .form__address--input,.login__form .form__field--address .form__address--input{margin-top:10px}.signup__form .form__field--address .form__address--input .form__input,.login__form .form__field--address .form__address--input .form__input{width:100%}.signup__form .form__label,.login__form .form__label{font-weight:600;margin-bottom:2px;color:#333}.signup__form .form__input,.login__form .form__input{padding:.6rem;border:1px solid #ccc;border-radius:3px;font-size:16px;transition:border-color .2s ease}.signup__form .form__input:focus,.login__form .form__input:focus{border-color:#007bff;outline:none}.signup__form .form__input--error,.login__form .form__input--error{border-color:#d93025}.signup__form .form__error,.login__form .form__error{color:#d93025;font-size:12px;font-weight:500;margin-top:4px}.signup__form .form__button,.login__form .form__button{padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.signup__form .form__button--primary,.login__form .form__button--primary{background-color:#007bff;color:#fff}.signup__form .form__button--primary:hover,.login__form .form__button--primary:hover{background-color:#0056b3}.signup__form .form__button--primary:active,.login__form .form__button--primary:active{background-color:#00408d}.events,.booked{padding:20px}.events__title,.booked__title{text-align:center;font-size:35px;margin-bottom:20px;color:#fff;font-weight:700}.event-card{background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.event-card__name{font-size:20px;font-weight:600;color:poalett;margin-bottom:6px}.event-card__date,.event-card__location{color:#555;margin:4px 0}.event-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.button{padding:8px 40px;border:none;background-color:#76ac35;font-weight:700;color:#fff}.button:hover{background-color:#92c84e;transition:.3s ease-in-out}.small-button{padding:5px 20px;border:none;background-color:#76ac35;font-weight:700;color:#fff}.small-button:hover{background-color:#92c84e;transition:.3s ease-in-out}.cancel-button{padding:5px 20px;border:none;background-color:#e05260;font-weight:700;color:#fff}.cancel-button:hover{background-color:#e77480;transition:.3s ease-in-out}body,html{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100vh}main{padding-top:80px;background-image:url(https://hoffnungsfestival.de/wp-content/uploads/2024/07/Seifenblasenkinder-2048x1366.jpg)}header{position:fixed;width:100%;z-index:1000}img{object-fit:cover}
