@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200&display=swap');

main {
  margin: 0;
}

* {
    font-family: 'Mulish', sans-serif;
}


h1 {
    font-family: 'Great Vibes', cursive;
    font-style: normal;
    font-weight: normal;
    font-size: 3rem;
    line-height: 80px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);;
}

section {
    /* background-color: red; */
    position: relative;
    max-width: 900px;
    margin: auto;
    height: 100vh;
}

.container {
    display: flex;
    /* background-color: green; */
    justify-content: center;
    align-items: center;
    max-width: 100vw;
    max-height: 100vh;
}

/* .image-container {
    position: absolute;
    background-color: blue;
    height: 50vh;
    width: 60vw;
    float: left;
} */

img {
    position: relative;
    width: 30rem;
    height: 30rem;
    object-fit: cover;
    /* background-color: blue; */
    left: -10rem;
    border-radius: 5px;
}

.content {
   margin: 1rem;
}

.content p {
    text-align: justify;
}

.button {
    background: #648e43;
    border-radius: 4px;
    align-items: center;
    text-align: center;
    margin: 1rem;
    padding: 0.5rem 1.5rem;
    color: #fdfdfd;
    text-decoration: none;
    width: fit-content;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .container {
          flex-direction: column-reverse;
      }
    img {
          display: none;
    }
    section {
        max-height: 70vh;
    }
}.bg.svelte-19lopwi.svelte-19lopwi{background-image:url("https://firebasestorage.googleapis.com/v0/b/wiesen-wunder.appspot.com/o/background.jpg?alt=media&token=a7c90110-5eb4-4722-bfc9-0cbe61fd2cf5");height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover}ul.svelte-19lopwi.svelte-19lopwi{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:transparent;display:flex;flex-direction:row;justify-content:right}li.svelte-19lopwi.svelte-19lopwi{float:right;text-transform:uppercase;font-size:1rem}li.svelte-19lopwi a.svelte-19lopwi{text-align:center;padding:14px 16px;text-decoration:none;display:block;color:#fdfdfd;text-shadow:0px 4px 4px rgba(0, 0, 0, 1);margin:0.3rem}li.svelte-19lopwi a.svelte-19lopwi:hover{border-bottom:1px solid white}p.svelte-19lopwi.svelte-19lopwi{font-style:normal;font-size:1rem;line-height:21px;color:#FDFDFD;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);padding:1rem}.content-container.svelte-19lopwi.svelte-19lopwi{display:flex;flex-direction:column;justify-content:space-evenly;max-width:400px;margin:1rem;margin-top:20vh}h1.svelte-19lopwi.svelte-19lopwi{color:#F6F1EB;margin:0;font-size:4rem}section.svelte-19lopwi.svelte-19lopwi{max-width:900px}h2.svelte-z0wndg{margin:1rem
    }p.svelte-z0wndg{max-width:500px}.card-container.svelte-z0wndg{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))
    }h1.svelte-ujluu1{font-style:normal;font-weight:normal;line-height:60px}section.svelte-ujluu1{display:flex;justify-content:center;align-items:center}h1.svelte-1su0sh2{font-style:normal;font-weight:normal;line-height:60px}section.svelte-1su0sh2{display:flex;justify-content:center;align-items:center}img.svelte-1su0sh2{left:10rem
    }h1.svelte-1dxtbnj{margin-left:1rem}.form-container.svelte-1dxtbnj{display:flex;justify-content:center;align-items:center;flex-direction:column}input.svelte-1dxtbnj{width:100%;margin:0.5rem;border-radius:5px;border-color:transparent}.text-area.svelte-1dxtbnj{height:30vh}footer.svelte-al2euk{margin-top:40vh;left:0;bottom:0;width:100%;color:635F5F}p.svelte-al2euk{margin:2rem}.card.svelte-rrm3s7{filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));background:#FDFDFD;border-radius:10px;max-width:200px;max-height:300px;margin:1rem
    }img.svelte-rrm3s7{position:static;max-height:100px;max-width:100%;border-radius:10px 10px 0px 0px;object-fit:cover}.info.svelte-rrm3s7{display:flex;align-items:center;flex-direction:column;justify-content:space-evenly;padding:1rem}.svelte-rrm3s7{margin:0px
    }.title.svelte-rrm3s7{font-family:Great Vibes;font-style:normal;font-weight:normal;font-size:24px;line-height:30px;color:#25313C}.date.svelte-rrm3s7{font-size:0.75rem;line-height:150.6%;text-align:center;color:#6D7D8B}.desc.svelte-rrm3s7{font-size:14px;line-height:21px;color:#6D7D8B;margin:0.5rem}.space.svelte-rrm3s7{text-transform:uppercase;line-height:20px;letter-spacing:0.1em;color:#648E43}