/* GERAL */

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Helvetica;
  }

  /* Rolagem suave */
  html {
    scroll-behavior: smooth;
  }

  body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #fafafa;
  }


/* MOBILE */
@media screen and (max-width: 600px) {

    /* Logo & Titulo */
    
    #divTitulo-Texto, #imgBandeiras{
      display: none;
    }

    #divTitulo {
      display: flex;
      justify-content: center;
    }

    #imgTitulo-Logo {
      width: 300px;
      height: 300px;
    }
    
    /* MENU FIXO */
    #divMENU {
      display: flex;
      flex-wrap: wrap;
      font-size: 20px;
    
    }

    .clNavMENU {
      display: flex;
      flex-direction: column;
      width: 50%;
    }

    #navDeutsch {
      background-color: #FFD700;
      color: white;
      text-align: center;
      padding: 15px 0;
    }

    #navPortugues {
      background-color: #009440;
      color: white;
      text-align: center;
      padding: 15px 0;
    }

    #divHome {
      justify-content: center;
      text-align: center;
    }

    h2 {
      font-size: 20px;
    }

    #imgHomeDE {
      width: 40px;
      height: 72px;
    }

    #imgHomeBR {
      width: 80px;
      height: 80px;
    }

    #divSocialMedia {
      display: flex;
      flex-wrap: wrap;
      justify-content:space-around;
    }

    #divSocialMedia span{
      display: none;
    }

    #divSocialMedia img {
      width: 50px;
      height: 50px;
      align-self: center;
    }

    #divBackMENU {
      display: flex;
      flex-wrap: wrap;
      justify-content:space-around;
    }

    #divGottesdienste {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    #divGottesdienste img{
      width: 80px;
      height: 80px;
      align-self: center;
    }

    #divCultos {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    #divCultos img{
      width: 80px;
      height: 80px;
      align-self: center;
    }

    #imgAdresse{
      width: 80px;
      height: 80px
    }

    #imgLocalizacao{
      width: 80px;
      height: 80px
    }

    #divGottesdienste {
      display: flex;
      justify-content: center;
    }

    #divGottesdienste img {
      width: 80px;
      height: 80px
    }

    #divDoacao {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    #imgPayPal {
      width: 88px;
      height: 24px
    }
    
    #imgsparkasse {
      width: 100px;
      height: 100px
    }

}

/* Laptop & Desktop */
@media (min-width: 800px) {

  /* Logo & Titulo */
#divTitulo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#imgTitulo-Logo {
  width: 150px;
  height: 150px
}

#divTitulo-Texto {
  display:inline-block ;
  text-align: right;
  padding: 30px;
}

#imgBandeiras{
  width: 72px;
  height: 40px;
}

    /* MENU FIXO */
nav {
  /*position: fixed;
  top: 150;
  left: 0;
  width: 100%;*/
  background-color: #333;
  color: white;
  text-align: center;
  padding: 10px 0;
}

/*
Preto: #000000
Vermelho: #DD0000 ou, em algumas especificações oficiais, #FF0000
Dourado (Amarelo): #FFCE00 ou #FFCC00 
*/

/*
Verde: #009440 (ou #009739)
Amarelo: #FFD700 ou #ffcb00 (variações)
Azul: #002776 ou #302681 (variações)
Branco: #FFFFFF (para o círculo e faixa) 
*/

#navDeutsch{
      /*position: fixed;
      top: 150;
      left: 0;
      width: 100%;*/
      background-color: #FFD700;
      color: white;
      text-align: center;
      padding: 15px 0;
}

#navPortugues {
      /*position: fixed;
      top: 150;
      left: 0;
      width: 100%;*/
      background-color: #009440;
      color: white;
      text-align: center;
      padding: 15px 0;
    }

/*
    nav a {
      color: white;
      text-decoration: none;
      margin: 0 20px;
      font-weight: bold;
      transition: color 0.3s;
    }
*/

#navDeutsch a {
  color: black;
  text-decoration: none;
  margin: 0 20px;
  font-weight: bold;
  transition: color 0.3s;
}

    #navPortugues a {
      color: #FFF;
      text-decoration: none;
      margin: 0 20px;
      font-weight: bold;
      transition: color 0.3s;
    }

    /* Link ativo */
/*
    nav a.active {
      color: #ffd700;
      border-bottom: 2px solid #ffd700;
      padding-bottom: 4px;
    }
*/

    #navDeutsch a.active {
      color: #DD0000;
      border-bottom: 2px solid #ffd700;
      padding-bottom: 4px;
    }

    #navPortugues a.active {
      color: #fff;
      border-bottom: 2px solid #ffd700;
      padding-bottom: 4px;
    }

    #navDeutsch a:hover {
      color: #DD0000;
    }

    #navPortugues a:hover {
      color: #002776;
    }

#divHome {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

#divHome-DE, #divHome-BR {
  display: flex;
  flex-direction: row;
  justify-content:space-between;
}

/*
H/V = 0,8435171385991
*/

#imgHomeDE {
  width: 120px;
  height: 160px;
}

#imgHomeBR {
  width: 150px;
  height: 150px;
}

#divSocialMedia{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-around;
  text-align: center;
}

#divSocialMedia a {
  text-decoration: none;
}

#divSocialMedia img {
  width: 30px;
  height: 30px;
}

#divBackMENU {
  display:none;
}

h2 {
  text-align: center;
  border: 20px;
}

ul {
  list-style: none;
}

#divGottesdienste {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 100px;
}

#divGottesdienste img {
  width: 200px;
  height: 200px;
}

#divCultos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 100px;
}

#divCultos img {
  width: 200px;
  height: 200px;
}

#imgAdresse {
  width: 200px;
  height: 200px;
}

#imgLocalizacao {
  width: 200px;
  height: 200px;
}

#divSpenden {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#divDoacao {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


#divCanais {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#divPayPal {
  align-items: center;
  align-content: center;
  display: flex;
  padding: 20px;
  margin-top: 30px;
}

#imgPayPal {
  border: 10px;
  width: 100px;
  height: 37px;
}

#divimgPayPal {
  align-items: center;
  align-content: center;
  margin: 10px;
}

#divPayPal-texto {
  border: 10px;
}

#divSparkasse {
    display: flex;
    padding: 20px;
    border: 5px;;
    margin-top: 30px;
}

#divimgsparkasse {
  align-items: center;
  align-content: center;
  margin: 10px;
}

#imgsparkasse {
  width: 60px;
  height: 60px;
}

    /* Seções */
section {
  padding: 80px 20px;
  min-height: 80vh;
  margin-top: 40px;
}

}

/* Cores de fundo diferentes pra testar */
#home { background-color: #f4f4f4; }
#sobre { background-color: #edfcfe; }
#cultos { background-color: #cccccc; }
#localizacao { background-color: #e2f4df; }
#contato { background-color: #f7e6cb; }
#doacao { background-color: #f3efca; }

#uberuns { background-color: #edfcfe; }
#gottesdienste { background-color: #cccccc; }
#adresse { background-color: #e2f4df; }
#kontakt { background-color: #f7e6cb; }
#spenden { background-color: #f3efca; }