@charset "UTF-8";

/* CSS Team Physio Aktiv
*********************************************/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td {border:0; font-size:100%; margin:0; 
	padding:0;}
a {outline:none;}
table {
	border-collapse:collapse;
	border-spacing:0;
	vertical-align: top;
}
fieldset, img {border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0; font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color:#000;}
input, button, textarea, select, optgroup, option 
	{font-family:inherit; font-size:inherit; 
	font-style:inherit; font-weight:inherit;}
input, button, textarea, select {*font-size:100%;}



/* start */

html {
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
html, body{
	height: 100%;
}
body{
	font-family: bliss-regular, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;
	margin: 0;
	padding: 0;
	border: 0;
}
@font-face {
    font-family: 'bliss-regular';
    src: url('../tpa-fonts/bliss2r.eot');
    src: url('../tpa-fonts/bliss2r.eot?#iefix') format('embedded-opentype'),
         url('../tpa-fonts/bliss2r.woff') format('woff'),
         url('../tpa-fonts/bliss2r.ttf') format('truetype'),
         url('../tpa-fonts/bliss2r.svg#bliss2r') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bliss-bold';
    src: url('../tpa-fonts/bliss2b.eot');
    src: url('../tpa-fonts/bliss2b.eot?#iefix') format('embedded-opentype'),
         url('../tpa-fonts/bliss2b.woff') format('woff'),
         url('../tpa-fonts/bliss2b.ttf') format('truetype'),
         url('../tpa-fonts/bliss2b.svg#bliss2b') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'THand-Monoline';
    src: url('../tpa-fonts/THand-Monoline_b.eot');
    src: url('../tpa-fonts/THand-Monoline_b.eot?#iefix') format('embedded-opentype'),
         url('../tpa-fonts/THand-Monoline_b.woff') format('woff'),
         url('../tpa-fonts/THand-Monoline_b.ttf') format('truetype'),
         url('../tpa-fonts/THand-Monoline_b.svg#bliss2r') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ionicons';
    src: url('../tpa-fonts/ionicons.eot');
    src: url('../tpa-fonts/ionicons.eot?#iefix') format('embedded-opentype'),
         url('../tpa-fonts/ionicons.woff') format('woff'),
         url('../tpa-fonts/ionicons.ttf') format('truetype'),
         url('../tpa-fonts/ionicons.svg#ionicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1.h-sig{
	width: 0;
	height: 1px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0;
	line-height: 0;
	color:#FFFFFF;
	text-indent: -9999px;
}
h2{
	font-family: bliss-regular, sans-serif;
	font-size: 3rem;
	font-weight: normal;
	color: #333;
	line-height: 120%;
	text-align: left;
	margin: 0 0 0.45em;
	padding: 0;
}
h3{
	font-family: bliss-regular, sans-serif;
	font-size: 2.1rem;
	font-weight: normal;
	line-height: 120%;
	color: #333;
	margin: 1em 0 0.75em;
	padding: 0;
}
h3.statement{
	margin: 1.5rem 0 2.4rem !important;
}
h4{
	font-family: bliss-regular, sans-serif;
	font-size: 1.65rem;
	line-height: 120%;
	font-weight: normal;
	color: #333;
	padding: 0;
	margin-bottom: 0.6em;
}
p{	
	padding: 0 0 12px 0;
	margin: 0;
}
img{
	width: 100%;
	height: auto;
}
.clear-fix{
	clear: both;
}
p.clear-fix{
	padding-bottom: 0;
}
.nobr{
	white-space: nowrap;
}
.clearfix{
	clear: both;
}

/*links
**************************************************/
a:link{
	text-decoration: none;
	color: #333;
}
a:visited{
	text-decoration: none;
	color: #333;
}
a:hover{
	text-decoration: none;
	color: #999;
}
a:active{
	text-decoration: none;
	color: #999;
}

/* Navigation 
**********************************************/

.use-hover li:hover ul{ 
	display: block;     /* Javascript Fallback jQuery Navigation */
}
.menu-wrapper{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #8eb7ad;	
}
.nav1,
.nav-imp{
	position: absolute;
	left: 8%;
}
.nav1{
	top: 50%;
	width: auto;
	height: auto;
	font-size: 1.8rem;
	text-align: left;
	line-height: auto;
	margin: 0;
	padding-top: 6px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: 0.4s ease;
}
.nav-imp{
	top: 21px;
	width: auto;
	height: auto;
	transition: 0.4 s ease;
}
.nav1 ul.nav,
.nav-imp ul.nav{
	position: relative;
	list-style: none;
	color: #000;
}
.nav1 ul.nav li,
.nav-imp ul.nav li{
	white-space: nowrap;
	padding: 0 30px;
	border-right: 2px solid #fff;
	transition: 0.4s ease;
	float: left;
}
.nav1 ul.nav li:first-of-type,
.nav-imp ul.nav li:first-of-type{
	padding-left: 0;
}
.nav1 ul.nav li:last-of-type,
.nav-imp ul.nav li:last-of-type{
	border-right: none;
}
.nav1 ul.nav li a,
.nav-imp ul.nav li a{
	display: block;
	list-style: none;
	color: #000;
	font-weight: normal;
	line-height: 1.2em;
	transition: 0.4s ease-in-out;
}
.nav1 ul.nav li.current a:link,
.nav1 ul.nav li.current a:visited,
.nav1 ul.nav li.current.active a:visited,
.nav1 ul.nav li.current.active a:link,
.nav1 ul.nav li.current.active a:visited,
.nav1 ul.nav li.parent.active a:link,
.nav1 ul.nav li.parent.active a:visited,
.nav-imp ul.nav li.current a:visited{
	color: #999;
	text-decoration: none;
}
.nav1 ul.nav li a:hover,
.nav-imp ul.nav li a:hover{
	text-decoration: none;
	transition: 0.4s ease-in-out;
}
.nav1 ul.nav li a:hover,
.nav-imp ul.nav li a:hover{opacity: 0.3;}


/*Social Links
**********************************************/
.social-links{
	position: absolute;
	right: 8%;
	width: auto;
	height: auto;
}
.social-links ul{
	position: relative;
	right: 8%;
	width: auto;
	height: auto;
	transition: 0.4s ease;
}
.social-links ul li{
	position: relative;
	top: 12px;
	width: 2.1rem;
	margin-left: 42px;
	float: left;
	transition: 0.4s ease;
}
.social-links ul li:last-of-type{
	border-right: none;
}
.social-links ul li a{
	transition: 0.4s ease;
}
.social-links ul li a:hover{
	opacity: 0.4;
	transition: 0.4s ease;
}

/*Hamburger Button
**********************************************/
.nav_m{
	display: none;
}
.nav_m .line{
  width: 24px;
  height: 3px;
  background-color: #000;
  display: block;
  margin: 4px auto;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.nav_m:hover{
  cursor: pointer;
}

.is-active .line:nth-child(2){
  opacity: 0;
}
.is-active .line:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.is-active .line:nth-child(3){
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

/*Kopf
**********************************************/
.custom-kopf{
	position: relative;
	width: 90%;
	margin: 0 auto;
	clear: both;
}
.kopf{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
	padding: 0;
	border-top: 48px solid #a7192a;
	-webkit-box-shadow: inset 0 18px 9px -6px #777;
	-moz-box-shadow: inset 0 18px 9px -6px #777;
	box-shadow: inset 0 18px 9px -6px #777;
	transition: 0.4s ease;
	z-index: 1200;
}
.telefon-mobile{
	position: absolute;
	top: -27px;
	left: 50%;
	width: auto;
	white-space: nowrap;
	height: auto;
	color: #fff;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
}
.telefon-mobile h3,
.telefon-mobile h3 a{
	font-size: 1.2rem !important;
	line-height: 120%;
	color: #fff;
	margin: 0;
	padding: 0;
}
.col27, .col33, .col46{
	position: relative;
	top: 48px;
	text-align: center;
	margin: 0 0 3rem;
	float: left;
	z-index: 3;
}
.col27{
	width: 27%;
}
.col33{
	width: 33.33%;
}
.col46{
	width: 46%;
}
.col27:after,
.col33:after,
.col46:after {
  	content: "" ;
  	display: block !important;
  	padding-bottom: 6%;
}
.logo{
	position: absolute;
	width: 75%;
	height: auto;
	transition: 0.4s ease;
	z-index: 1;
}
#claim{
	position: relative;
	display: inline-block;
	top: -12px;
	height: auto;
	margin: 0: auto;
	transition: 0.4s ease;
	z-index: 1;
}
#claim ul{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#claim ul li{
	padding-left: 1.5rem;
}
#claim ul li:first-of-type{
	position: relative;
	padding-left: 0;
}
#claim ul li:last-of-type{
	position: relative;
	padding-left: 3rem;
}
#claim ul li:before,
#praxis ul li:before{
	position: relative;
	font-family: ionicons;
	font-size: 1.5rem;
	top: -6px;
	content: "\f21b";
	display: inline;
	color: #000;
	padding-right: 1.2rem;
	margin-left: 0;
}
#claim ul li h2,
#praxis ul li h2{
	display: inline;
	font-style: italic;
	margin-bottom: 0;
}
#claim ul li h2,
#praxis ul li h2{
	line-height: 2.7vw;
}
.telefon{
	position: absolute;
	top: 0;
	width: 360px;
	height: auto;
	/*right: 0;*/
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: 0.4s ease;
}
.telefon h3{
	position: relative;
	display: inline-block;
	width: auto;
	font-family: bliss-bold;
	color: #a7192a;
	margin-top: 0;
	transition: 0.4s ease;
}
.telefon h3:last-of-type{
	color: #000;
}
.telefon p:first-of-type{
	position: relative;
	width: 18%;
	margin: 0 auto;
	transition: 0.4s ease;
}
.logo#logo-team-physio{
	left: 0
}
.logo#logo-wohltat{
	width: 63%;
	height: auto;
	right: 0;
	opacity: 1;
	transition: 0.6s ease;
}
.logo#logo-wohltat:hover{
	opacity: .6;
	transition: 0.6s ease;
}


