/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/Raleway-Light.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/Raleway-Bold.ttf) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*-------------------------------------------------------------------*/
/* Liste */

.liste, .jobs_text  {
	margin-bottom: 40px;
	line-height: 25px;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

.liste .text_bold, .jobs_text .text_bold {
	line-height: 25px;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.zeile {
	display: flex;
	margin-bottom: 5px;
}

.zeile p {
	line-height: 25px;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

.zeile p:first-of-type {
	width: 20px;
}



body {
	display: table;
	width: 100%;
}

h2, .methode h2, .text_bold {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 700; 
	line-height: 16px;
}


a {
	color: black;
	text-decoration:none;
}

a:hover {
	color: black;
	text-decoration:underline;
}

.text, text .table, #footer_textspalte_first p, #footer_textspalte p, .quelle_physio, .teammitglied, .adressen_titelseite, .adresse, .aviolat_titel_zusatz {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 400; 
	line-height: 19px;
}

.text_bold {
	font-size: 14px;
	font-weight: 700; 
	line-height: 16px;
}

/*-------------------------------------------------------------------*/
/* header */


#header {
	width: 100%;
	background: #cccccc;
}

#header_centered {
	width: 1280px;
	height: 240px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("bilder/headerbild2.jpg");
	background-repeat: none;
}

#cranio-sacral-therapie #header_centered, #raeumlichkeiten #header_centered, #links #header_centered, #kontakt #links #header_centered {
	background-image: url("bilder/headerbild1.jpg");
}

#header_logo {
	margin-left: auto;
	margin-right:auto;
	width: 300px;
	padding-top: 28px;
}

#header_image_logo {
	width: 100%;
}

#header_navigation {
	width: 100%;
	background: #b8eb6e;
}

#navigation {
	width: 1280px;
	height: 35px;
	padding-top:12px;
	padding-bottom:7px;	
	margin-left: auto;
	margin-right: auto;
	background: #b8eb6e;
}

#navigation_div {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
}


.header_navlink,  .link, link:visited  {
	text-decoration:overline;
	color:black;
	float:left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top:6px;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: black;
	text-decoration: none;
}

.header_navlink_last {
	text-decoration:overline;
	color:black;
	float:right;
	padding-left: 4px;
	padding-right: 4px;
	padding-top:6px;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: black;
	text-decoration: none;
}

#header_navlink,  .link:hover, .dropdown-content a:hover {
	text-decoration:none;
	color: #4db0e4;
}

.navigation a:hover, #home #nav-home a,  #raeumlichkeiten #nav-raeumlichkeiten a, #team #nav-team a, #andreasfritschi #nav-team a, #kontakt #nav-kontakt a, #krankenkassenzulassung #nav-krankenkassenzulassung a, #links #nav-links a, #impressum #nav-impressum a, #stellen #nav-stellen a, #cranio-sacral-therapie #nav-cranio-sacral-therapie a, #cranio-sacral-therapie #nav-angebot, #massage #nav-massage a, #massage #nav-angebot, #physiotherapie #nav-physiotherapie a, #physiotherapie #nav-angebot, #osteopathie #nav-osteopathie a, #osteopathie #nav-angebot, #erneahrung-und-bewegung #nav-erneahrung-und-bewegung a, #erneahrung-und-bewegung #nav-angebot, #coaching #nav-coaching a, #coaching #nav-angebot, #trauma-arbeit #nav-trauma-arbeit a, #trauma-arbeit #nav-angebot, #boeger-therapie #nav-boeger-therapie a, #boeger-therapie #nav-angebot {
	text-decoration:none;
	color: #4db0e4
;
}

#header_nav_verticalline {
	float:left;
	width:1px;
	height:30px;
	background-color: #ffffff;
}

.link, link:visited {
	text-decoration:overline;
	color:black;
	float:right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:3px;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	fcolor: black;
	text-decoration: none;
}

#header_navlink_last {
	padding-top:3px;
}


#header_nav_verticalline_last {
	float:right;
	width:1px;
	height:30px;
	background-color: #ffffff;
}

