body {    /* Allgemeine Angaben für body   */
  background: #white;
 background-image:url("../bilder/hintergrund_d.jpg");
 background-size: 100%;
  font-family: Gabriola, Comic Sans MS, Times New Roman, Times, serif;
  color: #002060;
  overflow-x: hidden;
  overflow-y: auto;

}
@media screen and (max-width: 30em) {
 body {
 background-image:url("../bilder/hintergrund_d.jpg");
background-size: cover;
  }
}

@media screen and (max-width: 40em) {      /* Allgemeine Angaben für body abhängig von der Bildschirmbreite   */
   body {
        font-size: 70%;
   }
}

header a, footer a{           /* Angaben für Verweise im Header und Footer  */
 color: #002060;
}


.col a:link {color: #03739c;}
.col a:visited {color: #03739c;}


a[href$=".pdf"] {
   background: url(../bilder/pdf3.png) no-repeat left center; height: 100%; margin: 1em;
   padding: 1em; border-bottom: none !important; }

a:hover[href$=".pdf"] {
   background: url(../bilder/pdf4.png) no-repeat left center; height: 100%; margin: 1em;
   padding: 0.8em; border-bottom: none !important; }
/*
 header{
 visibility: hidden;
 }
  */
/* header{

  position:fixed !important;
  position:absolute;
  width: 100%;
 */

/*
 footer {
  margin-bottom:0px;

  width:100%;
}
 */


.aber {
table-layout: auto;
 border: 1px solid #002060;
width: 100%;
text-align: left;
vertical-align:top;
padding-right:0.1em;
padding-left:0.1em;
margin: 1em 0em;
}
th,td {

  vertical-align:top;
 padding-left:0.5em;
}


.abstand {
margin-top: 0em;

}

header nav, footer nav {   /* Angaben für die Navigationsleisten  */
background:  rgba(255,255,255,0.7);     /* background:  rgba(255,242,204,0.5);  */
 }

.kontrastflex {       /* Kontrastverbesserung Text im index.html teiltransparenter Hintergrund  */
text-align: center;
display: flex;
flex-direction: row;
justify-content: space-around;

}

.kontrast {            /* Kontrastverbesserung Text im index.html  */
 background:  rgba(255,223,159,0.0);
 }

.kol {
  flex: 1 1 auto;
  justify-content: space-around;
  font-size: 1.0em;
  padding: 0.0em;
  list-style-type:none;
  margin:0.2em 0.5em;
  text-align: center;

}

.kol a:hover {
  background: #C5CE9A;
}



nav a {
width: 100%;
display: inline-block;
 background: #ffffff;                    /*  background: #fff2cc;    */
 text-align: center;
border: 0px solid white;
padding: 0.0em;

}

nav ul {
  margin:0;padding:0.3em;
  display: flex;
  margin: 0 0px;
  flex-flow: row wrap;
  justify-content: space-around;

}
/* .col:nth-child(1) { background:  rgba(255,242,204,0.8); }  .col:nth-child(2) { background: #fff2cc; opacity: 1.0; }    */

.col:nth-child(1) { background:  rgba(255,255,255,0.8); }
.col:nth-child(2) { background:  rgba(255,255,255,0.8); }
/*  .col:nth-child(2) { background: #ffffff; opacity: 1.0; }     */


.container{

  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;

  }

.col {
  width: 100%;
 /*  background:  rgba(255,242,204,0.7);        */
  margin: 0.5em 0.0em;

   }

@media (min-width: 40em) {
   .container {
      display: table;
      border-spacing: 0.3em;
      width: auto;

   }
   .col {
      display: table-cell;
      box-sizing: border-box;
      cell-spacing: 0px;
      padding: 0.5em;
      vertical-align: middle;
      color: #002060;

   }

   .col:nth-child(1) { width: 50%; }
   .col:nth-child(2) { width: 50%; }

}

.text_kontakt{
margin: 1em 0em;
text-align: center;
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-around;
}

.div_kontakt{
width: 40%;

border: 0.625em solid #C5CE9A;
background:  rgba(255,255,255,0.7);         /*  background:  rgba(255,242,204,0.7);    */

}


@media screen and (max-width: 30em) {
.text_kontakt{
margin: 1em 0em;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.div_kontakt{
margin: 1em 0em;
width: 90%;
border: 0.625em solid #C5CE9A;
background: #ffffff; opacity: 0.7;

}
}


input[type=submit]
{
  font-size: 1em;
  font-family: Comic Sans MS, Times New Roman, Times, serif;
  background:  rgba(226,197,114,0.5);
  border: none;
  color: #002060;
  padding: 0.2em 0.2em;
  text-decoration: none;
  margin: 0.5em 0.1em;
  cursor: pointer;

}

input:hover[type="submit"]
                {
                        background: #fff2cc;
                }

.therapien {
display flex;
flex-direction: row;
flex-flow: nowrap;
border: 0.0em solid #e2c572;
padding: 0.2em;
height: 100%;
}

.preise1 {
display: flex;
flex-direction: column;
lign-items:flex-start;
padding: 0.0em;
margin: 0.5em 0.5em;
 width: 60%;
}

@media screen and (max-width: 30em) {

.preise1 {
display: flex;
flex-direction: column;
lign-items:flex-start;
padding: 0.0em;
margin: 0.5em 0.5em;
 width: 80%;
}
}




.preise2 {

align-self: left;
background:  rgba(255,255,255,0.7);
 text-align: left;
border: 0.2em solid  #002060;
padding: 0.5em;
margin: 0.0em 0em;
}

@media screen and (max-width: 30em) {
.preise2 {

align-self: left;
background:  rgba(255,255,255,0.7);
 text-align: center;
 line-height:200%;
border: 0.2em solid  #002060;
padding: 1.5em;
margin: 0em 0em;
}
}

.sidenav {
display: flex;
flex-direction: column;

background:  rgba(197,206,154,0.7);
}

.sidenav2 {
display: flex;
flex-direction: column;

}

.sidenav3 {
font-size: 1.3em;

}


#Einleitungen {

display: flex;
flex-direction: row;
justify-content: space-around;
text-align: center;
}

.infotext {
background-color: rgba(255,255,255,0.8);
margin: 20px;
padding: 5px;
}

.infotabellen {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;

}

#tabelle1 {
background-color: rgba(255,255,255,0.8);
tr:nth-child(even) {background-color: #e3dede;}
tr:nth-child(odd) {background-color: white;}
}

#Reset {
font-family: Gabriola;
 width: auto;
  margin-left: auto;
    margin-right: auto;
   background-color: rgba(255,255,255,0.8);
   font-size: 100%;
 padding: 8px 12px;
  margin-bottom: 10px;
   -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}


#Reset:hover{
  background-color: #03739c;
}