/*Layout
**********************************************/
#buehne{
	position: relative;
	top: 0;
	width: 100%;
	height: auto !important;
	min-height: 100%;
	margin: 0 auto -9px;
	overflow: hidden;
}
.banner,
.custom_banner-impressum{
	position: relative;
	width: 100%;
	height: 660px;
}
.inhalt{
	position: relative;
	display: block;
	left: 0;
	width: 100%;
	height: auto;
	padding-top: 90px;
	transition: 0.4s ease;
}
.article{
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto !important;
	min-height: 100%;
	padding-bottom: 60px;
	clear: both;
	transition: 0.4s ease;
}
.article .page-header{
	position: relative;
	top: 0;
	height: 72px;
	background-color: #a7192a;
	margin: 0 0 3rem;
	padding: 0 8%;
	-webkit-box-shadow: 0 9px 9px 6px #777;
	-moz-box-shadow: 0 9px 9px 6px #777;
	box-shadow: 0 0 9px 9px 6px #777;
	transition: 0.4s ease;
}
.article .page-header h2{
	text-transform: uppercase;
	left: 10%;
	padding-top: 15px;
	color: #fff;
	transition: 0.4s ease;
}
section{
	position: relative;
	width: 84%;
	height: 100%;
	margin: 0 auto;
	clear: both;
}
ul{
	position: relative;
	list-style: none;
}
ul li{
	position: relative;
	text-align: left;
	margin-bottom: 6px;
}
.items-leading{
	position: relative;
	width: 100%;
}
.items-leading [itemprop="blogPost"]{
	position: relative;
	clear: both;
}
.fuss{
	position: relative;
	width: 100%;
	height: 60px;
	clear: both;
	background-color: #d4e2de;
	margin-top: 0;
	overflow: hidden;
	transition: 0.4s ease;
}
.fuss ul{
	position: relative;
	width: auto;
	height: auto;
	margin-right:0;
	float: left;
}
.fuss ul li{
	list-style: none;
	white-space: nowrap;
	margin-bottom: 0.3em;
	color: #fff;
}

/* Inhalt Bilder
**********************************************/
.circle{
	margin: 0 0 1rem;
    mask-image: url(../../../images/bilder/circle-mask.png);
	mask-position: 0px 0px;
	mask-repeat: no-repeat;
    	mask-size: contain;
    	-webkit-mask-image: url(../../../images/bilder/circle-mask.png);
	-webkit-mask-position: 0px 0px;
    	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
}
.border{border: 9px solid #fff;}

/* Icons
**********************************************/
.ion-chevron-down,
.ion-chevron-up,
.ion-record{
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ion-chevron-down,
.ion-chevron-up,
.ion-record{
	font-family: ionicons;
	line-height: 0.6em;
	text-align: center;
}
.ion-chevron-up{
	display: block;
}
.ion-chevron-up:before{
	position: relative;
	content: "\f3d8";
	top: 0.1rem;
	font-size: 3rem;
	color: #000;
	transition: 0.4s ease;
}
.ion-chevron-down{
	position: relative;
	display: block;
}
.ion-chevron-down:before{
	position: relative;
	content: "\f123";
	top: 0.1rem;
	font-size: 3rem;
	color: #000;
	transition: 0.4s ease;
}
.ion-chevron-up:hover:before,
.ion-chevron-down:hover:before{
	opacity: 0.6;
	transition: 0.4s ease;
}
/* #arrow-top
------------------------------------*/
.arrow-up{
	position: relative;
	top: 15px;
	margin: 0 auto;
	clear: both;
	z-index: 15;
	transition: 0.4s ease;
}
.arrow-up:hover{
	opacity: 0.4;
	transition: 0.4s ease-in-out;
}
.pos-bottom5{
	margin: 120px auto 0 !important;
}

/* Willkommen
**********************************************/
.leading-0,
.leading-9{
	margin-bottom: -9px;
}
.inhalt#in_home{
	padding-top: 408px;
	transition: 0.4s ease;
}
.article#herzlich-willkommen{
	padding: 0;
	margin: 0;
}
.article#herzlich-willkommen p{
	padding: 0;
	margin: 0;
}
.portrait{
	position: absolute;
	left: 50%;
	bottom: -165px;
	width: 420px;
	margin-left: -210px;
}
.button-termin{
	position: relative;
	top: 0;
	width: 420px;
	margin: 0 auto;
	border-radius: 30px;
	background-color: #a7192a; 
	margin-bottom: 30px;
}
.button-termin h3{
	position: relative;
	top: 50%;
	white-space: nowrap;
	font-family: bliss-bold;
	color: #fff;
	text-align: center;
	margin: 0.9rem 1.5rem;
}
.button-termin h3 a{
	color: #fff;
	transition: 0.4s ease;
}
.button-termin h3 a:hover{
	opacity: 0.6;
	transition: 0.4s ease;
}
.bg-img-center{
	position: relative;
	width: 330px;
	height: 330px;
	border-radius: 50%;
	margin: 0 auto;
	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
	background-size:contain;
	transition: 0.4s easse;
	z-index: 12;
}


/* Parallax
**********************************************/
.article#willkommen-parallax-trenner,
.article#kontakt-parallax-trenner{
	height: 750px;
	padding: 0;
	margin:0;
	transition: 0.4s ease;
}
.parallax-window {
    background: #transparent;
	transition: 0.4s ease;
}
.parallax-map{
	position: relative;
    	height: 0;
	padding-bottom: 42vw;
    background: transparent;
}

/* Praxis
**********************************************/
#praxis,
#sensopro-fuer-mich,
#pakete-trainingsmoeglichkeiten-auf-dem-sensopro,
#was-uns-auszeichnet,
#kontakt{
	background-color: #d4e2de;
}
.text{
	position: absolute;
	top: 0;
	left: 52%;
	width: 48%;
	height: auto;
}
h2.script{
	font-family: THand-Monoline, cursive;
	font-size: 6rem;
	color: #a7192a;
	margin-bottom: 1rem;
	transition: 0.4s ease;
}
.bg-praxis-image{
	position: relative;
	width: 36vw;
	height: 27.1vw;
	border-radius: 9vw;
	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
	background-size: contain;
	margin-bottom: 3rem;
	transition: 0.4s ease;
}
.praxis-img-01{
	display: none
}
.praxis-hb{
	position: relative;
}
.praxis-circle-01,
.praxis-circle-02,
.praxis-circle-03,
.praxis-circle-04,
.praxis-circle-05{
	display: none;
}
.bg-praxis, bg-sensoro{
	position: absolute;
	z-index: 2;
}
#praxis-img-circle-01{
	top: -90px;
	left: 50%;
}
#praxis-img-circle-02{
	top: -300px;
	right: 6%;
}
#praxis-img-circle-01,
#praxis-img-circle-02,
#praxis-img-circle-05{
	width: 20vw;
    height: 20vw;
}
.image-unten{
	position: relative;
	padding-bottom: 9vw;
}
#praxis-img-circle-03{
	top: 30px;
	left: 0;
	width: 27vw;
	height: 27vw;
}
#praxis-img-circle-04{
	top: -150px;
	left: 42%;
	width: 22.5vw;
	height: 22.5vw;
}
#praxis-img-circle-05{
	top: 60px;
	right: 0;
}
.praxis-grafik{
	position: relative;
	top: 21vw;
	left: 45%;
	width: 36%;
	padding-bottom: 15%;
	transition: 0.4s ease;
}

