/*normalize*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*normalize*/
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body {
	font-family: 'Open Sans', sans-serif;
    color: #000000;
	overflow-x:hidden;
	position:absolute;
	width:100%;
}

/*SLIDES STYLING*/


/*SLIDES STYLING*/


#slide1, #slide2, #slide3, #slide4, #slide5, #slide6,#slide7,#slide8{
	
	height: 1000px;
	margin: 0;
	padding: 0px 0 260px 0;
	width: 100%;
}
div#slide1 section.section{
	margin-top: 140px;
}

.container {
	max-width:1250px;
	margin:0 auto;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 10000;
	height: 200px;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.header .inner {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*behavior: url(../boxsizing.htc);
}

div.header div.inner h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 0.2px;
	font-size: 10px;
	margin: 0;
	padding-top:10px;
	float: left;
}
div.inner h1 span {
	display: block;
	color: #333;
}
.header h1,
.header img{
	line-height: 15px;
}
.header h1{
	color: #333;
}
.header img {
	margin-left: 0;
	float: left;
}


/* header with reduced height */
.header h1,
.header img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.header.header-shrink {
	height: 165px;
}

.header.header-shrink h1,
.header.header-shrink nav a {
	line-height: 15px;
}

.header.header-shrink h1 {
	font-size: 11 px;
}
.header.header-shrink .logo {
	width: 130px;
}

.header.header-shrink .kalender {
	width: 140px;
}
.header.header-shrink .cloud {
	width: 50px;
}

.logo{
	display:block;
	margin-left: auto;
	margin-right:auto;
	padding-top:5px;
	padding-left:0;
	width:200px;
}

img.cloud{
	width:60px;
	height:auto;
	}
	img.kalender{
	width:140px;
	height:auto;
	padding-right:5px;
	}
div.iie-sytems a {
	position:relative;
	display:inline;
}
a,
a:hover {
	text-decoration:none;
}
/* Navigation*/
ul,
ol {
	list-style:none;
}

.main {
	width:100%;
}
.nav {
	position:fixed;
	display:inline-block;
	font-size:14px;
	font-weight:900;
	margin-top:60px;
	z-index: 10001;
	margin-right:20px;
	right:0;
}
.nav-list {
	text-align:left;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	display:block;
	text-align:center;
	letter-spacing:0.7px;
	color:#000;
	font-weight:300;
	padding:15px 10px;
	border-bottom:1px solid #FFF;
}
li.nav-item a.activlink{
	color:#000;
	font-weight:600;
	font-size:16px;
}
.nav-item > a:hover {
	border-bottom:2px solid #FF33CC;
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	border-bottom:1px solid #666;
	display:block;
	padding:15px;
}
.nav-submenu-item a span {
	display:block;
}
.nav-submenu-item a:hover {
	background:#FF33CC;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#666 url(../img/nav.svg)no-repeat center center;
	background-size:18px;
	height:45px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #000;
	height:46px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../img/dropblack.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background:#FFF;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
/* Navigation_Ende */

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 100%; }

div.space{
	margin-top:10px;
	margin-bottom:20px;
}
a[href^=tel] { 
    color: inherit; 
    text-decoration: none; 
} 

/*SLIDES STYLING*/
#slide1, #slide2{ width: 100%; }
#slide1{
	height:10px;
	background:url(../img/bettina_duerr200x800.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin-top:200px;
	padding-top:200px;
}

#slide2{
	color:#FFF;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

div#slide2 {
	color:#FFF;
	text-align:center;
	font-size:11px;
	font-weight:300;
	line-height:25px;
	letter-spacing:0.1;
	padding-bottom:10px;
	font-family: 'Open Sans', sans-serif;
}
div#slide2 h1{
	color:#000;
	text-align:center;
	font-size:38px;
	line-height:38px;
	padding:0 15px 15px;
	font-family: 'Cormorant', serif;
}
div#slide2 h1 span{
	display:block;
}
div#slide2 h2 br{
	display:block;
	color:#000000;
}
div#slide2 p{
	color:#000;
	text-align:center;
	font-size:16px;
	padding:0 15px;
}
div#slide2 a{
	color:#FFFFFF;
	text-align:center;
	font-size:16px;
	font-weight:800;
	text-decoration:none;
	padding-top:10px;
	
}
#slide3{
	height:10px;
	background:url(../img/Behandlungsraum.jpg)50% 0 no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