.dropdown {
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
    position: relative;
    display: inline-block;
}


.dropdown:hover {
	cursor: pointer;
}


.dropdown_abstand_zu_content {
	height:19px;
	min-width: 100%;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #C2F679;
    min-width: 200px;
	margin-left: -10px;
    padding: 12px 16px;
	padding-bottom: 20px;
    z-index: 1;
}

.dropdown-content p {
	clear:both;
	line-height: 17px;
}


.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown hr {
	background-color: #ffffff;
	width: 100px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	height: 1px;
	float:left;
}

.dropdown_abstand_zu_nav {
	height:10px;
}


/*-------------------------------------------------------------------*/
/* content */



#content {
	clear:both;
	width: 1280px;	
	margin-left: auto;
	margin-right: auto;
	margin-top:80px;
	padding-bottom:180px;
}


#content_div {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
}

#team #content_div {
	/* wenn 4 Personen in einer Reihe dann 948px wie der Rest der Seite */
	width: 1050px;
	display: flex;
	flex-direction: column;
}

.team_row {
	display: flex;
	justify-content: center;
}

.content_title, #praxis h1  {
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	font-weight: 700; 
	color: black;
	text-align:center;
	margin-top:20px;
	margin-bottom: 30px;
}

.content_title_in_text {
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
	font-weight: 700; 
	color: black;
	text-align:left;
	margin-top:10px;
	padding-bottom: 20px;
}



.content_untertitel {
	margin-bottom:40px;
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	line-height: 35px;
	color: black;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.content_image {
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
}

#praxis { 
	width: 948px;
}

/*-------------------------------------------------------------------*/
/* content home */


#content_home_titel{
	text-align: center;
}

#content_home_text_titelseite {
	margin-top: 45px;
	font-size: 20px;
	line-height:25px;
	color: black;
	font-weight: 700; 
}

.wrap_methoden {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.methode {
	width: 208px;
	padding-right: 38px;
	float:left;
	text-align: center;
}

#massage, #boegertherapie {
	padding-right: 0%;
}

.titelergaenzung-zum-boegerkonzept {
	text-align: center;
	margin-top: -20px;
}

.methode img {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
}


.methode .dots {
	margin-top:7px;
	margin-bottom:10px;
	font-size: 20px;
	text-align:center;
	letter-spacing: 6px;
}

.methode a {
	text-decoration:none;	
}

#osteopathie .dots  {
	color: #b8eb6e;
}

#physiotherapie .dots  {
	color: #e8fa1f;
}


#cranio-sacral-therapie .dots  {
	color: #4db0e4;
}


#massage .dots  {
	color: #3c3c3c;
}

#erneahrung-und-bewegung .dots  {
	color: #4db0e4;	
}

#coaching .dots {
	color: #3c3c3c;
}

#abstand-1 {
	clear:both;
	height: 50px;
	width: 100%;
}

#abstand-2 {
	clear:both;
	height: 70px;
	width: 100%;
}

#praxis h1 {
	text-align: center;
}

#praxis .dots, .content_dots {
	color: #4db0e4;
	text-align: center;
	margin-top:7px;
	margin-bottom:10px;
	font-size: 20px;
	text-align:center;
	letter-spacing: 6px;
}

.adressen_titelseite {
	text-align: center;
	font-weight: 700;
	margin-bottom: 100px;
	margin-top: 60px;
}

.adressen_titelseite, .adresse {
	line-height: 35px;
	font-size: 30px;
}


/*-------------------------------------------------------------------*/
/* content team */

.teammitglied {
	float:left;
	margin-right: 37px;
}


.teammitglied img, .teammitglied p{
	width:206px;
	margin-bottom: 10px;

}


#teammitglied_last {
	margin-right: 0px;
}

.aviolat_titel {
	margin-top: 80px;
	margin-bottom: 10px;
	text-align: left;
}

.aviolat_titel_zusatz {
	margin-bottom: 20px;
}

.aviolat {
	display: flex;
	margin-bottom: 80px;
}

.aviolat p {
	margin-top: 20px;
}