/* Leistungen
**********************************************/
.inhalt-wrapper{
	position: relative;
}
.leistungen-image{
	position: relative;
	width: 27vw;
	height: 19.8vw;
	margin-bottom: 3rem;
	mask-image: url(../../../images/bilder/leistungen/leistungen-maske_900.png);
	mask-position: 0px 0px;
	mask-repeat: no-repeat;
   	mask-size: contain;
    -webkit-mask-image: url(../../../images/bilder/leistungen/leistungen-maske_900.png);
	-webkit-mask-position: 0px 0px;
	-webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
.leistungen-grafik{
	position: absolute;
	right: 0;
	width: 48%;
	height: auto;
	bottom: 3rem;
	z-index: -1;
}
.einleitung{
	position: relative;
	top: 1rem;
	margin-bottom: 4.5rem;
}
h3.article-header{
	position: relative;
	font-size: 3.6rem;
	line-height: 4.5rem;
	color: #a7192a;
}
.einleitung h3.article-header{
	margin-bottom: 0;
}
h3.article-subheader{
	font-size: 2.4rem;	
	line-height: 3rem;
	color: #a7192a;
	margin: 0 0 1.35rem;
}
#unsere-leistungen .text{
	top: 0;
}
#neu-bei-uns-sensopro ul,
#unsere-leistungen ul{
	font-size: 1.8rem;
	color: #a7192a;
	margin-top: 1rem;
}
#neu-bei-uns-sensopro ul li,
#unsere-leistungen ul li{
	margin-bottom: 1.5rem;
}
#neu-bei-uns-sensopro ul li:before,
#unsere-leistungen ul li:before{
	position: relative;
	font-family: ionicons;
	font-size: 1rem;
	top: -3px;
	content: "\f21b";
	display: inline;
	color: #a7192a;
	padding-right: 1.2rem;
	margin-left: -0.4rem;
}

/* SENSOPRO
**********************************************/
.article#neu-bei-uns-sensopro h3.article-header,
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro h3{
	margin-top: 0;
}

.article#neu-bei-uns-sensopro .text{
	position: relative;
	top: 0;
	left: 6%;
	float: left;
}
.sensopro-image{
	position: relative;
	top: 0;
	left: 0;
	width: 48%;
	height: auto;
	float: left;
}
.sensopro-circle-image{
	position: relative;
	left: 0;
	width: 54%;
	float: left;
	transition: 0.4s ease;
}
.sensopro-circle-01,
.sensopro-circle-02,
.sensopro-circle-03,
.sensopro-circle-04{
	display: none;
}
#sensopro-img-circle-01{
	position: absolute;
	top: 18vw;
	width: 18vw;
	height: 18vw;
	left: 33%;
	transition: 0.4s ease;
}
#sensopro-img-circle-02{
	position: relative;
	top: 30px;
	margin-left: 15%;
	width: 15vw;
    height: 15vw;
	transition: 0.4s ease;
}
#sensopro-img-circle-03{
	position: relative;
	margin-left: 48%;
	width: 15vw;
    height: 15vw;
	transition: 0.4s ease;
}
#sensopro-img-circle-04{
	position: relative;
	top: 30px;
	left: 0;
	width: 19.5vw;
    height: 19.5vw;
	float: left;
	transition: 0.4s ease;
}
.text-sensopro{
	position: relative;
	margin-left: 30px;
	width: 60vw;
	float: right;
	transition: 0.4s ease;
}
#sensopro-shorts{
	position:relative;
	top: 60px;
	margin-left: 9%;
	height: auto;
	transition: 0.4s ease;
}
.sensopro-logo{
	postion: relative;
	top: 0;
	left: 0;
	width: 300px;
	height: auto;
	margin-bottom: 45px;
	transition: 0.4s ease;
}
.sensopro-col33{
	position: relative;
	top: 1rem;
	left: -24px;
	width: calc(100% + 48px);
	height: auto;
	text-align: left;
	clear: both;
}
.sensopro-col32,
.sensopro-col31,
.sensopro-col50{
	position: relative;
	border: 12px solid transparent;
	border-top: 0;
	padding: 0;
	margin: 0;	
	 -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
	overflow: hidden;
	float: left;
}
.sensopro-col32{
	width: 66.66%;
}
.sensopro-col31{
	width: 33.33%;
}
.sensopro-col50{	
	width: 50%;	
}
#neu-bei-uns-sensopro ul li{
	text-indent: -15px; 
}

/* Pakete: Trainingsmöglichkeiten auf dem SENSOPRO
**********************************************/
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro h3{
	color: #a7192a;
	margin-bottom: 0.75rem;
}


/* Was uns auszeichnet
**********************************************/
#was-uns-auszeichnet section{
	padding-bottom: 84%;
}
#was-uns-auszeichnet h3.article-header{
	margin-bottom: 3rem;
}
.image-circle-wrapper{
	position: absolute;
	top: 90px;
	width: 100%;
	height: 100%;
}
.image-circle{
	position: absolute;
	width: 22.5%;
	height: 22.5%;
	padding: 0;
	margin: 0;
	z-index: 120;
}
#image-circle-center{
	position: absolute;
	top: 54%;
	left: 50%;
	width: 30%;
	height: 30%;
	padding: 0;
	margin-left: -15%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
figure{
	position: relative;
	width: 100%;
	height: auto;
}
.image-circle h4{
	position: relative;
	text-align: center;
	margin: 0 auto;
	-moz-hyphens: none;
   	-o-hyphens: none;
   	-webkit-hyphens: none;
   	-ms-hyphens: none;
   	hyphens: none;
}
.pfeil{
	position: absolute;
}
#image-0{
	top: 4.5%;
	left: 50%;
	margin-left: -11.25%;
}
#pfeil-01{
	top: 18%;
	left: 67.5%;
	width: 10.5%;
	height: auto;
}
#image-72,
#image-288{
	top: 30%;
}
#image-72{	
	right: 0;
}
#pfeil-02{
	top: 58.5%;
	right: 12%;
	width: 7.5%;
	height: auto;
}
#image-144,
#image-216{
	top: 72%;
}
#image-144{	
	right: 18%;
}
#pfeil-03{
	top: 84%;
	left: 44.4%;
	width: 12%;
	height: auto;
}
#image-216{
	left: 18%;
}
#pfeil-04{
	top: 61.5%;
	left: 12.6%;
	width: 7.5%;
	height: auto;
}
#image-288{
	left: 0;
}
#pfeil-05{
	top: 15%;
	left: 18%;
	width: 15%;
	height: auto;
}

/* Team
**********************************************/
.bildreihe{
	position: relative;
	left: -27px;
	width: calc(100% + 27px);
	height: auto;
	margin: 0 auto;
}
.bildreihe ul{
	text-align: justify;
	list-style-type: none;
	margin: 0;
	padding: 0;
	transition: 0.4s ease;
}
.bildreihe ul{
	margin-bottom: 3em;
}
.bildreihe ul li{
	display: inline-block;
	width: 30%;
	max-width: 600px;
	min-width: 120px;
	height: auto;
	vertical-align: top;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	transition: 0.4s ease;
}
.bildreihe ul li.line{
	padding-left: 60%;
}
.bildreihe h3.h-sub,
.bildreihe p{
	text-align: center;
}
.bildreihe p{
	font-size: 1.2rem;
}
.bg-praxis,
.bg-sensopro,
.bg-team,
.bg-img-kontakt{
	border-radius: 50%;
	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
	background-size: contain;
	-webkit-box-shadow: 1rem 1rem 1.2rem #666;
	-moz-box-shadow: 1rem 1rem 1.2rem #666;
	box-shadow: 1rem 1rem 1.2rem #666;
	transition: 0.4s ease;
}
.bg-team,
.bg-img-kontakt{
	position: relative;
	width: 20vw;
    height: 20vw;
}
.bg-team{
	margin: 0 auto;
}
#team-zero{
	webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Kontakt