div#slide4 {
	color:#FFF;
	text-align:center;
	font-size:11px;
	font-weight:300;
	line-height:25px;
	letter-spacing:0.1;
	padding-bottom:15px;
	font-family: 'Open Sans', sans-serif;
	height: auto;
	top:100px;
}
div#slide4 h2{
	margin-top:70px;
	color:#000;
	text-align:center;
	font-size:38px;
	line-height:38px;
	padding:0 15px 15px;
	font-family: 'Cormorant', serif;
}
div#slide4 h2 span{
	display:block;
}
div#slide4 h2 br{
	display:block;
	color:#000000;
}
div#slide4 p{
	color:#000;
	text-align:center;
	font-size:16px;
	padding:0 15px;
}

#slide5{
	height:10px;
	background:url(../img/jugentliche.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	}
	
div#slide6 {
	text-align:center;
	font-size:11px;
	font-weight:300;
	line-height:25px;
	letter-spacing:0.1;
	padding-bottom:15px;
	font-family: 'Open Sans', sans-serif;
	height: auto;
}
div#slide6 h2{
	color:#000;
	text-align:center;
	font-size:38px;
	line-height:38px;
	padding:0 15px 15px;
	font-family: 'Cormorant', serif;
}
div#slide6 h2 span{
	display:block;
}
div#slide6 h2 br{
	display:block;
	color:#000000;
}
div#slide6 p{
	color:#000;
	text-align:center;
	font-size:16px;
	padding:0 15px;
}
#slide8{
	height:400px;
	background:url(../img/Wartezimmer.jpg)50% 0 no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	margin-bottom:80px;
	}

body div.backgroundj{
	background-image:url(../img/45543366_l.jpg); 
    -webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-attachment:fixed;
}
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}

.container {
	max-width:1250px;
	margin:0 auto;
}



.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 100%; }



.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 100%; }



/* Animation Text */


div#slide1 .st-panel h2 span{
	display:block;
	}
	div#slide1 .st-panel h2 b{
	font-weight: 200;
	}
	
	
div#slide1 .st-panel{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
div#slide1 .st-panel img{
	width:250px;
	margin-top: 300px;
	padding-left:33%;
	
}
section.st-panel#st-panel-1 p span{
	display:block;
	padding-top:20px;
}
div#slide1 section.st-panel#st-panel-1 p span b{
	font-size:20px;
}
div#slide1 section.st-panel#st-panel-1 h2{
	-webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	animation: moveDown 0.6s ease-in-out 0.2s backwards;
}
div.impressum#slide1 section.st-panel#st-panel-1 p{
	font-size:1.3em;
}

div#slide1 .st-panel {
	clear:both;
	z-index:1;
}

div#slide1 .st-panel p {
	z-index:1;
	clear:both;
	position: absolute;
	text-align: center;
	font-size: 15px;
	font-weight:600;
	padding: 0 20px;
	line-height: 1.4;
	color: #000;
	width: 100%;
	top: 200px;
	-webkit-backface-visibility: hidden;
}
div#slide1 .st-panel p strong{
	display:block;
	padding-top:30px;
	color:#b30000;
}
div#slide1 .st-panel p strong a{
	display:block;
	color:#000000;
	font-size:15px;
	padding:15px 0;
	margin-left:15%;
	margin-right:15%;
	margin-top:12px;
	background-color:#094ab1;
	text-align:center;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05), 0 15px 30px -10px rgba(0,0,0,0.3);
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
div#slide1 .st-panel p strong a:hover{
	background-color:#0c61e9;
}
div#slide1 .st-panel p span{
	display:block;
}
div#slide1 section.st-panel#st-panel-1 p{
	-webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	animation: moveUp 0.6s ease-in-out 0.2s backwards;
}