.aviolat:hover {
	text-decoration: none;
}


/*-------------------------------------------------------------------*/
/* content osteopathie */

#content_osteopathie_titel {
	width:948px;
	margin-bottom:40px;
}



#content_osteopathie_text_was_ist_osteophatie {
	margin-bottom:60px;
	margin-right:40px;
	float:left;
	width:500px;
}

#content_osteopathie_image_wasistosteopathie {
	float:left;
	margin-bottom:60px;
	width: 378px;
}

#content_osteopathie_image_kinderosteopathie {
	float:left;
	margin-right:40px;
	margin-bottom:60px;
	width: 378px;
}

#content_osteopathie_text_kinderosteopathie {
	float:left;
	margin-bottom:60px;
	width:375px;
}

#content_osteopathie_text_behandungsbereiche {
	float:left;
	width:670px;
}

#content_osteopathie_image_Behandlungsbereiche1 {
	margin-left:40px;
	margin-bottom:12px;
}

#content_osteopathie_image_Behandlungsbereiche2 {
margin-left:40px;
}

#somatic_experiencing_image {
	width: 378px;
	margin-bottom:12px;
}

#content_osteopathie_dots {
	color: #4db0e4;
	text-align: center;
	margin-top:7px;
	margin-bottom:10px;
	font-size: 20px;
	text-align:center;
	letter-spacing: 6px;
}

/*-------------------------------------------------------------------*/
/* content Craniosacral Therapie */
.abstand_zu_punkten {
	width:100%;
	height:40px;
}

#cranio-sacral-therapie .content_untertitel {
	margin-top: 20px;
}

#text-links {
	margin-bottom:60px;
	margin-right:40px;
	float:left;
	width:500px;
}

#text-links-massage {
	margin-bottom:00px;
	margin-right:40px;
	float:left;
	width:500px;
}

#text-rechts {
	margin-bottom:60px;
	margin-right:40px;
	float:right;
	width:500px;
}

#Cranio-Sacral-Therapie_image {
	width:378px;
	margin-left: auto;
	margin-right: auto;
}

#zusatz_zu_behandlungsbereiche {
	text-align: center;
}


/*-------------------------------------------------------------------*/
/* Physio */

.quelle_physio {
	float: right;
	margin-top: 80px;

}

.dot {
	float: left;
	width: 20px;
}

.behandlungsbereich {
	float: left;
	width: 450px;
}

/*-------------------------------------------------------------------*/
/* Ernährung / Bewegung */

.wrap_images_erneahrung-und-bewegung {
	float: right;
	display: flex;
	flex-direction: column;
}

.erneahrung-und-bewegung_image {
	width:378px;
}

.erneahrung-und-bewegung_image:first-of-type {
	margin-bottom: 20px;
}

/*-------------------------------------------------------------------*/
/* content Räumlichkeiten */


#content_raeumlichkeiten_titel {
	width:948px;
	margin-bottom:40px;
}

#raeumlichkeiten #content img {
	width: 49%;
	height: 49%;
	padding-top: 1%;
	padding-bottom: 1%;
}


.raeumlichkeiten_image_left {
	padding-right: 2%;
}


#raeumlichkeiten #content_div {
	display: flex;
	flex-wrap: wrap;
}


/*-------------------------------------------------------------------*/
/* Team früher --> Andreas Fritschi */


html, body {
  height: 100%;
  margin: 0;
}

#map{
  height: 100%;
  margin: 0;
}

#content_andreasfritschi_title {
	float:left;
	margin-left:40px;
	margin-right: 40px;
}

#content_andreasfritschi_image_portrait {
	margin-top:10px;
	float:left;
	width: 216px;
}

#content_andreasfritschi_table {
	margin-top:10px;
}

.content_andreasfritschi_table_tr {
	border-bottom: 15px solid #ffffff;
}

#content_andreasfritschi_lebenslauf {
	float:left;
	margin-left:40px;
}

#zurPerson {
	margin-top:20px; margin-bottom:7px;"
}