**********************************************/
#kontakt .col33{
	text-align: left;
}
.image-kontakt{
	display: none;
}
.bg-img-kontakt{
}
h3.icon-phone{
	padding-left: 75px;
}
h3.icon-phone:before {
	position: absolute;
	content:'';
	top: 24px;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(../../../images/bilder/Telefon_300.png) 0 0 no-repeat;	
	background-size: 100%;
}
#kontakt h3{
	color: #a7192a;	
	margin-bottom: 12px;
	-moz-hyphens: none;
   	-o-hyphens: none;
   	-webkit-hyphens: none;
   	-ms-hyphens: none;
   	hyphens: none;
}
table{
	border-collapse: collapse;
	margin-bottom: 1.2em;
}
td{
	vertical-align: top;
	white-space: nowrap;
	padding: 0 15px 0 0;
}
iframe.embedGoogleMap{
	position: absolute;
 	top: 0; 
  	left: 0; 
  	width: 50%; 
  	height: 100%; 
}


/* JD Simple Contact Form
**********************************************/

/*.jd-simple-contact-form{
	width: 100%;
	margin:0;
}
form.form-horizontal{
	position: relative;
}
fieldset {
  	margin: 0;
  	padding: 0;
  	border: 0;
}
button.btn-primary{
	display: block;
	margin-top: 0.45rem;
	font-size: 1.5rem;
	color: #fff;
	border: none;
	border-radius: 24px;
	padding: 30px 60px !important;
	background-color: #a7192a;
	margin: 0 auto;
	transition: 0.4s ease-in-out;
}
button.btn-primary:hover{
	color: #d28e97;
	transition: 0.4s ease-in-out;
}
.jdscf-col-md-12{
	margin-top: 2rem;
}
.form-control{
	width: 100%;
	height: 72px;
	border: none;
	border-radius: 24px;
	background-color: #d4e2de;
	padding-left: 30px;
}
input::placeholder,
textarea::placeholder{
	color: #000;
}
textarea::placeholder{
	padding: 12px 0;
}
label.d-block{
	display: block;
	margin: 6px 0;
}
textarea.form-control{height: 6rem;}
.form-check{
	margin-bottom: 2rem;
}
.form-check-input{
	position: absolute !important;
	top: 7px;
}
.form-check-label{
	margin-left: 24px;
}
.parsley-required{
	margin-top: 0.6rem;
}*/

/* iframe
**********************************************/
.article#google-maps{
	padding-bottom: 60vw;
}
iframe{
  position: absolute; 
 	top: 0; 
  	left: 0;
	right: 0;
	bottom: 0;
  	width: 100%; 
  	height: 100%; 
}
.embed-container{
	position: relative;
	width: 100%;
	right: 0;
	height: 0;
	height: auto;
  	padding-bottom: 75%; 
  	overflow: hidden; 
	transition: 0.4s ease;
}
.embed-container iframe,
.maps{
  	position: absolute; 
 	top: 0; 
  	left: 0;
	right: 0;
	bottom: 0;
  	width: 100%; 
  	height: 100%; 
}

/* Opt-in Google Maps
**********************************************/
.maps{
	background: url(../../../images/bilder/ph-google-maps.jpg) 0 0 no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size:  cover;
  	-o-background-size:  cover;
 	background-size:  cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='((../../../images/bilder/ph-google-maps.jpg)', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(../../../images/bilder/ph-google-maps.jpg', sizingMethod='scale')";	
  	overflow: hidden; 	
}
.opt-in-button{
	position: absolute;
	top: 50%;
	 left: 50%;
	width: 40%;
	margin: 0 auto;
	padding: 12px 12px 30px 30px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translateY(-50%);
    transform: translate(-50%,-50%);			
	cursor: pointer;
	background-color: #FFF;
	transition: 0.4s ease;    
}
.opt-in-button h3{
	font-size: 1.5rem;
	margin-bottom: 1rem;
	transition: 0.6s ease;
}
.opt-in-button h3:hover{
	opacity: 0.6;
	transition: 0.6s ease;
}
.opt-in-button a{
	color: #e2001a;
	transition: 0.6s ease;
}
.opt-in-button a:hover{
	color: #999;
	transition: 0.6s ease;
}


/* Impressum / Datenschutz
**********************************************/

#st_impressum,
#st_datenschutz{
	display: none;
}
#in_impressum,
#in_datenschutz{
	padding: 480px 0 90px;
	margin: 0 auto;
	transition: 0.4s ease;
}
#in_impressum .page-header h1,
#in_datenschutz .page-header h1{
	font-size: 3rem;
	line-height: 120%;
	margin-left: 8%;
	margin-bottom: 2.4rem;
}
#in_datenschutz h3,
#in_impressum h3{
	font-size: 150%;
	margin: 1.5em 0 0.6em;
}
#in_impressum h4,
#in_datenschutz h4{
	font-size: 120%;
	margin: 0.9em 0 0.6em;
}
#in_datenschutz ul{
	list-style: none;
	margin: 0 0 1rem 0;
}
#in_datenschutz ul li{
	position: relative;
	padding-left: 1.35rem;
    text-indent: -0.9rem;
}
#in_datenschutz ul li:before{
	position: relative;
	font-family: ionicons;
	font-size: 1rem;
	content: "\f125";
	display: inline;
	color: #666;
	padding-right: 0.6rem;
	margin-left: -0.4rem;
}



@media only screen and (min-width: 2400px) {
	
body{
	font-size: 130%;
}

/*Willkommen
**********************************************/


}


@media only screen and (max-width: 2400px) {
	
body{
	font-size: 125%;
}

/*Navigation
**********************************************/


}


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


/* kopf
**********************************************/
.kopf{
	height: 330px;
}
#claim{
	top: -6px;
}
#claim ul li h2,
#praxis ul li h2{
	font-size: 2.7rem;
}	
	
/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 378px;
}
/* Sensopro
**********************************************/
.sensopro-circle-image{
	
}


/* Impressum / Datenschutz
**********************************************/
#in_impressum,
#in_datenschutz{
	padding: 450px 0 90px;
}

}

@media only screen and (max-width: 1800px) {
	
body{
	font-size: 115%;
}

/* kopf
**********************************************/
.kopf{
	height: 300px;
}
.telefon{
	width: 330px;
}
.telefon h3{
	font-size: 1.8rem;
	line-height: 1.8rem;
	margin-bottom: 18px;
}
.telefon p:first-of-type{
	width: 15%;
	padding-bottom: 18px;
}

/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 348px;
}

/* Praxis
**********************************************/
h2.script{
	font-size: 4.8rem;
}

/* Impressum / Datenschutz
**********************************************/
#in_impressum,
#in_datenschutz{
	padding: 420px 0 90px;
}


}


@media only screen and (max-width: 1500px) {
	
body{
	font-size: 100%;
}

/*Navigation
**********************************************/
.menu-wrapper{
	height: 48px;
}
.nav1{
	font-size: 1.65rem;
}
.nav1 ul.nav li,
.nav-imp ul.nav li{
	padding: 0 24px;
}

/*Kopf
**********************************************/
.kopf{
	height: 255px;
}
#claim{
	top: -6px;
}
#claim ul li h2,
#praxis ul li h2{
	font-size: 2.25rem;
}	
#claim ul li:before,
#praxis ul li:before{
	font-size: 1.2rem;
	top: -3px;
	padding-right: 0.6rem;
}
.telefon h3{
	font-size: 1.65rem;
	margin-bottom: 12px;
}
.telefon p:first-of-type{
	padding-bottom: 6px;
}

/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 303px;
}
.portrait{
	left: 50%;
	bottom: -150px;
	width: 390px;
	margin-left: -195px;
}
.button-termin{
	width: 390px;
	border-radius: 30px;
}
.button-termin h3{
	top: 50%;
	margin: 0.6rem 1.2rem;
}
.bg-img-center{
	width: 300px;
	height: 300px;
}

/* Praxis
**********************************************/
h2.script{
	font-size: 4.2rem;
}
#praxis-img-circle-01{
	top: -60px;
}
#praxis-img-circle-02{
	top: -240px;
}

/*Leistungen
**********************************************/
.article#unsere-leistungen,
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro{
	padding-bottom: 30px;
}
h3.article-header{
	font-size: 3rem;
	line-height: 3.6rem;
}


/* Was uns auszeichnet
**********************************************/