#content {
	float:left;
	width:100%;
	margin-top:20px;
	padding:3% 3%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


.grid,.grid2{
	margin-bottom:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

/* Common style */
.grid figure, .grid2 figure {
	position: relative;
	float: left;
	overflow: hidden;
	width:100%;
	margin: 3px 0;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	margin-bottom:13px;
}

.grid figure img, .grid2 figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.8;
	padding-right:0;
}

.grid figure figcaption, .grid2 figure figcaption {
	color: #FF33CC;
	font-weight:200;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid2 figure figcaption {
	color: #0099FF;
	font-weight:200;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid2 figure figcaption::before,
.grid2 figure figcaption::after {
	pointer-events: none;
}

.grid2 figure figcaption,
.grid2 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 600;
	font-size: 22px;
}

.grid figure h2 span {
	font-weight: 600;
	display:block;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.frame {
	background: rgba(250,250,250,0.5);
}

figure.frame img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.frame:hover img {
	opacity: 0.4;
}

figure.frame figcaption::before,
figure.frame figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.frame figcaption::before {
	border-top: 1px solid #FF33CC;
	border-bottom: 1px solid #FF33CC;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.frame figcaption::after {
	border-right: 1px solid #FF33CC;
	border-left: 1px solid #FF33CC;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.frame h2 {
	padding-top: 65%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.frame p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.frame figcaption p {
	color:#FF33CC;
}
figure.frame:hover figcaption::before,
figure.frame:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.frame:hover h2,
figure.frame:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

div.content h3{
	color:#FF33CC;
	margin-top:300px;
}
div.content h2{
	color:#000;
}
footer div.impressum{
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	padding-top:7px;
	text-align:center;
	letter-spacing:0.3px;
}

#content {
	float:left;
	width:100%;
	margin-top:20px;
	padding:3% 3%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



footer div.container div.impressum{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#FFFFFF;
	padding-top:7px;
	text-align:center;
	letter-spacing:0.3px;
	font-size: 8 px;
}
figure.sponsor {
	width:100%;
}
footer{
	position: fixed;
	z-index:3;
	bottom: 0;
	width: 100%;
	background-color:#FF33CC;
	height:50px;
	font-weight:800;
	text-transform: uppercase;
	color:#FFFFFF;
	font-size:10px;
	line-height:1.5;
}

footer span{
	display:block;
	color:#FFFFFF;
}
footer b{
	font-weight:800;
	color:#FFFFFF;
}
footer div.impressum a{
	font-weight:800;
	color:#FFF;
	padding-left:5px;
	text-transform: uppercase;
	text-decoration:none;
}
footer div.impressum-pink{
	position: fixed;
	z-index:3;
	bottom: 0;
	width: 100%;
	font-weight:800;
	color:#FFF;
	background-color:#FF33CC;
	height:58px;
	font-size:11px;
	font-weight:400;
	text-align:center;
	text-transform: uppercase;
	padding-top:10px;
	}
	
footer div.impressum-pink b{
	font-weight:800;
	color:#FFF;
}
footer div.impressum-pink a{
	font-weight:800;
	color:#FFF;
}
div#list{
	margin-top:100px;
	border: 3px solid #73AD21;
	margin:100px -7px 0 -7px;
}
div#list .clearfix {
	overflow:auto;
}
div#list .clearfix img{
	float:right;
	width:300px;
}
div#list .clearfix h1{
	padding: 0 10px;
}
div#list .clearfix p{
	padding: 0 10px;
}
/* Overlay style */
.overlay1, .overlay2,.overlay3, .overlay4 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(176,210,231,0.9);
}