#persoenlicheWebsite {
	margin-top:30px; margin-bottom:7px;"
}

#terminbuchungen {
	margin-top:30px; margin-bottom:7px;"
}

#content_andreasfritschi_abstand {
	width:100%;
	height:20px;
	clear:both;
}

#content_andreasfritschi_clearbottom {
	clear:both;
	height:80px;
}


#content_andreasfritschi_clearbottom_2 {
	clear:both;
}

#content_andreasfritschi_dots {
	color: #4db0e4;
	text-align: center;
	margin-top:7px;
	margin-bottom:10px;
	font-size: 20px;
	text-align:center;
	letter-spacing: 6px;
}

#monikafritschi {
	width: 400px;
}

.teammemeber-page-image {
	width: 216px;
}

/*-------------------------------------------------------------------*/
/* content Kontakt */


#content_kontakt_title {
	margin-bottom:40px;
}

#content_kontakt_handunglsaufforderung {
	float:left;
	width: 450px;
}

#content_kontakt_anfahrt {
	float:left;
	width: 450px;
}
		 
#content_kontakt_map {
	margin-bottom:40px;
}

#content_kontakt_handunglsaufforderung_text{
	font-size: 20px;
	line-height:25px;
	color: black;
	font-weight: 700; 
}		

#content_kontakt_clear {
	clear:both;
}

#kontakt .content_untertitel {
	text-align: left;
	margin-top: 0px;
}

#kontakt .adressen_titelseite {
	text-align: left;
	margin-top: 20px;
}



/*-------------------------------------------------------------------*/
/* content Krankenkassen-Zulassung */


#content_kontakt_titel {
	margin-bottom:40px;
}

#content_krankenkassenzulassung {
	margin-bottom:40px;
}

#content_krankenkassenzulassung_image {
	float:left;
	width: 334px;
}

#content_krankenkassenzulassung_text {
	float:left;
	margin-left:45px;
	width:500px;
	min-height: 480px;
}

.spalte_links {
	margin-top:20px;
	width: 37%;
	margin-right: 6%;
	float:right;
}

.spalte_rechts {
	margin-top:20px;
	width: 37%;
	float: right;
}



/*-------------------------------------------------------------------*/
/* content Links */


#links {
	min-height: 1280px;
}

#content_links_title {
	margin-bottom:40px;
	text-align: left;
}

.content_links_link {
	font-size: 20px;
	font-weight: 700; 
	line-height:25px;
	width:948px;
	vertical-align:middle;
} 

#content_links_table td {
	vertical-align:middle;
	padding-bottom:40px;
}

.content_links_image {
	margin-right: 60px;
}


/*-------------------------------------------------------------------*/
/* content Stellen */

#stellen #content_div {
	display: flex;
	flex-direction: column;
}

#stellen .content_image:first-of-type {
	margin-bottom: 30px;
}

/*-------------------------------------------------------------------*/
/* content Impressum und Datenschutz */

#content_impressum, .content_impressum {
	width:730px;
}

.content_datenschutz {
	width:730px;
}

#content_impressum_title, .content_datenschutz_title {
	width:948px;
	margin-bottom: 40px;
}

.content_datenschutz_title {
	margin-bottom: 0px;
}

#impressum_angaben, .datenschutz_table {
	margin-bottom:40px;
}

.stand_datenschutz {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
}

/*-------------------------------------------------------------------*/
/* footer */



.page-row {
	display: table-row;
}

.page-row-expanded { 
	height: 100%; 
}

#footer {
	width: 100%;
	clear:both;
	background: #b8eb6e;
}

#footer_div {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	background: #b8eb6e;
}


#footer_centered {
	width: 948px;
	height: 240px;
	margin-left: auto;
	margin-right: auto;
}


#footer_textspalte_first {
	float:left;
	margin-top:40px;
	margin-left:0px;
}

#footer_textspalte_first h1, #footer_textspalte h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700; 
	font-color: black;
	font-size: 14px;
	margin-bottom:15px;
}


#footer_textspalte {
	float:left;
	margin-top:40px;
	margin-left:70px;
}