@charset "utf-8";
/* CSS Document ©2019 by daroc */
/* Thank you for looking at this code ;-) */ 


/* source-sans-pro-regular - latin_latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin_latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin_latin-ext-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-display-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
       url('../fonts/playfair-display-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v14-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

html, body{
	background-color: #ffedde; color: #555; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-size: 1.1em; letter-spacing: 0.02em; line-height: 1.5em; margin: 0; padding: 0; scroll-behavior: smooth; width: 100%; }
a{
	outline: none; }
a:link,
a:visited{
	color: #555; text-decoration: underline; transition: color 0.5s ease-in-out; }
a:hover,
a:active{
	color: #999; text-decoration: underline; }

a.no-js{
	display: block; position: relative; top: -80px; visibility: hidden; }

div.div_outer{
	display: table; height: 100%; position: absolute; width: 100%; }
div.div_middle{
	display: table-cell; vertical-align: middle; }
div.div_inner{ 
	margin: 0 auto; }

header{
	background-color: #c5e0e2; height: 80px; position: fixed; top: 0; left: 0; padding: 0; text-align: right; width: 100%; z-index: 1000; }
div#innerheader{
	margin: 0 auto; padding: 0 2%; position: relative; width: 96%; max-width: 1920px; }

div#container{
	box-sizing: border-box; height: auto; margin: 0 auto; padding: 0 80px; position: relative; width: 100%; max-width: 1920px; }
div#homebutton{
	float: left; height: 80px; margin: 0; padding: 10px 0; }
div#homebutton a img{
	border: none; height: 60px; width: auto; }
nav.pushmenu-nav{ 
	height: 80px; line-height: 80px; margin: 0; padding: 0; }
ul.navbar-list { 
	display: table; float: right; height: 80px; margin: 0; padding: 0; }
ul.navbar-list li.navbar-item { 
	font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-size: 1em; font-weight: 700; display: table-cell; padding: 0; padding-left: 20px; text-align: center; }
ul.navbar-list li.navbar-item a:link,
ul.navbar-list li.navbar-item a:visited{
	color: #006768; display: block; font-weight: 700; height: 44px; margin: 0; outline: none; position: relative; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: all 0.5s ease-in-out; }
ul.navbar-list li.navbar-item a:hover,
ul.navbar-list li.navbar-item a:active{
	color: #ffffff; }
ul.navbar-list li#moblist{
	display: none; }
a#mobNavi{ 
	background-image: url(../images/navicon.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-clip: border-box; background-origin: padding-box; background-size: cover; border: 0; box-sizing: border-box; height: 40px; line-height: 80px; float: right; margin-top: 20px; outline: 0; text-decoration: none; text-align: center; width: 40px; }

div.uppertable{
	display: table; width: 100%; }
div.tableclass{
	background-color: #fffbf8; display: table; width: 100%; }

div#heroimage,
div#team-div,
div#praxis-div,
div#angebot-div,
div#kurse-div,
div#preise-div,
div#kontakt-div{
	display: table; height: 100%; position: relative; width: 100%; }

div#team-title,
div#praxis-title,
div#angebot-title,
div#kurse-title,
div#preise-title,
div#kontakt-title{
	background-color: #c5e0e2; clear: both; display: table-cell; height: 80px; padding: 0; width: 100%; }
div.leftangle{
	background-image: url(../images/leftcorner.png); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: -80px; height: 80px; width: 80px; }
div.rightangle{
	background-image: url(../images/rightcorner.png); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: -80px; height: 80px; width: 80px; }

div#team-title h1,
div#praxis-title h1,
div#angebot-title h1,
div#kurse-title h1,
div#preise-title h1,
div#kontakt-title h1{
	color: #006768; font-family: 'Playfair Display'; font-size: 2.5rem; line-height: 80px; margin: 0; text-align: center; text-transform: uppercase; }

section#introduction{
	box-sizing: border-box; background-color: #ffedde; height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#heroimage{
    background-color: #c5e0e2; }
div#logoposition{
	display: table-cell; background-image: url(../svg/physiotherapie-im-dorf-schupfart.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; margin: 0; padding: 0; position: relative; width: 30%; }
div#imageposition{
	display: table-cell; background-image: url(../images/physiotherapie-im-dorf_schupfart_01.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; margin: 0; padding: 0; position: relative; width: 70%; }

section#myteam{
	box-sizing: border-box; background-color: #ffedde; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#team-left{
	display: table-cell; position: relative; width: 50%; }
div#team-right{
	display: table-cell; position: relative; width: 50%; }
div.member{
	box-sizing: border-box; height: auto; padding-top: 10px; width: 100%; }
div.memberleft{
	box-sizing: border-box; float: left; height: auto; padding: 10px 20px 20px 20px; text-align: center; width: 50%; }
div.memberleft p:first-child{
	margin-top: 0; }
div.memberright{
	background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; float: right; height: auto; padding-top: 33.33%; width: 50%; }

section#mypraxis{
	box-sizing: border-box; background-color: #ffedde; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#praxis-left{
	display: table-cell; position: relative; vertical-align: top; width: 33.33%; }
div#praxis-right{
	display: table-cell; position: relative; width: 66.66%; }
div.textpart{
	box-sizing: border-box; height: auto; padding: 20px; width: 100%; }
div.textpart p:first-child{
	margin-top: 0; }
div.bilderline{
	position: relative; padding-bottom: 66.66%; height: 0; }
div.bilderline ul{
	margin: 0px; padding: 0; }

section#myoffers{
	box-sizing: border-box; background-color: #ffedde; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#angebot-left{
	display: table-cell; position: relative; vertical-align: top; width: 33.33%; }
div#angebot-center{
	display: table-cell; position: relative; vertical-align: top; width: 33.33%; }
div#angebot-right{
	display: table-cell; position: relative; vertical-align: top; width: 33.33%; }
div.offerdiv{
	box-sizing: border-box; height: auto; padding: 20px; width: 100%; }
div.offerdiv p:first-child{
	margin-top: 0; }

section#mycourses{
	box-sizing: border-box; background-image: linear-gradient( to right, #ffedde 0%, #ffedde 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#looks-left{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#looks-left h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }
div#looks-right{
	display: table-cell; position: relative; width: 66.66%; }
div.bilderline{
	position: relative; padding-bottom: 66.66%; height: 0; }
div.bilderline ul{
	margin: 0px; padding: 0; }

section#myprices{
	box-sizing: border-box; background-image: linear-gradient( to right, #ffedde 0%, #ffedde 100%); background-clip: content-box; height: auto; min-height: 100vh; margin: 0; padding: 80px 0 5vh 0; position: relative; }
div#services-left{
	background-image: url(../images/diana-assadi-coiffures-allschwil-17.jpg); background-position: center top; background-attachment: local; background-repeat: no-repeat; background-size: cover; display: table-cell; height: calc(95vh - 80px); width: 33.33%; }
div#services-center{
	box-sizing: border-box; display: table-cell; padding: 100px 3% 20px 3%; vertical-align: top; width: 33.33%; }	
div#services-center p:first-child{
	margin-top: 0; }
div#services-right{
	box-sizing: border-box; display: table-cell; padding-top: 100px; padding-right: 3%; vertical-align: top; width: 33.33%; }
div#services-right h1{
	color: #fff; font-family: 'Poiret One'; font-size: 2.5rem; line-height: 2.5rem; margin: 0; text-align: right; text-transform: uppercase; }

section#mycontact{
	box-sizing: border-box; background-color: #ffedde; height: auto; min-height: calc(100vh - 50px); margin: 0; padding: 80px 0 5vh 0;  }
div#kontakt-left{
	display: table-cell; position: relative; vertical-align: top; width: 33.33%; }
div#kontakt-right{
	display: table-cell; position: relative; vertical-align: top; width: 66.66%; }
div#kontakt-right img{
	display: block; height: auto; width: 100%; }
span.shortspan{
	display: inline-block; width: 3rem; }
span.mobilephonespan{
	display: none; }

footer{
	background-color: #c5e0e2; color: #006768; height: 50px; line-height: 50px; padding: 0; margin: 0; width: 100%; }
div#innerfooter{
	margin: 0 auto; padding: 0 2%; position: relative ;text-align: right; width: 96%; max-width: 1920px; }
div#innerfooter p{
	margin: 0; padding: 0; }

/* SIDR Menu */
.pushmenu-body{
	position: relative; right:0; }