/* Overlay closing cross */
.overlay1 .overlay-close1,
.overlay2 .overlay-close2,
.overlay3 .overlay-close3,
.overlay4 .overlay-close4 {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 150px;
	overflow: hidden;
	border: none;
	background:url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay1 h1, .overlay2 h1, .overlay3 h1, .overlay4 h1 {
	text-align: center;
	position: relative;
	top: 44%;
	height:38%;
	font-size: 38px;
	color:#FFFFFF;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay1 p,.overlay2 p, .overlay3 p,.overlay4 p {
	font-weight: 300;
	display: block;
	color:#FFFFFF;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc p {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	max-width:800px;
	color:#FFFFFF;
}
.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc p {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc p {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open p {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.line { 
    margin-top: 110px;
	margin-bottom: 0px;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}

div.container{
	margin-top:0;
}
div.scroller#scroller{
	margin-top: 0;
}
	
	
.scroller {
	margin-top: 0;
	overflow: hidden;
}

.section {
	margin-bottom: 7em;
}

/* Clear floats of children */
.section:before,
.section:after {
	content: " ";
	display: table;
}

.section:after {
	clear: both;
}

/* Text styling */
.section h2 {
	font-family: 'Merriweather', serif, Calibri, Arial, sans-serif;
	font-size: 40px;
	font-weight: 300;
	line-height: 1;
	margin-bottom:0;
	text-align:center;
}

.section p {
	font-family: 'Quattrocento Sans', sans-serif, Calibri, Arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height:1.5em;
	text-align:center;
}
.part{
	margin-top:-110px;
}


side-left

/* Floats of children */
.side:before,
.side:after {
	content: " ";
	display: table;
}

.side:after {
	clear: both;
}

.side-right {
	text-align:center;	
}

.side-left h2{
	padding-bottom:20px;
	margin-top:80px;
}

.side-left {
	text-align:center;
}

.side-right img {
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	margin-top:50px;
}

.side-left img {
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	margin-top:180px;
}
img.two-img {
	margin-top:-45px;
	padding-top:-50px
}

.part img {
	margin-top:0;
}
/* Photostack*/
@font-face {
	font-family: 'icons';
	src:url('../fonts/icons/icons.eot');
	src:url('../fonts/icons/icons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icons/icons.woff') format('woff'),
		url('../fonts/icons/icons.ttf') format('truetype'),
		url('../fonts/icons/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.photostack {
	background: #ddd;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.js .photostack {
	height: 580px;
}

.photostack-start {
	cursor: pointer;
}

/* Wrapper and figures */

/* The size of this wrapper can be smaller if the items should not be scattered across the whole container */ 
.photostack > div {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.photostack figure {
	width: 533px;
	height: 421px;
	position: relative;
	display: inline-block;
	background: #fff;
	padding: 40px;
	text-align: center;
	margin: 5px;
}

.js .photostack figure {
	position: absolute;
	display: block;
	margin: 0;
}

.photostack figcaption h3 {
	margin: 20px 0 0 0;
	color: #a7a0a2;
	font-size: 16px;
}
figure button#trigger-overlay1,
figure button#trigger-overlay2,
figure button#trigger-overlay3,
figure button#trigger-overlay4{
	position:relative;
	outline:none;
	display: block;
	width: 453px;
	height: 301px;
	background:#FFFFFF;
	border:none;
}
figure button#trigger-overlay1 img,
figure button#trigger-overlay2 img,
figure button#trigger-overlay3 img,
figure button#trigger-overlay4 img {
	position:relative;
	outline:none;
	display: block;
	width: 453px;
	height: 301px;
}


/* Navigation dots */
.photostack nav {
	position: absolute;
	width: 100%;
	bottom: 30px;
	z-index: 90;
	text-align: center;
	left: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.photostack-start nav {
	opacity: 0;
}
 
.photostack nav span {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: #aaa;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s;
	transition: transform 0.6s ease-in-out, background 0.3s;
	-webkit-transform: scale(0.48);
	transform: scale(0.48);
}

.photostack nav span:last-child {
	margin-right: 0;
}

.photostack nav span::after {
	position:relative;
	content: "\e600";
	font-family: 'icons';
	font-size: 80%;
	speak: none;
	display: inline-block;
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 30px;
	color: #fff;
	opacity: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.photostack nav span.current {
	background: #888;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.photostack nav span.current.flip {
	-webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
	transform: scale(1) rotateY(-180deg) translateZ(-1px);
	background: #555;
}

.photostack nav span.flippable::after {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

/* Overlays */

/* Initial overlay on photostack container */
.js .photostack::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	z-index: 100;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.js .photostack-start::before {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

/* Button on photostack container */
.js .photostack::after {
	content: 'View Gallery';
	font-weight: 400;
	position: absolute;
	border: 3px solid #fff;
	text-align: center;
	white-space: nowrap;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	z-index: 101;
}

.js .photostack::before,
.js .photostack::after {
	opacity: 0;
	visibility: hidden;
}

.js .photostack-start::before,
.js .photostack-start:hover::after,
.touch .photostack-start::after  {
	opacity: 1;
	visibility: visible;
}

/* Overlay on figure */
.photostack figure::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: visible;
	opacity: 1;
	background: rgba(0,0,0,0.05);
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

/* Hide figure overlay when it becomes current */
figure.photostack-current::after {
	-webkit-transition: opacity 0.6s, visibility 0s 0.6s;
	transition: opacity 0.6s, visibility 0s 0.6s;
	opacity: 0;
	visibility: hidden;
}

/* Special classes for transitions and perspective */
.photostack-transition figure {
	-webkit-transition: -webkit-transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
}

.photostack-perspective {
	-webkit-perspective: 1800px;
	perspective: 1800px;
}

.photostack-perspective > div,
.photostack-perspective figure {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.photostack-perspective figure,
.photostack-perspective figure div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.photostack-perspective figure.photostack-flip {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.csstransformspreserve3d figure.photostack-flip .photostack-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	display: block;
}

.no-csstransformspreserve3d figure.photostack-showback .photostack-back {
	display: block;
}

/* The no-JS fallback look does not need to be boring ;) */
.no-js .photostack figure {
	box-shadow: -2px 2px 0 rgba(0,0,0,0.05);
}

.no-js .photostack figure::after {
	display: none;
}

.no-js .photostack figure:nth-child(3n) {
	-webkit-transform: translateX(-10%) rotate(5deg);
	transform: translateX(-10%) rotate(5deg);
}

.no-js .photostack figure:nth-child(3n-2) {
	-webkit-transform: translateY(10%) rotate(-3deg);
	transform: translateY(10%) rotate(-3deg);
}

/* Some custom styles for the demo */

/* Since we don't have back sides for the first photo stack, we don't want the current dot to become too big */
#photostack-1 nav span.current {
	background: #888;
	-webkit-transform: scale(0.61);
	transform: scale(0.61);
}
/* Navigation*/
@media only screen and (min-width: 320px) and (max-width: 1300px) {
	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
		right:0;
	}
	
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-item a {
	background:#FFF;
	border-bottom:1px solid #CCC;
}
.nav-item > a:hover {
	background:#FF33CC;
}
.nav-submenu-item {
	background:#FF33CC;
}
.nav-submenu-item a:hover {
	background:#FF33CC;
}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
	.nav-submenu a {
		background:#FFF;
	
}

}
@media only screen and (min-width: 320px) and (max-width: 600px) {
#slide9{
	display:none;
}
}
@media screen and (min-width:320px) {
	#slide1{
	height:400px;
	background:url(../img/bettina_duerr650x433.jpg) top center no-repeat;
	margin-top:110px;
}
#slide3{
	height:400px;
	background:url(../img/Behandlungsraum650x414.jpg) top center no-repeat;
	margin-top:110px;
}
#slide5{
	height:400px;
	background:url(../img/jugentliche650x437.jpg) top center no-repeat;
	margin-top:110px;
	padding-top:50px;
}
#slide6{
	margin-top:0;
}
#slide8{
	height:400px;
	background:url(../img/Wartezimmer650x414.jpg) top center no-repeat;
	margin-bottom:35px;
}
}
@media screen and (min-width:400px) {
div.header div.inner h1 {
font-size: 10px;
letter-spacing: 0.5px;
padding-bottom:0;
margin-bottom:0
}
.logo{
	width:160px;
}
img.kalender, img.cloud{
		margin-top:-15px;
}

div.iie-sytems {
	display:inline;
	margin-right:400px;
	margin-top:-55px;
	
}
footer{
	font-size:11px;
}
}
@media screen and (min-width:500px) {
	img.kalender{
	margin-top:5px;
	margin-right:5px;
}
img.cloud {
	margin-top:5px;
}
.overlay1 h1, .overlay2 h1, .overlay3 h1, .overlay4 h1 {
	text-align: center;
	position: relative;
	top: 50%;
	height:44%;
	font-size: 48px;
	color:#FFFFFF;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
div.header div.inner h1 {
	padding-left:5px;}
}
@media screen and (min-width:540px) {
	body {font-size:1em;}
.logo{
	width:190px;
}

#slide1{
	height:800px;
	background:url(../img/bettina_duerr200x800.jpg) top center no-repeat;
	margin-top:100px;
}
#slide3{
	height:800px;
	background:url(../img/Behandlungsraum.jpg) top center no-repeat;
	margin-top:110px;
}
#slide5{
	height:800px;
	background:url(../img/jugentliche.jpg)top center no-repeat;
	margin-top:110px;
}
div#slide6 {
	height: 730px;
}
#slide8{
	height:800px;
	background:url(../img/Wartezimmer.jpg) top center no-repeat;
	margin-top:110px;
}
#slide9{
	height:800px;
	margin-bottom:40px;
}
}

