@import "bootstrap.min.css";
@import "aos.min.css";

/*
 * ===============================================
 * Projekt: Bündnis Pro Olympia
 * Datei:   master.css
 * Autor:   Eric Thoener
 * Version: 3.4
 * Zuletzt geändert: 16.10.2025
 * ===============================================
 */

.logo {
   flex: 0 0 auto;   /* verhindert flex-shrink */
   transition: background-color 0.3s ease,
               transform 0.3s ease,
               filter 0.3s ease;
}

.logo img {
   height: auto;
   width: auto;
   max-height: 120px;
   max-width: 200px;
   margin: 40px;

   filter: grayscale(100%);
   background-color: transparent; /* Start transparent */
   position: relative;
   transform: scale(1);
   z-index: 1;

   /* Übergänge nur hier definieren */
   transition: all 0.3s ease;
}

.logo img:hover {
   background-color: #fff; /* animiert rein */
   filter: grayscale(0%);
   /* transform: scale(1.5); */
   z-index: 999;
   transition: all 0.3s ease;
}

section, footer {
   padding: 3em 0;
   margin: 3em 0 0 0;
}

section.mission {
   background-image: url('../img/bkg/olympiagelaende-muenchen.jpg');
   background-size: cover;
   background-position: center bottom;
   background-repeat: no-repeat;
   background-blend-mode: soft-light; /* macht die Farbe sichtbar */
   background-color:#2273b0;
   color: #ffffff;
}

section.vorteile {
   background-image: url('../img/bkg/englischer-garten-stadtpanorama.jpg');
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
   background-blend-mode: soft-light; /* macht die Farbe sichtbar */
   background-color:#129c4b;
   color: #ffffff;
}

section.presse {
   background-image: url('../img/bkg/olympiastadion-frauenkirche-alpen.jpg');
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-blend-mode: soft-light; /* macht die Farbe sichtbar */
   background-color: #eebb11;
   color: #000000;
}

section.wirtschaft {
   background-color: #dedede;
   color: #000000;
}

.wirtschaft .row {
   margin-top: 6rem;
}

.wirtschaft .textbox {
   background-color: rgb(240, 240, 240);
   /* border: 1px solid #ddd; */
   padding: 20px 20px 10px 20px;
   margin-bottom: 20px;
   text-align: justify;
   hyphens: auto;
}

.wirtschaft img {
   /* border: 1px solid grey; */
   margin-bottom: 20px;
   box-shadow: 0px .25em 10px grey;
}

li {
   margin: 1.5em 0 0 1em;
}

/* Variable Größen */

.pro-olympia-logo {
   max-width: 70%;
   margin: 3em 0;
}

body  {
   font-size: 1.6em;
}
h2 {
   font-size: 2.5em;
   margin: 0 0 1em;
}
footer h2 {
   font-size: 2.0em;
}
blockquote {
   font-size: 1.3em;
}

.wirtschaft p {
   font-size: 16px;
}

.impressum {
   border-top: 1px solid grey;
   margin-top: 4em;
}
.impressum p {
   font-size: 14px;
   line-height: 1.5em;
}

.trenner {
   margin-top: 3em;
}
.trenner img {
   width: 100px;
}

/* Media Querys */

@media (min-width: 768px) {
   body {
      font-size: 1.6em;
   }
   h2 {
      font-size: 2.5em;
      margin-bottom: 1em;
   }
   .logo img {
      height: auto;
      width: auto;
      max-height: 100px;
      max-width: 200px;
      margin: 15px;
      filter: grayscale(100%);
      transition: filter 0.3s ease;
   }
   .pro-olympia-logo {
      max-width: 40%;
      margin: 3em 0;
   }
   .impressum p {
      font-size: 16px;
   }
   .wirtschaft p {
      font-size: 16px;
   }
}
@media (min-width: 992px) {
   body {
      font-size: 2.0em;
   }
   h2 {
      font-size: 2.5em;
      margin-bottom: 1em;
   }
}
@media (min-width: 1200px) {
   body {
      font-size: 2.5em;
   }
   h2 {
      font-size: 2.8em;
      margin-bottom: 1em;
   }
}