#was-uns-auszeichnet .circle{
	margin: 0;
}
.image-circle-wrapper{
	top: 90px;
	width: 100%;
	height: 100%;
}
.image-circle{
	width: 27%;
	height: 27%;
}
#image-circle-center{
	width: 36%;
	height: 36%;
	margin-left: -18%;
}
#image-0{
	top: 4.5%;
	left: 50%;
	margin-left: -13.5%;
}
#pfeil-01{
	top: 18%;
	left: 67.5%;
	width: 10.5%;
	height: auto;
}
#image-72,
#image-288{
	top: 25.5%;
}
#image-72{	
	right: 0;
}
#pfeil-02{
	top: 54%;
	right: 12%;
	width: 7.5%;
	height: auto;
}
#image-144,
#image-216{
	top: 66%;
}
#image-144{	
	right: 15%;
}
#pfeil-03{
	top: 84%;
	left: 44.4%;
	width: 12%;
	height: auto;
}
#image-216{
	left: 15%;
}
#pfeil-04{
	top: 57%;
	left: 12.6%;
	width: 7.5%;
	height: auto;
}
#image-288{
	left: 0;
}
#pfeil-05{
	top: 15%;
	left: 18%;
	width: 15%;
	height: auto;
}

/*team
**********************************************/
.article#team{
	padding-bottom: 0;
}

/* Impressum / Datenschutz
**********************************************/
#in_impressum,
#in_datenschutz{
	padding: 375px 0 90px;
}

}

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

.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro .page-header{
	height: 120px;
}

}

@media only screen and (max-width: 1200px) {
	
h2{
	font-size: 2.7rem;
}	
h3{
	font-size: 1.8rem;
}
h4{
	font-size: 1.5rem;
}

/* Navigation 
**********************************************/
.nav1,
.nav-imp{
	left: 6%;
}
.social-links{
	right: 6%;
}

/*Kopf
**********************************************/
.custom-kopf{
	width: 94%;
}
.kopf{
	height: 225px;
}
#claim{
	top: -6px;
}
#claim ul li h2,
#praxis ul li h2{
	font-size: 1.8rem;
}	
#claim ul li:before,
#praxis ul li:before{
	font-size: 1rem;
	top: -3px;
	padding-right: 0.3rem;
}
.telefon{
	width: 233px;
}
.telefon h3{
	font-size: 1.35rem;
	line-height: 1rem;
	margin-bottom: 12px;
}
.telefon p:first-of-type{
	padding-bottom: 12px;
}

/* Layout
**********************************************/
.article .page-header{
	padding: 0 6%;
}
.article .page-header h2{
	padding-top: 14px;
}
section{
	position: relative;
	width: 88%;
}

/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 273px;
}

/* Praxis
**********************************************/
h2.script{
	font-size: 3.45rem;
}

/* Leistungen
**********************************************/
.leistungen-image{
	width: 33vw;
	height: 24.2vw;
	margin-bottom: 3rem;
}
#neu-bei-uns-sensopro ul,
#unsere-leistungen ul{
	font-size: 1.35rem;
	color: #a7192a;
	margin-top: 1rem;
}
#neu-bei-uns-sensopro ul li:before,
#unsere-leistungen ul li:before{
	font-size: 0.6rem;
	padding-right: 0.6rem;
	margin-left: 0rem;
}

/* Sensopro
**********************************************/
#sensopro-shorts{
	top: 45px;
}
.sensopro-logo{
	width: 270px;
	margin-bottom: 30px;
}
#sensopro-img-circle-01{
	width: 21vw;
	height: 21vw;
	left: 27%;
}
#sensopro-img-circle-02{
	margin-left: 9%;
	width: 18vw;
    height: 18vw;
}
#sensopro-img-circle-03{
	position: relative;
	top: 30px;
	margin-left: 36%;
	width: 18vw;
    height: 18vw;
	transition: 0.4s ease;
}

/*team
**********************************************/
.bildreihe ul{
	margin-bottom: 1.8rem;
}
.bildreihe h3.h-sub{
	margin-bottom: 0.6rem;
}

/*kontakt
**********************************************/
h3.icon-phone{
	padding-left: 60px;
}
h3.icon-phone:before {
	top: 24px;
	width: 45px;
	height: 45px;
}

/* Impressum / Datenschutz
**********************************************/
#in_impressum .page-header h1,
#in_datenschutz .page-header h1{
	font-size: 2.7rem;
	margin-left: 5.5%;
	margin-bottom: 2.4rem;
}
#in_impressum,
#in_datenschutz{
	padding: 345px 0 60px;
}

}

@media only screen and (max-width: 960px) {
	
h2{
	font-size: 2.4rem;
}
h3{
	font-size: 1.65rem;
}
h4{
	font-size: 1.35rem;
}

/* Navigation 
**********************************************/
.menu-wrapper{
	height: 42px;
}
.nav1{
	font-size: 1.35rem;
}
.nav1 ul.nav li,
.nav-imp ul.nav li{
	padding: 0 18px;
}
.nav-imp{
	top: 12px;
}
.social-links ul li{
	top: 9px;
	width: 1.65rem;
	margin-left: 30px;
}

/*Kopf
**********************************************/
.kopf{
	height: 210px;
}
#claim ul li h2,
#praxis ul li h2{
	font-size: 1.65rem;
}	
#claim ul li:before,
#praxis ul li:before{
	font-size: .9rem;
	top: -3px;
}
.telefon{
	top: -3px;
}
.telefon p:first-of-type{
	padding-bottom: 4px;
}

/* Layout
**********************************************/
.article .page-header{
	position: relative;
	top: 0;
	height: 66px;
}
h3.article-header{
	font-size: 2.1rem;
	line-height: 2.4rem;
}
.einleitung h3.article-header{
	margin-bottom: 0.6rem;
}
h3.article-subheader{
	font-size: 1.8rem;
	line-height: 2.1rem;
}
.fuss{
	height: 45px;
}

/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 258px;
}
.portrait{
	left: 50%;
	bottom: -120px;
	width: 330px;
	margin-left: -165px;
}
.button-termin{
	width: 330px;
	border-radius: 24px;
	margin-bottom: 18px;
}
.button-termin h3{
	top: 50%;
	margin: 0.6rem 1.2rem;
}
.bg-img-center{
	width: 240px;
	height: 240px;
}

/* Praxis
**********************************************/
h2.script{
	font-size: 3rem;
}
.border{
	border: 6px solid #fff;
}

/* Pakete: Trainingsmöglichkeiten auf dem SENSOPRO
**********************************************/
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro .page-header{
	height: 105px;
}

/*Was uns auszeichnet
**********************************************/
.image-circle-wrapper{
	top: 60px;
}
#image-circle-center{
	top: 54%;
	width: 33%;
	height: 33%;
	margin-left: -16.5%;
}

/*team
**********************************************/
.bildreihe ul{
	margin-bottom: 0.9rem;
}
.bg-praxis,
.bg-sensopro,
.bg-team,
.bg-img-kontakt{
	-webkit-box-shadow: 0.6rem 0.6rem 0.9rem #666;
	-moz-box-shadow: 0.6rem 0.6rem 0.9rem #666;
	box-shadow: 0.6rem 0.6rem 0.9rem #666;
}

/*kontakt
**********************************************/
h3.icon-phone{
	padding-left: 54px;
}
h3.icon-phone:before {
	top: 21px;
	width: 42px;
	height: 42px;
}

/* Impressum/Datenschutz
**********************************************/
#in_impressum,
#in_datenschutz{
	padding: 330px 0 60px;
}
#in_impressum .page-header h1,
#in_datenschutz .page-header h1{
font-size: 2.4rem;
}

}


@media only screen and (max-width: 840px) {
	
h2{
	font-size: 2.1rem;
}
h4{
	font-size: 1.2rem;
}

/* Navigation 
**********************************************/
.menu-wrapper{
	height: 36px;
}
.nav1{
	font-size: 1.2rem;
}
.nav1 ul.nav li,
.nav-imp ul.nav li{
	padding: 0 15px;
}

/*Kopf
**********************************************/
.col27, .col33, .col46{
	top: 36px;
}
.kopf{
	height: 180px;
	border-top: 42px solid #a7192a;
	-webkit-box-shadow: inset 0 15px 9px -6px #777;
	-moz-box-shadow: inset 0 15px 9px -6px #777;
	box-shadow: inset 0 15px 9px -6px #777;
}
#claim ul li h2,
#praxis ul li h2{
	font-size: 1.35rem;
}	
#claim ul li:before,
#praxis ul li:before{
	font-size: .9rem;
	top: -2px;
	padding-right: 3px;
}
.telefon{
	top: -2px;
}
.telefon{
	width: 210px;
}
.telefon h3{
	font-size: 1.2rem;
	line-height: 0.6rem;
	margin-bottom: 12px;
}
.telefon p:first-of-type{
	padding-bottom: 0;
}