@media screen and (min-width:615px) {
	img.cloud{
	width:60px;
	height:auto;
	
	}
	img.kalender{
	margin-left:10px;
	}
	div.iie-sytems {
	display:inline;
	margin-right:400px;
	top:10px;
}
div#slide6 {
	text-align:center;
	font-size:11px;
	font-weight:300;
	line-height:25px;
	letter-spacing:0.1;
	padding-bottom:15px;
	font-family: 'Open Sans', sans-serif;
}
div#slide7 {
	height: 1030px;
}

div.header div.inner h1{
		padding-left:10px;
}
		.header {
	height: 190px;
}
div.header div.inner h1,
div.header div.inner h1 span {
	font-size: 11px;
	line-height:15px;
}
.header.header-shrink {
	height: 120px;
}
#content {padding:4% 4% 0 4%;}
	.grid, .grid2{
		float:left;
		width:48%;	
		margin-right:4%;
		margin-bottom: 4%;
	}
	
	.grid:nth-of-type(even),
	.grid2:nth-of-type(even) {
		margin-right:0;	
	}
	
}
@media screen and (min-width: 650px) {	

	.space{
	padding-bottom:800px;
}
.side {
		float: none;
		width: 100%;
	}

	.cside img {
		max-width: 100%;
	}
	.section h2 {
	font-size: 45px;
	font-weight: 300;
	line-height: 1;
}

.section p {
	font-size: 20px;
	font-weight: 300;
}

}
@media screen and (min-width:760px) {
	div.iie-sytems {
	magin-top:-45px;
}
.header {
	height: 160px;
}
div.header div.inner h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 0.5px;
	font-size: 18px;
	line-height:2;
	margin: 0;
	padding-top:10px;
	float: left;
}
div.inner h1 span {
	display: block;
}
.header h1,
.header img{
	line-height: 15px;
}