.verweis {

font-size: 1.0em;
padding: 0.3em;
color: #002060;
}

.verweis a {
color: #002060;
}

.verweis a:hover {
  background: #ffffff;
}

.eingebettet{
margin: 0.3em 0.5em;
text-align: left;
display: flex;
flex-direction: row;

align-items: top;
background:  rgba(226,197,114,0.0);

padding: 0em;
}

iframe {

min-height: 700px;

}


.links {

padding: 0.0em;

}

@media screen and (max-width: 30em) {
.eingebettet{
margin: 0.5em 0.5em;
text-align: center;
display: flex;
flex-direction: column;

align-items: stretch;
background:  rgba(255,242,204,0.0);
padding: 0.2em;
}

.verweis {

font-size: 1.0em;
margin: 0.3em 0.8em;
color: #002060;
}

.sidenav {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-around;
background:  rgba(197,206,154,0.7);

}

.sidenav2 {
display: flex;
flex-direction: row;

}

.sidenav3 {


}


iframe {

min-height: 500px;

}

.links {
font-size: 0.8em;
float: left;
padding: 0.1em;
}
}

.schrift_therapien {
margin: 0 0;
margin-top: 0em;
margin-bottom: 0em;
padding-top 0em;
padding-bottom 0em;
color: #002060;
background:  rgba(255,242,204,0.0);
text-align: center;
width: 100%;
text-decoration: underline;
}

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

.center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  width: 80%;
}

.center3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.center4 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: middle;
  width: 100%;
   background: url(../bilder/home2.jpg) no-repeat center;
  color: #002060;
  text-indent:70px;
}


.center4 a:hover {
  background: url(../bilder/home3.jpg) no-repeat center;;
}

@media screen and (max-width: 40em) {
.center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
}

.datenschutz{
display: block;
  margin-left: auto;
  margin-right: auto;
width: 90%;
background:  #ffffff;
border: 1em solid #ffffff;
}