.pushmenu-push-left { 
	right: 200px; }
div#mobile-sider{
	background: #222326; box-sizing: border-box; height: 100%; overflow-x: hidden; overflow-y: auto; padding: 15px; position: fixed; text-align: center; top: 80px; width: 200px; z-index: 999999; }
.pushmenu-right{
	right: -200px; }
.pushmenu-right.pushmenu-pushed{ 
	right: 0; }
#mobile-sider, 
.pushmenu-body {
  transition: all 0.5s ease; }
div#mobile-sider ul{
	border: none; display: block; margin: 0 15px; padding: 0; text-transform: capitalize; }
div#mobile-sider ul li{
	display: block; margin: 0; line-height: 40px; }
div#mobile-sider ul li:after {
	content: ""; background: #fff; border-radius: 100%; display: block; height: 1px; width: 100%; margin: 0; }
div#mobile-sider ul li:last-child:after {
	content: ""; background: #222326; border-radius: 100%; display: block; height: 1px; width: 100%; margin: 0; }
div#mobile-sider ul li:first-child{
	border-top: none; }
div#mobile-sider ul li a.normalMenu{
	color: #fff; display: block; font-family: 'Lato', sans-serif; font-style: normal; font-size: 11px; font-weight: 700; outline: none;  padding: 8px 15px 3px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
/* SIDR Menu fertig */


/*======= RESPONSIVE =======*/ /*100px = 6.25em*/
@media screen and (max-width:70em) {
	ul.navbar-list li.navbar-item{
		display: none; }
	ul.navbar-list li#moblist{
		display: block; }
}

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

}

@media screen and (max-width:70em) and (orientation: landscape){

}

@media screen and (max-width:70em) and (orientation: portrait){

}