div#slide7 {
	height: 1080px;
}	
footer{
	position: fixed;
	z-index:3;
	bottom: 0;
	width: 100%;
	height:50px;
	font-weight:400;
	text-transform: uppercase;
	font-size:14px;
	line-height:38px;
}

footer span{
	display:inline;
}
footer b{
	font-weight:800;
	color:#FFF;
}
footer div.impressum a{
	font-weight:800;
	color:#FFF;
	padding-left:5px;
	text-transform: uppercase;
	text-decoration:none;
}
footer div.impressum-pink a{
	font-weight:800;
	color:#FFF;
	padding-left:5px;
	text-transform: uppercase;
	text-decoration:none;
}

footer div.impressum-pink{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	padding-top:7px;
	text-align:center;
	letter-spacing:0.3px;
	font-size: 14px;
	height:62px;
	width:100%;
}
.overlay1 h1, .overlay2 h1, .overlay3 h1, .overlay4 h1 {
	text-align: center;
	position: relative;
	top: 50%;
	height:38%;
	font-size: 48px;
	color:#FFFFFF;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}
.side-right img {
	margin-top:400px;
}
@media screen and (min-width:900px) {
div#slide7 {
	height: 1050px;
}
div#slide2 {
	color:#FFF;
	text-align:center;
	font-size:13px;
	line-height:28px;
	letter-spacing:0;
	padding-bottom:15px;
}
}
@media screen and (min-width:950px) {
div#slide2 h1{
	color:#000;
	text-align:center;
	font-size:50px;
	padding-bottom:15px;
	line-height:60px;
}