/* Layout
**********************************************/
.article .page-header{
	height: 48px;
	-webkit-box-shadow: 0 6px 6px 3px #777;
	-moz-box-shadow: 0 6px 6px 3px #777;
	box-shadow: 0 6px 6px 3px #777;
}
.article .page-header h2{
	padding-top: 7px;
}

/* #arrow-top
**********************************************/
.ion-chevron-up:before{
	top: 0.1rem;
	font-size: 2.4rem;
}
.arrow-up{
	top: 0;
	margin: 0 auto 30px;
}
.pos-bottom2,
.pos-bottom3{
	margin: 60px auto 0 !important;
}
.pos-bottom4{
	margin: 15px auto 0 !important;
}

/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 222px;
}

/*praxis
**********************************************/
h2.script{
	font-size: 2.7rem;
}
#praxis-img-circle-01{
	top: -42px;
	left: 46.5%;
}
#praxis-img-circle-02{
	top: -150px;
}
#praxis-img-circle-01,
#praxis-img-circle-02,
#praxis-img-circle-05{
	width: 21vw;
    height: 21vw;
}
.image-unten{
	padding-bottom: 9vw;
}
#praxis-img-circle-03{
	top: 12px;
	left: 0;
	width: 33vw;
	height: 33vw;
}
#praxis-img-circle-04{
	top: -60px;
	left: 39.6%;
	width: 24vw;
	height: 24vw;
}
#praxis-img-circle-05{
	top: 30px;
	right: 0;
}
.praxis-grafik{
	position: relative;
	top: 22.5vw;
	left: 42%;
	width: 45%;
	padding-bottom: 12%;
	transition: 0.4s ease;
}

/*Leistungen
**********************************************/
.article#unsere-leistungen,
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro{
	padding-bottom: 15px;
}
.einleitung{
	top: 0;
	margin-bottom: 2.7rem;
}
#neu-bei-uns-sensopro ul,
#unsere-leistungen ul{
	font-size: 1.2rem;
	margin-top: 1rem;
}
#neu-bei-uns-sensopro ul li,
#unsere-leistungen ul li{
	margin-bottom: 0.75rem;
}
#neu-bei-uns-sensopro ul li:before,
#unsere-leistungen ul li:before{
	font-size: 0.6rem;
	padding-right: 0.45rem;
	margin-left: 0rem;
}

/* Sensopro
**********************************************/

.sensopro-logo{
	width: 240px;
	margin-bottom: 15px;
}
#sensopro-img-circle-01{
	width: 24vw;
	height: 24vw;
	left: 24%;
}
#sensopro-img-circle-02{
	margin-left: 0;
	width: 19.5vw;
    height: 19.5vw;
}
#sensopro-img-circle-03{
	position: relative;
	top: 45px;
	margin-left: 36%;
	width: 19.5vw;
    height: 19.5vw;
	transition: 0.4s ease;
}
#sensopro-img-circle-04{
	width: 24vw;
    height: 24vw;
}
.text-sensopro {
	width: 57vw;
}

/* Pakete: Trainingsmöglichkeiten auf dem SENSOPRO
**********************************************/
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro .page-header{
	height: 84px;
}

/*Was uns auszeichnet
**********************************************/

.image-circle-wrapper{
	top: 90px;
}
#pfeil-01{
	top: 18%;
	left: 69%;
	width: 9%;
}
#pfeil-02{
	top: 56%;
	right: 13.5%;
	width: 6.6%;
}
#pfeil-03{
	top: 82.5%;
	left: 44.4%;
	width: 10.5%;
}
#pfeil-04{
	top: 57%;
	left: 12.6%;
	width: 6.6%;
}
#pfeil-05{
	top: 16.5%;
	left: 18%;
	width: 13.5%;
}

/*team
**********************************************/
.bg-team,
.bg-img-kontakt{
	position: relative;
	width: 22.5vw;
    height: 22.5vw;
}

/*kontakt
**********************************************/
.article#kontakt{
	padding-bottom: 18px;
}
.article#kontakt .page-header{
	margin-bottom: 0.9rem;
}
#kontakt .col33:first-of-type{
	width: 33%;
}
#kontakt .col33:nth-of-type(2){
	width: 37.5%;
}
#kontakt .col33:nth-of-type(3){
	width: 24%;
}
.article#google-maps{
	padding-bottom: 48vw;
}

/*Impressum /Datenschutz
**********************************************/
#in_impressum,
#in_datenschutz{
	padding: 300px 0 60px;
}
#in_impressum .page-header h1,
#in_datenschutz .page-header h1{
font-size: 2.1rem;
}

}

@media only screen and (max-width: 780px) {
	
h2{
	font-size: 1.8rem;
	line-height: 2.25rem;
}
h4{
	font-size: 1rem;
	line-height: 1.35rem;
}

/* Navigation 
**********************************************/

/*Layout
**********************************************/
.article .page-header h2{
	padding-top: 8px;
}
h3.article-header{
	font-size: 1.8rem;
	line-height: 2.25rem;
}
.einleitung h3.article-header{
	margin-bottom: 0.6rem;
}
h3.article-subheader{
	font-size: 1.5rem;
	line-height: 1.8rem;
}

/*praxis
**********************************************/
h2.script{
	font-size: 2.25rem;
}
#praxis-img-circle-01{
	top: -36px;
	left: 46.5%;
}
#praxis-img-circle-02{
	top: -129px;
}

/*Leistungen
**********************************************/
#unsere-leistungen .text{
	left: 45%;
	width: 57%;
}

/*Was uns auszeichnet
**********************************************/
.image-circle-wrapper{
	top: 60px;
}
.image-circle{
	width: 30%;
	height: 30%;
}
#image-144,
#image-216{
	top: 69%;
}
#image-144{	
	right: 12%;
}
#image-216{
	left: 12%;
}
#image-circle-center{
	top: 59%;
}
#pfeil-02{
	top: 59%;
	right: 12%;
	width: 6.6%;
}
#pfeil-03{
	top: 85.5%;
	left: 44.4%;
	width: 10.5%;
}
#pfeil-04{
	top: 60%;
	left: 12.6%;
	width: 6.6%;
}

/*kontakt
**********************************************/
h3.icon-phone{
	font-size: 1.35rem;
	padding-left: 45px;
}
h3.icon-phone:before {
	top: 18px;
	width: 36px;
	height: 36px;
}

/* Impressum/Datenschutz
**********************************************/
#in_impressum .page-header h1, 
#in_datenschutz .page-header h1{
	font-size: 1.8rem;
	margin-bottom: 1.8rem;
}
#in_impressum h3:first-of-type{
	margin: 0 0 0.6em;
}
#in_impressum,
#in_datenschutz{
	padding: 270px 0 45px;
}

}

@media only screen and (max-width: 720px) {
	
/*Kopf
**********************************************/
.col27, .col33, .col46{
	top: 27px;
}
.kopf{
	height: 150px;
	border-top: 42px solid #a7192a;
	-webkit-box-shadow: inset 0 15px 9px -6px #777;
	-moz-box-shadow: inset 0 15px 9px -6px #777;
	box-shadow: inset 0 15px 9px -6px #777;
}
#claim{
	top: -4px;
}
#claim ul li h2,
#praxis ul li h2{
	font-size: 1rem;
	line-height: 1.2vw;
}	
#claim ul li:before,
#praxis ul li:before{
	font-size: .9rem;
	top: -2px;
	padding-right: 3px;
}
.telefon{
	top: -3px;
}
.telefon{
	width: 171px;
}
.telefon h3{
	font-size: 1rem;
	line-height: 0.6rem;
	margin-bottom: 9px;
}
.telefon p:first-of-type{
	padding-bottom: 0;
	height: auto;
	margin-bottom:-3px;
}
	
}

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

h3{
	font-size: 1.35rem;
}
h4{
	font-size: 1.15rem;
}	
	
/* Navigation 
**********************************************/

.menu-wrapper{
	height: 30px;
}
.nav1{
	font-size: 1.15rem;
}
.nav1 ul.nav li,
.nav-imp ul.nav li{
	padding: 0 12px;
}
.social-links {
	right: 5%;
}
.social-links ul li{
	margin-left: 18px;
}	
	
}

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

