/* Waschparks
 * Max. Eichen.
 */
#iproteg {
  display: inline-block;
  position: relative;
  width: 100%;
  /* margin-bottom: 20px; */
  /*background: rgb(21, 55, 127); */
  background: rgb(35, 31, 32);
  overflow: hidden;
}

#iproteg .global-streamlined {
  text-align: left;
}

#iproteg .global-title-container {
  background: rgb(228, 0, 15);
}

#iproteg .banner {
  display: inline-block;
  position: absolute;
  top: 2em;
  left: 0;
  width: 100%;
  padding: .5em 0;
  z-index: 10;
  /* background: rgb(22, 34, 89); */
  /*background: linear-gradient(to bottom, rgba(22, 34, 89, 1) 0%, rgba(22, 34, 89, 0.25) 50%, rgba(22, 34, 89, 1) 100%); */
  background: rgb(220,23,51);
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(220,23,51,1) 95%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#iproteg .banner .symbol {
  display: inline-block;
  max-width: 700px;
  width: 100%;
  margin-left: -5px;
}

#iproteg .glyph {
  display: inline-block;
  position: absolute;
  max-width: 360px;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 0;
  -webkit-shape-outside: circle();
  shape-outside: circle();
}

#iproteg .glyph-shape {
  display: inline-block;
  position: absolute;
  max-width: 360px;
  width: 100%;
  height: 360px;
  top: 0;
  right: 0;
  z-index: 100;
  -webkit-shape-outside: circle(50px);
  shape-outside: circle(50px);
  background: pink;
}

#iproteg .wrapper-text p {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 25px;
  width: 100%;
  z-index: 100;
}

#iproteg .wrapper-text {
  display: inline-block;
  position: relative;
  margin-top: 150px;
  margin-bottom: 45px;
  text-align: left;
  font-size: 25px;
  font-size: 17.4px;
  line-height: 1.8em;
  width: 100%;
  z-index: 100;
}

/*#iproteg .poly {
  display: inline-block;
  margin-top: -5px;
  margin-right: -70px;
  max-width: 320px;
  width: 100%;
  height: 100px;
  background: pink;
  float: right;
}*/
#iproteg .wrapper-text .title {
  display: inline-block;
  font-size: 23px;
  margin-top: 10px;
  margin-bottom: 22px;
}

#iproteg .wrapper-text .subtitle {
  display: inline-block;
  font-size: 23px;
  margin-top: 0px;
}

@media all and (max-width: 1000px) {
  #iproteg .wrapper-text br {
    display: none;
  }

  #iproteg .wrapper-text .title {
    font-size: 22px;
  }

  #iproteg .global-streamlined {
    text-align: center;
  }

  #iproteg .wrapper-text {
    display: inline-block;
    margin-top: 150px;
    margin-bottom: 60px;
    text-align: left;
    font-size: 25px;
    line-height: 1.5em;
    max-width: 430px;
    max-width: 700px;
  }

  #iproteg .banner .symbol {
    margin-left: 0;
    width: 700px;
  }

  #iproteg .glyph {
    min-width: 200px;
    width: 45vw;
  }

  #iproteg .wrapper-text {
    font-size: 18px;
  }
}

@media all and (max-width: 720px) {
  #iproteg .wrapper-text {
    margin-top: 130px;
    min-width: 280px;
    width: 100%;
    max-width: 620px;
    padding: 0 10px;
  }

  #iproteg .banner .symbol {
    min-width: 280px;
    width: 100%;
    max-width: 620px;
    padding: 0 10px;
  }

  #iproteg .wrapper-text {
    font-size: 16px;
  }

  #iproteg .wrapper-text .title {
    font-size: 18px;
  }
}