/* Font Sizes */

.container--md {
   max-width: 720px;
   margin-left: auto;
   margin-right: auto;
}

.fs-sm,
h4 {
   font-size: 0.75rem;
}

.fs-base,
p,
ul,
h3 {
   font-size: 1rem;
}

.fs-md,
h2 {
   font-size: 1.25rem;
}

.fs-lg,
h1 {
   font-size: 1.875rem;
}

p,
h3,
h4 {
   margin-bottom: 2rem;
}

a {
   color: rgb(45, 45, 45);
   text-decoration: none;
}

a:hover {
   transition: all 0.3s ease-in-out;
   color: rgb(0, 0, 0);
}

.WineVermiculiteLists {
   max-width: 100%;
}

body {
   background-image: url(../img/Weintrauben_Seitenhintergrund.webp);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   background-position: center center;
}

.section {
   margin-bottom: 5rem;
}

.pageTitle {
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: 0 5px 5px 0;
   margin-top: 5rem;
   font-size: 3.5rem;
   max-width: 75%;
}

.textBox {
   background-color: rgba(255, 255, 255, 0.75);
   border-radius: 5px;
   font-size: 1.25rem;
   margin-bottom: 5rem;
}

.product-container {
   overflow: hidden;
   margin-bottom: 2rem;
}

.product-image:hover {
   transition: all 0.3s ease-in-out;
}

.product-image:hover {
   transform: scale(1.1);
}

.product-imageContainer {
   position: relative;
   padding-bottom: 56%;
   margin-bottom: 1rem;
   overflow: hidden;
}

.analysis-imageContainer {
   background-color: white;
   position: relative;
   padding-bottom: 80%;
}

.product-image,
.analysis-image {
   position: absolute;
   top: 0;
   left: 0;
   object-fit: contain;
   object-position: center center;
   height: 100%;
   width: 100%;
}

.WineVermiculiteIngredients {
   max-width: 100% !important;
}

.WineVermiculiteLists > li {
   position: relative;
   list-style: none;
   margin-bottom: 0.25rem;
}

.WineVermiculiteLists > li::before {
   position: absolute;
   content: '';
   height: 25px;
   width: 25px;
   top: 2px;
   left: -25px;
   background-image: url(../img/Weinblatt.png);
   background-size: contain;
   z-index: 1;
}

.web-link {
    color: blue; /* Linkfarbe */
    text-decoration: underline; /* Unterstreichen des Links */
}

.imprintSource {
   color: black;
   transition: all 0.3s ease-in-out;
}

.imprintSource:hover,
.orderMail-link:hover {
   color: gray;
}

.orderMail {
   font-size: 1.25rem;
}

.orderMail-link {
   font-size: 1.25rem;
   text-decoration: underline;
}

/* === FOOTER SECTION ===*/
.section--footer {
   background-color: white;
   color: black;
}

.footer-link {
   transition: all 0.3s ease-in-out;
}

.footer-link {
   color: black;
   text-decoration: underline;
   font-size: 1.25rem;
}

.footer-link:hover {
   color: gray;
}

.footer-link-imprint:hover {
   color: gray;
}

@media (min-width: 768px) {
   .WineVermiculiteLists {
      max-width: 50%;
   }

   .orderMail {
      font-size: 1.875rem;
   }

   .pageTitle {
      max-width: 50%;
   }


}