/* Navigation 
**********************************************/	
.nav1{
	postion: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	height: auto;
	font-size: 1.25rem;
	padding: 1rem 0 1.5rem;
	background: url(../bilder/transp_w_15.png); 
	-webkit-transform: none;
	-ms-transform:none;
	-o-transform: none;
	transform: none;
	transition: none;
	z-index: 120;
}
.nav_m{
	position: relative;
	top: 2px;
	cursor: pointer;
	z-index: 150;
}
.nav1 ul.nav{
	position: relative;
	display: inline-block;
	width: 100%;	
	top: 6px;
	text-align: center;
	margin: 0 auto;
	clear: both;
}
.nav1 ul.nav li{
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0 0 1rem;
	border-right: none;
	margin: 0 auto;
	clear: both;
}
.nav1 ul.nav li a{
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}
.nav1 ul.nav li:last-child{
	padding-bottom:0;
}

/*Layout
**********************************************/
section{
	width: 90%;
}
.article .page-header{
	margin-bottom: 1.8rem;
	padding: 0 5%;
}
.article .page-header h2{
	padding-top: 9px;
}
ul li{
	margin-bottom: 0;
}
.pos-bottom5{
	margin: 150px auto 0 !important;
}


/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 192px;
}
.portrait{
	left: 50%;
	bottom: -93px;
	width: 330px;
	margin-left: -165px;
}
.button-termin{
	width: 270px;
	border-radius: 15px;
	margin-bottom: 12px;
}
.button-termin h3{
	top: 50%;
	margin: 0.3rem 0.9rem;
}
.bg-img-center{
	width: 180px;
	height: 180px;
}

/* praxis
**********************************************/
h2.script{
	font-size: 2rem;
	margin-bottom: 6px;
}
.bg-praxis-image{
	margin-bottom: 1.8rem;
}
#praxis-img-circle-01{
	top: -30px;
	left: 46.5%;
}
#praxis-img-circle-02{
	top: -114px;
}

/*Leistungen
**********************************************/
.article#unsere-leistungen,
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro{
	padding-bottom: 6px;
}
.einleitung{
	margin-bottom: 1.5rem;
}
#unsere-leistungen ul{
	font-size: 1rem;
	margin-top: 6px;
}
#unsere-leistungen ul li{
	margin-bottom: 0.3rem;
}

/* Sensopro
**********************************************/
#sensopro-shorts{
	position:relative;
	top: 30px;
	margin-left: 0;
}
.sensopro-logo{
	width: 210px;
}

/* Pakete: Trainingsmöglichkeiten auf dem SENSOPRO
**********************************************/
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro .page-header{
	height: 81px;
}

/*Was uns auszeichnet
**********************************************/
.article#was-uns-auszeichnet{
	padding-bottom: 30px;
}

/*team
**********************************************/
.bildreihe{
	left: -18px;
	width: calc(100% + 18px);
}
.bildreihe ul{
	margin-bottom: 0;
}
.bildreihe h3.h-sub{
	font-size: 1.2rem;
	margin: 0.45rem 0 0rem;
}
.bildreihe p{
	font-size: 1rem;
}

/*kontakt
**********************************************/
h3.icon-phone{
	font-size: 1.2rem;
	padding-left: 45px;
}
h3.icon-phone:before {
	top: 18px;
	width: 36px;
	height: 36px;
}
#kontakt .col33:first-of-type{
	width: 30%;
}
#kontakt .col33:nth-of-type(2){
	width: 39%;
}
#kontakt .col33:last-of-type{
	width: 27%;
}

/* Opt-in Google Maps
**********************************************/
.opt-in-button{
	width: 78%;
}

/* Impressum/Datenschutz
**********************************************/
#in_impressum,
#in_datenschutz{
	padding: 240px 0 45px;
}


}

@media only screen and (max-width: 600px) {
	
/*Was uns Auszeichnet
**********************************************/
#image-144,
#image-216{
	top: 72%;
}
#pfeil-02{
	top: 61.5%;
	right: 12%;
	width: 6.6%;
}
#pfeil-03{
	top: 87%;
	left: 44.4%;
	width: 10.5%;
}
#pfeil-04{
	top: 64.5%;
	left: 10.5%;
	width: 6%;
}	
#image-circle-center{
	top: 61.5%;
}

	
}

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

/* Navigation 
**********************************************/
.nav1,
.nav-imp{
	left: 0;
}
.social-links {
	right: 3.5%;
}

/* Kopf 
**********************************************/
.kopf{
	height: 135px;
}
.col27, .col33, .col46{
	top: 21px;
}
#claim ul li h2,
#praxis ul li h2{
	line-height: 12px;
}	
#claim ul li{
	padding-left: 0.6rem;
}
#claim ul li:first-of-type{
	padding-left: 0;
}
#claim ul li:last-of-type{
	padding-left: 1.2rem;
}
#claim ul li:before,
#praxis ul li:before{
	font-size: .6rem;
	top: -1px;
	padding-right: 2px;
}

/* Layout
**********************************************/	
section{
	width: 93%;
}
.article .page-header{
	margin-bottom: 1.8rem;
	padding: 0 3.5%;
}
/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 177px;
}

/*kontakt
**********************************************/
h3.icon-phone{
	font-size: 1rem;
	padding-left: 42px;
}
h3.icon-phone:before {
	top: 12px;
	width: 36px;
	height: 36px;
}

/* Impressum / Datenschutz
**********************************************/
#in_impressum .page-header h1,
#in_datenschutz .page-header h1^{
	margin-left: 3.5%;
}
#in_impressum,
#in_datenschutz{
	padding: 225px 0 45px;
}

}

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

/*Kopf
**********************************************/
#claim ul li{
	padding-left: 0;
}
#claim ul li:first-of-type{
	padding-left: 0;
}
#claim ul li:last-of-type{
	padding-left: 0;
}

/* #arrow-top
**********************************************/
.arrow-up{
	top: 30px;
	margin: 0 auto 30px;
}

/*Leistungen
**********************************************/
.leistungen-grafik{
	bottom: -12px;
}

/*Was uns Auszeichnet
**********************************************/

#pfeil-04{
	top: 63%;
	left: 10.5%;
	width: 6.6%;
}
	
/*kontakt
**********************************************/
.bg-img-kontakt{
	position: relative;
	width: 30vw;
    height: 30vw;
}
h3.icon-phone{
	font-size: 1.2rem;
	padding-left: 45px;
}
h3.icon-phone:before {
	top: -3px;
	width: 36px;
	height: 36px;
}
#kontakt .col33:first-of-type{
	width: 48%
}
#kontakt .col33:nth-of-type(2){
	width:52%;
	margin-bottom: 0;
}
#kontakt .col33:nth-of-type(3){
	left: 48%;
	width: 52%;
	margin-bottom: 0;
}
#kontakt h3{
	margin-top: 0;
}
	
}

@media only screen and (max-width: 510px) {
	
/*Kopf
**********************************************/
.logo{
	width: 94.5%;
}
.col27{
	width:36%;
}
.col46{
	width: 28%;
}
#claim{
	display: none;
}

/* praxis
**********************************************/
h2.script{
	font-size: 1.65rem;
	margin-bottom: 6px;
}

/*Leistungen
**********************************************/
.article#unsere-leistungen{
	padding-bottom: 210px;
}
.leistungen-grafik{
	bottom: -210px;
}

/*Was uns auszeichnet
**********************************************/

.image-circle-wrapper{
	top: 60px;
}
.image-circle{
	width: 30%;
	height: 30%;
}
#image-circle-center{
	top: 66%;
	width: 36%;
	height: 36%;
	margin-left: -18%;
}
#image-72,
#image-288{
	top: 25.5%;
}
#image-144,
#image-216{
	top: 75%;
}
#image-144{	
	right: 12%;
}
#image-216{
	left: 12%;
}
#pfeil-02{
	top: 64.5%;
	right: 12%;
	width: 6.6%;
}
#pfeil-03{
	top: 90%;
	left: 44.4%;
	width: 10.5%;
}
#pfeil-04{
	top: 69%;
	left: 10.5%;
	width: 6.6%;
}
	
}

@media only screen and (max-width: 480px) {
	
/* Kopf 
**********************************************/
.logo{
	top: 4px;
	width: 100%;
}

/* Layout
**********************************************/
h3.article-header{
	font-size: 1.5rem;
	line-height: 1.8rem;
}	
.bg-praxis,
.bg-sensopro,
.bg-team,
.bg-img-kontakt{
	-webkit-box-shadow: 0.3rem 0.3rem 0.6rem #666;
	-moz-box-shadow: 0.3rem 0.3rem 0.6rem #666;
	box-shadow: 0.3rem 0.3rem 0.6rem #666;
}
.border{
	border: 4px solid #fff;
}

/* praxis
**********************************************/
h2.script{
	font-size: 1.65rem;
	margin-bottom: 0;
}
#praxis .text{
	left: 48%;
	width: 52%;
}	
#praxis ul li{
	font-size: 1rem;
	line-height: 1.2rem;
}	
#praxis-img-circle-01{
	top: -24px;
	}
