body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'Raleway', sans-serif;
  /*font-size: 24px;*/
  
  /*background: url("../img/cooleres_toothpaste_BG_001.jpg") fixed center no-repeat !important;*/
 /* -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  */
  background-size: cover !important;
  overflow-y: auto;
  background-color: #ff0099;
}

.bg-dark{
  background-color: #000000!important;
}

#mc_embed_signup{
  background:#ff0099; 
  clear:left; 
  font-family: 'Raleway', sans-serif; 
  width:100%;
}

#mc-embedded-subscribe{
  background:#ff0099;
  font-size: xx-large;
}

.mainWrap {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  /*background-color: rgb(194, 194, 194) !important;*/
  /*background: url("../img/cooleres_toothpaste_BG_001.jpg") fixed center no-repeat !important;*/
 

  background-size: cover !important;
  overflow-y: auto;

  
}

.mainWrapNeueres {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  /*background-color: rgb(194, 194, 194) !important;*/
  /*background: url("../img/LOGO_cooleres_white_alpha.png") fixed center no-repeat !important;*/


 
  background-size: cover !important;
  overflow-y: auto;
  
}



nav {
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}



h1 {
  font-size: 32px;
  display: flexbox;
  color: #ff0099;
  padding: 5px;;
  background-color: #FFFFFF;
  font-weight: 700;

}

h2 {
  padding: 3px;
  color: #FFFFFF;
  background-color: #ff0099;
  box-shadow: 0.5em 0 0 #ff0099,-0.5em 0 0 #ff0099;
  margin-bottom: 50px;
}

h3 {
  font-size: larger;
  padding: 3px;
  color: #FFFFFF;
  background-color: #ff0099;
  box-shadow: 0.5em 0 0 #ff0099,-0.5em 0 0 #ff0099;

}

.main {
  display: block;


  width: 100%;
  padding: 0 20px;
}

p {
  
  color: #ffffff;
  padding: 0.5em;
  background-color: #343a40;
}

.embed-container {
  position: absolute;
padding-bottom: 56.25%;

overflow: hidden;
max-width: 50%;
}


.videobereich {
 
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 15%;
}

.videoextern {
  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.social-link-bar{
  text-align: center;
}


.copyText {
  font-size: larger;
  color: #ffffff;
  background-color: #ff0099;
  box-shadow: 0.5em 0 0 #ff0099,-0.5em 0 0 #ff0099;
}
.copyText > a{
  font-size: larger;
  color: #ffffff;
  background-color: #ff0099;
  box-shadow: 0.5em 0 0 #ff0099,-0.5em 0 0 #ff0099;
}

.nav-link{
  display: inline-block !important;
}
.nav-link-xtra{
  font-size: larger;
 
  color: #3cff00;
  background-color: #ff0099;
  box-shadow: 0.5em 0 0 #ff0099,-0.5em 0 0 #ff0099;
}
/*
.nav-link-xtra > a:hover{
  color: #3cff00;
}

.nav-link-xtra > li > a:hover{
  font-size: larger;
  color: #ff0099;
  background-color: #fff;
  box-shadow: 0.5em 0 0 #fff,-0.5em 0 0 #fff;
}

#mc-embedded-subscribe { color: #ff39b0 !important; background-color: #3cff00 !important; font-size: large !important;  font-weight: bold !important;}
#mc-embedded-subscribe:hover { color: #ff0099 !important; background-color: #04ff2e !important; font-size: large !important; font-weight: bolder !important;}
*/
.indicates-required{
  color: #fff !important;
}

section {
  margin-bottom: 50px;
}

.nav-item{
  font-size: 20px;;
}

.footer{
  
  background-color:#e5e5e5;
  color: #ff0099 !important;
  text-align:center;
  padding:10px;
  margin-top:7px;
  
}

.footer > a {
  color: #ff0099 !important;
  white-space: nowrap !important;
}

.soc-link {
  color: #ffffff !important;
  background-color: #ff0099;
  
}

.fab, .fab-link-text{
  font-size: x-large;
  color: #3cff00 !important;
  /*background-color: #fff;*/
}

.socializer {
  display: block!important;
}