div#slide2 p{
	color:#000;
	text-align:center;
	font-size:16px;
	padding:0 10px;
}
div#slide4 {
	height:auto;
}	
div.header div.inner h1{
		padding-left:10px;
}	
		

	.header.header-shrink img {
	width: 180px;
}
div.iie-sytems img.kalender {
margin-top:-5px;
	margin-left:40px;
	width:160px;
}
.side-left h2{
	padding-bottom:20px;
	margin-top:120px;
}
.side-right h2{
	padding-bottom:20px;
}


div.container{
	margin-top:0;
}
div.scroller#scroller{
	margin-top: 20px;
}

.scroller {
	margin-top: 0.5em;
	overflow: hidden;
}

.section {
	margin-bottom: 7em;
}

/* Floats of children */
.section:before,
.section:after {
	content: " ";
	display: table;
}

.section:after {
	clear: both;
}

/* Text styling */
.section h2 {
	font-family: 'Merriweather', serif, Calibri, Arial, sans-serif;
	font-size: 60px;
	font-weight: 300;
	line-height: 1;
	margin-bottom:0;
}

.section p {
	font-family: 'Hind', sans-serif;
	font-size: 22px;
	font-weight: 300;
	text-align: left;
	margin-left:-24px;
	line-height:1.5em;
}

/* Sides */
.side {
	width: 50%;
	float: left;
	margin: 0;
	padding: 3em 4%;
	overflow: hidden;
	min-height: 12em;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}
side-left

/* Clear floats of children */
.side:before,
.side:after {
	content: " ";
	display: table;
}

.side:after {
	clear: both;
}

.side-right {
	text-align: left;	
}

.side-left {
	text-align: left;
}

.side-right img {
	float: left;
	width: 100%;
	margin-top:60px;
}

.side-left img {
	float: right;
	width: 100%;
	margin-top:100px;
}
img.two-img {
	margin-top:-45px;
	padding-top:-50px
}

.part img {
	margin-top:0;
}

.init .side {
	opacity: 0;
}

.init .side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.init .side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}


}
@media screen and (min-width:988px) {
	
div#slide1 .tooltip-item-index{
	margin-top:60px;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 600;
	font-size: 26px;
	line-height:30px;
}

.grid figure h2 span {
	font-weight: 600;
	display:block;
}
.grid figure p {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 100px;
	line-height:30px;
}
div#slide7 {
	height: 650px;
}	
}
@media screen and (min-width:1030px) {
img.kalender{
	margin-top:15px;
}
img.cloud{
	margin-top:-5px;
}
.nav{
	margin-right:10%;
}
#slide1{
	height: 1200px;
	width:100%;
	background:url(../img/bettina_duerr200x800.jpg) 50% 50% no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#slide2{
	padding-top:85px;
}
#slide3{
	height:1200px;
	width:100%;
	background:url(../img/Behandlungsraum.jpg) 50% 50% no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#slide5{
	height:1200px;
	width:100%;
	background:url(../img/jugentliche.jpg) 50% 50% no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#slide7{
	padding-top:65px;
}
#slide8{
	height:1200px;
	width:100%;
	background:url(../img/Wartezimmer.jpg) 50% 50% no-repeat fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#slide9{
	height: 1000px;
}
}