/* ––––––––––––––––––––––––––––––––––––––––––––––
 - Körpertherapeut Typo - 
 ––––––––––––––––––––––––––––––––––––––––––––––––*/



/* ––––––––––––––––––––––––––––––––––––––––––––––
 - Header - 
 ––––––––––––––––––––––––––––––––––––––––––––––––*/

p.adresse {
	font-size: 0.9em;
text-align: right;
  margin: 0; 
  padding: 0em 0em 0em 0em;
  line-height: 1.5em;
position: relative;
  top: -3em;
right: 2em;
  }



a.logo2 {
  color: #003399;   /* #003399 blau von „Praxis für... */
  text-decoration: none;
  line-height: 1.4em;
  font-size: 2.0em;
  /* font-weight:bold; */
  letter-spacing: 1px; /* Wieder ein wenig Typografie damit das Logo besser aussieht. */
  padding: 0.8em 0 0em 0;
	 margin: 0em 0 1em 0;
}





a.link-header { color: #0B4D8C; text-decoration: underline; } 
a.link-header:visited { color: #0B4D8C; }

a.linkimheader2 { 
	color: #cc5200;  /*  #0B4D8C Blau  #cc5200 Orange */ 
	text-decoration: none;
} 
a.linkimheader2:visited { color: #0B4D8C; }



/* ––––––––––––––––––––––––––––––––––––––––––––––
 - Main – –  Section – Nav - 
 ––––––––––––––––––––––––––––––––––––––––––––––––*/

p {
	font-size: 0.9em;
    line-height: 1.5em;
	margin: 0 0 0.9em 0;
}

p.clear {
	clear:both;
	font-size: 0.9em;
    line-height: 1.5em;
	margin: 0 0 1.2em 0;
}

p.erklaerung {
	font-size: 0.85em;
	font-style:italic;
	text-align:right;
    line-height: 1.5em;
	margin: 1.8em 2em 2em 1em;
}

p.erklaerung2 {
	font-size: 0.85em;
	font-style:italic;
	text-align:right;
    line-height: 1.5em;
	margin: 0em 2em 2em 1em;
}


ul.preise  {  
	font-size: 0.9em;
	line-height: 1.5em;
 	margin: 0em 2em 1.2em 1em;
  }

li.preiseli  {  
	list-style-position: outside;
	list-style-type: disc;
	
 	margin: 0em 0em 1.2em 1em;
  }

	
h1 { 
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.2em;
  padding: 0 0 1.2 0;
  margin: 0 0 0.5em 0;
  font-family:Georgia, Times New Roman, Times, serif;
  color: #0B4D8C;        /* Blau */
}

h2 { 
  font-size: 1.0em;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0 0 0 0;
  margin: 1.5em 0 0.9em 0;
  
  /*   color:#ac4601;  */
}

	
h3 { 
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.6em;
  padding: 0 0 1.2 1.2;
  margin: 0.3em 2em 0.3em 3.1em;
  font-family:Georgia, Times New Roman, Times, serif;
  color: #0B4D8C;        /* Blau */
}


a.link-im-fliesstext { 
	color: #cc5200; 
	text-decoration: none; 
} 
	
a.link-im-fliesstext:visited { 
	color: #cc5200; }


a.nachoben {   
	float:left;
	font-size:0.9em;
	color: #CF7B43;   /* #0B4D8C Blau  #cc5200 Orange #CF7B43 Hellorange*/
	text-decoration: none; 
	display: block;
	padding: 1em 0 1em 0;
	margin: 0em 0 0em 0;
}



	
	
.fleft35 { /* Sachen, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1.5em 0.2em 0; 
  width:35%;
}


.fright35 {
  float: right;
  margin: .3em 0 0.2em 1em;
  width:35%;

}
.fright66{
  float: right;
  margin: .3em 0 1em 1em;
  width:66%;
}




/* ––––––––––––––––––––––––––––––––––––––––––––––
                   -Dyno - 
 ––––––––––––––––––––––––––––––––––––––––––––––––*/


.dyno1 {                /* div beinhaltet die Dynos, momentan abgeschalten */
  float: left;
  width: 99%;
  margin:0em 0em 0em 0em;
}

/* Acordeon styles    */

.tab {                    /* div beinhaltet einzelne Dynos */
  position: relative;
  width: 100%;
  color: #fff;
  overflow: hidden;
  margin:1.4em 0em 1.4em 0em;
}

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tab label {                  /* Dyno geschlossen */
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #16a085;
  font-weight: normal;
  line-height: 2.5;           /* Höhe Balken geschlossen */
  cursor: pointer;
}

.tab-content {                  /* Dyno offen */
  max-height: 0;
  overflow: hidden;
  background: #1abc9c;
  -webkit-transition: max-height .9s;
  -o-transition: max-height .9s;
  transition: max-height .9s;
}

.tab-content p {
  margin: 1em;
}

/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100vh;
}

/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2em;
  height: 1.3em;
  line-height: 1.2;                   
  text-align: center;
  font-size:1.8em;
  -webkit-transition: all .9s;
  -o-transition: all .9s;
  transition: all .9s;
}

.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(225deg);
}



/*               - Ende Dyno -          */
 
 

/* ––––––––––––––––––––––––––––––––––––––––––––––
 - Footer - 
 ––––––––––––––––––––––––––––––––––––––––––––––––*/



.footer1 {
	float:left;
	/*font-size: 0.80em; */
	color: #555555;       /* #C0C0C0 Hellgrau */
	line-height: 1.5em;
	width: 100%;
	padding: 1em 1em 1em 0em;
	margin: 0px 0px 0 0px;
	/* border-right:4px #003399 dotted;  */
}

.footer-span-1 {
	/*font-size: 0.80em; */
	color: #0B4D8C ;        /* #0B4D8C Blau */
	font-weight: bold;
	/* border-right:4px #003399 dotted;  */
}

.footer2 {
	float:right;
	text-align: right;
	/*font-size: 0.80em; */
	color: #000000;
	line-height: 1.8em;
	width: 48%;
	padding: 1em 0em 0 2em;
	margin: 0px 0px 0 0px;
	/* border-right:4px #003399 dotted;  */
}


a.link-im-footer { 
	color: #cc5200;            /* orange  #cc5200    */
	text-decoration: none; 
	
	}

a.link-im-footer:hover { 
	color: #cc5200;            /* orange  #cc5200    */
	text-decoration: none; 
	 }
 



/* ––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
 - MITTEL - TABLET - 
 ––––––––––––––––––––––––––––––––––––––––––––––––
 ––––––––––––––––––––––––––––––––––––––––––––––––*/



@media only screen and (max-width: 780px) {

 

p.adresse {
	font-size: 0.8em;
text-align: right;
  margin: 0; 
  padding: 0em 0em 0em 0em;
  line-height: 1.5em;
position: relative;
  top: -2.7em;
right: 1.5em;
  }
	 


h1 { 
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1.2em;
  padding: 0 0 1.2 0;
  margin: 0 0 0.5em 0;
  font-family:Georgia, Times New Roman, Times, serif;
  color: #0B4D8C;        /* Blau */
}



/* ––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
 - Schmal - SMARTPHONE - 
 ––––––––––––––––––––––––––––––––––––––––––––––––
–––––––––––––––––––––––––––––––––––––––––––––––––
 ––––––––––––––––––––––––––––––––––––––––––––––––*/



@media only screen and (max-width: 520px) {

  
p.adresse {
	font-size: 0.7em;
text-align: right;
  margin: 0; 
  padding: 0em 0em 0em 0em;
  line-height: 1.5em;
position: relative;
  top: -2.0em;
right: 1.5em;
  }




}