/* TYPO ############ */

html {
  /*background: url('/fileadmin/tpl/da/_yoga/img/20190830_8780_4000.jpg') no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  font-family: "cronos-pro", sans-serif;
  font-weight: 200;
  position: absolute;
  width:100%;
  height:100%;
  justify-content: center; 
  align-items: center;
  background: none;
  color: #888;

}

/* TYPO Ende ####### */


.container {
  background: #fff;
  min-height: 100%;
  padding: 40px;
    
}

@media only screen and (min-width : 1200px) {
  .container {
    max-width: 1200px;
  }
}

#kopf {
  padding-top: 80px;
  padding-left: 15px;
  display: block;
  margin-bottom: 80px;
}

#kopf.kopfnormal {
  padding-top: 30px;
  margin-bottom: 30px;
}

#name {
   color: #888;
   font-size: 1.5rem;
}
/* STARTSEITE Psycho  ############### */

#angebot div {
    background-size: 300%;
    color: #fff;
    padding-top: 120px;
    padding-left: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#angebot a, #angebot a p {
  text-decoration: none;
  color: #fff;
}
#angebot a:hover #psy, #angebot a:hover #foc, #angebot a:hover #selbst{
  opacity: 0.8;
}

#psy {
  background: url('/fileadmin/tpl/da/img/20190607_8023_1.jpg'); 
  background-position: 30% 30%;
}
#foc{
  background: url('/fileadmin/tpl/da/img/20190607_8023_1.jpg'); 
  background-position: 5% 50%;
}
#selbst {
  background: url('/fileadmin/tpl/da/img/20190607_8023_1.jpg'); 
  background-position: 40% 60%;
}
#angebot h2 {
  font-weight: 200;
  color: #fff;
  font-size: 1.8em;
  line-height: 1.4em;
}


#about {
  padding-top: 40px;
}
#about img {
  width: 100%;
}




#inhalt {
  padding-top: 40px;
}