.titlemodular{
/*  padding-bottom: 0rem; */
  padding: 0;
}

.unterpunktmodular{
  padding-top: 0rem;
  padding-bottom: 0rem;
}

html{
  font-weight: 200!important;
}

#header a{
  font-weight: 200!important;
}

h2{
  margin-top: 0rem;
}

h4{
  font-size: 1.6rem;
}

span.toggler:before {
  content: none!important;
}

b, strong {
  font-weight: 500!important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 200!important;
}

code{
  font-family: inherit;
  font-variant: small-caps;
  font-size: 100%;
  line-height: 1;
  padding: 0;
  color: inherit;
  border-radius: 0rem;
  background: inherit;
}

.column{
  align-items: center;
}

.floatright, .floatleft {
  max-width: 50%;
  object-fit: cover;
}

.floatright{
  float: right;
  margin-left: 2em;
}

.floatleft{
  float: left;
  margin-right: 2em;
}

.haltungsbild{
  height:18em;
}

.bild_supervisionhoch{
  max-height: 48em;
}

.bild_arbeitsweise{
  height: 30em;
  max-width: 20%;
}

.bild_supervisionquer{
  display: none;
}

.coachingbild{
  height: 20em;
  max-width: 20em;
}

.portraitbild {
  height: 28em;
  object-position: 25%;
  margin-bottom: 22em;
}

.kontaktbild{
}

.bso_logo {
  max-width: 50%;
}

.bild_arbeitsweise, .bild_supervisionhoch, .haltungsbild, .kontaktbild{
  margin-top: 1.8em;
}

.coachingbild{
  margin-top: 2.4em;
}

.portraitbild{
  margin-top: 1.4em;
}

.img{

}



@media (max-width: 840px){

  h4{
    font-size: 1.2rem;
  }
  .portraitbild{
    max-width: 100%;
    float: none;
    object-fit: initial;
    height: auto;
    padding: initial;
    margin: initial;
  }
  .bild_supervisionhoch{
    display: none;
  }
  .bild_supervisionquer{
    display: block;
  }
  .coachingbild, .bild_supervisionquer, .bild_arbeitsweise, .bild_formales{
    width: 100%;
    float: none;
    max-width: 100%;
    height: 8em;
    object-fit: cover;
    margin-right: initial;
    margin-left: initial;
  }
  .kontaktbild{
    width: 40%;
    height: 15em;
    object-position: 60%;
  }
  .bso_logo {
    width: 80%;
  }
}