#praxis-img-circle-02{
	right: 3%;
	top: -84px;
}

/*Leistungen
**********************************************/
.leistungen-image {
    width: 30vw;
	height: 22vw;
    margin-bottom: 1.8rem;
}
#unsere-leistungen .text{
	left: 39%;
	width: 62%;
}

/* Pakete: Trainingsmöglichkeiten auf dem SENSOPRO
**********************************************/
.sensopro-col32 {
    width: 100%;
}
.sensopro-col31 {
	left: 12px;
    width: 50%;
	margin-bottom: 1rem;
}

/*Was uns auszeichnet
**********************************************/
.image-circle h4{
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto;
}

/* Impressum/Datenschutz
**********************************************/
#in_impressum .page-header h1, 
#in_datenschutz .page-header h1{
	margin-bottom: 1.2rem;
}
#in_impressum,
#in_datenschutz{
	padding: 210px 0 45px;
}

}


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


/* Kopf 
**********************************************/	
.kopf{
	height: 135px;
	border-top: 36px solid #a7192a;
}
.telefon-mobile{
	display: block;
}
.telefon{
	display: none;
}
.logo#logo-wohltat{
	top: 1px;
	width: 93%;
}

/* Layout
**********************************************/
.fuss{
	height: 39px;
}
.pos-bottom2{
	margin: 0 auto 0 !important;
}
.pos-bottom3{
	margin: 30px auto 0 !important;
}
.pos-bottom4{
	margin: 0 auto 60px !important;
}
.pos-bottom5{
	margin: 150px auto 30px !important;
}

/* Willkommen
**********************************************/
.inhalt#in_home{
	padding-top: 169px;
}
.portrait{
	left: 50%;
	bottom: -57px;
	width: 330px;
	margin-left: -165px;
}
.button-termin{
	width: 222px;
	border-radius: 15px;
	margin-bottom: 12px;
}
.button-termin h3{
	font-size: 1.2rem;
	top: 50%;
	margin: 0.15rem 0.6rem;
}
.bg-img-center{
	width: 120px;
	height: 120px;
}

/* Parallax-Trenner
**********************************************/
.parallax-map {
    position: relative;
    height: 0;
    padding-bottom: 54vw;
}

/* Praxis
**********************************************/
h2.script{
	font-size: 1.5rem;
}
#praxis-img-circle-01,
#praxis-img-circle-02,
#praxis-img-circle-05{
	width: 22.5vw;
    height: 22.5vw;
}
#praxis-img-circle-01{
	top: -18px;
	left: 45%;
	}
#praxis-img-circle-02{
	right: 3%;
	top: -48px;
}
.image-unten{
	padding-bottom: 0;
}
#praxis-img-circle-03{
	top: 9px;
	left: 0;
	width: 34.5vw;
	height: 34.5vw;
}
#praxis-img-circle-04{
	top: -63px;
	left: 37.5%;
	width: 27vw;
	height: 27vw;
}
#praxis-img-circle-05{
	top: 6px;
	right: 0;
}

/*Leistungen
**********************************************/
.article#unsere-leistungen{
	padding-bottom: 0;
}
.leistungen-image {
    width: 100%;
    height: 73.33%;
    margin-bottom: 1.5rem;
}
.leistungen-image:nth-of-type(3),
.leistungen-image:nth-of-type(5),
.leistungen-image:nth-of-type(6){
	display: none;
}
#unsere-leistungen .text {
	position: relative;
    left: 0;
	width: 100%;
	margin-bottom: 2.4rem;
}
#unsere-leistungen .text ul{
	padding-bottom: 2.4rem;
}
#unsere-leistungen .text ul li{
	font-size: 1.2rem;
	margin-bottom: 0.45rem;
}
.leistungen-grafik {
    bottom: -1.8rem;
}

/* Sensopro
**********************************************/

.sensopro-image{
	width: 100%;
	clear: both;
}
.article#neu-bei-uns-sensopro .text{
	top: 1.5rem;
	left: 0;
	width: 100%;
	clear: both;
}
.sensopro-circle-image{
	position: relative;
	left: 0;
	width: 100%;
	clear: both;
	transition: 0.4s ease;
}
#sensopro-img-circle-01{
	top: 45vw;
	width: 45vw;
	height: 45vw;
	left: 48%;
}
#sensopro-img-circle-02{
	position: relative;
	top: 18px;
	width: 36vw;
    height: 36vw;
	transition: 0.4s ease;
}
#sensopro-img-circle-03{
	position: relative;
	top: 0;
	margin-left: 36%;
	width: 36vw;
    height: 36vw;
	transition: 0.4s ease;
}
#sensopro-shorts{
	margin-left: 4%;
}
.sensopro-logo{
	width: 240px;
}

/*SENSOPRO für mich
**********************************************/

#sensopro-img-circle-04{
	width: 90vw;
    height: 90vw;
	clear: both;
}
.text-sensopro {
	top: 3rem;
	width: 100%;
	clear: both;
}

/*Was uns auszeichnet
**********************************************/
#pfeil-04{
	top: 70.5%;
	left: 10.5%;
	width: 6.6%;
}

/*Team
**********************************************/
.bildreihe ul li.line,
.bildreihe ul li #team-zero{
	display: none;
}
.bildreihe ul li{
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}
.bg-team{
	position: relative;
	width: 75vw;
    height: 75vw;
}
.bildreihe h3.h-sub {
    font-size: 1.5rem;
    margin: 1rem 0 0rem;
}

/*Kontakt
**********************************************/
.bg-img-kontakt{
	position: relative;
	width: 36vw;
    height: 36vw;
}
h3.icon-phone{
	font-size: 1rem;
	padding-left: 45px;
}

/* Opt-in Google Maps
**********************************************/
.opt-in-button{
	width: 84%;
}

}

@media only screen and (max-width: 390px) {
	
/* Pakete: Trainingsmöglichkeiten auf dem SENSOPRO
**********************************************/
.article#pakete-trainingsmoeglichkeiten-auf-dem-sensopro .page-header{
	height: 114px;
}

}

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

/* Praxis
**********************************************/
.bg-praxis-image {
    margin-bottom: 1.2rem;
}

/*Was uns auszeichnet
**********************************************/
#image-circle-center{
	top: 67.5%;
}

/*Kontakt
**********************************************/
.bg-img-kontakt{
	position: relative;
	width: 27vw;
    height: 27vw;
}
#kontakt .col33:first-of-type{
	width: 39%;
}
#kontakt .col33:nth-of-type(2){
	width:60%;
	margin-bottom: 0;
}
#kontakt .col33:nth-of-type(3){
	left: 39%;
	width: 60%;
	margin-bottom: 0;
}

}

@media only screen and (max-width: 330px) {
	
h2{
	font-size: 1.5rem;
}
h3{
	font-size: 1.35rem;
	line-height: 1.8rem;
}

/* Praxis
**********************************************/
h2.script{
	font-size: 1.313rem;
	line-height: 1.5rem;
}
.bg-praxis-image {
    margin-bottom: 1.2rem;
}
#praxis-img-circle-01{
	left: 42%;
}
#praxis-img-circle-02{
	right: 3%;
	top: -39px;
}
#praxis-img-circle-04{
	top: -54px;
	left: 36%;
}
#praxis-img-circle-05{
	top: 0;
	right: 0;
}

/*Leistungen
**********************************************/
.image-circle-wrapper{
	top: 75px;
}
#unsere-leistungen .text ul li{
	font-size: 1rem;
}

/*Was uns auszeichnet
**********************************************/
.article#was-uns-auszeichnet {
    padding-bottom: 240px;
}
#image-circle-center{
	top: 73.5%;
}
#image-144,
#image-216{
	top: 81%;
}
#image-144{	
	right: 12%;
}
#image-216{
	left: 12%;
}
#pfeil-02{
	top: 70.5%;
	right: 10.2%;
	width: 6.6%;
}
#pfeil-03{
	top: 93%;
	left: 44.4%;
	width: 10.5%;
}
#pfeil-04{
	top: 76.5%;
	left: 9%;
	width: 6.6%;
}

/* Impressum/Datenschutz
**********************************************/
#in_impressum,
#in_datenschutz{
	padding: 205px 0 45px;
}

}