/* CSS Document */

		html {
	
		}
		
		body {
			color: #fff;
			height: 2000px;
		}


/* Versuch Logo */
.rt-logo-block {
    position: absolute;
    transition: top 0.2s ease 0s;
	top:0px;
}



a#rt-logo {
    display: block;
    height: 174px;
    width: 550px;
	background-size: 100%;
    margin: 10px auto;
    background: rgba(0, 0, 0, 0) url("bilder/logo3.png") no-repeat scroll 50% 0 !important;
    transition: all 0.3s ease 0s;
}



/* Logo */

.logo {
	height: 100%;
    width: auto;
}

#logo {
	top:5px;
	position:fixed;
	height: 174px;
    width: 550px;
	text-align:left;
}


	.logoDatenschutz {
	height:calc(100% - 5px);;
    width: auto;
	}

	#logoDatenschutz {
		top:5px;
		position:fixed;
		height: 100px;
    	width: auto;
		text-align:left;
	}





		
	.slicknav_menu {
	display:none;
}
		

		
		iframe {
			width:100%;
			height:240px;
		}
		
		
		iframe.terminbuchen {
			width:98%;
			height: 870px;
		}
		
		
		

#header {
			position: fixed;
			height: 160px;
			display: block;
			width: 100%;
			/*background-color: #19142e;
			background-color: #000;*/
			background-color:rgba(000,000,000,0.6);
			z-index: 9;
			z-index: 9;
			text-align: center;
			padding: 20px 0 0 0;
			border-bottom: 1px solid #f7d68d;
			
		}


#headerDatenschutz {
			position: fixed;
			height: 90px;
			display: block;
			width: 100%;
			background-color: #fff;
			z-index: 9;
			text-align: center;
			padding: 20px 0 0 0;
			border-bottom: 1px solid #ADA8A8;
			
			
		}

		
		h1 {
			font-size: 40px;
			text-align: center;
			font-family: arial, helvetica;
			color: #fff;
			margin: 0;
			padding: 0;
		}
		
		h2 {
			font-family: arial, helvetica;
			text-align: center;
			font-size: 25px;
			color: #000;
		}
		
		h3 {
			font-family: arial, helvetica;
			text-align: left;
			font-size: 25px;
			color: #FFF;
		}
		
		h4 {
			font-family: arial, helvetica;
			text-align: left;
			font-size: 20px;
			color: #000;
			
		}
		
		h5 {
			font-family: arial, helvetica;
			text-align: center;
			font-size: 25px;
			color: #000;
			
		}
		
		h6 {
			font-family: arial, helvetica;
			text-align: center;
			font-size: 20px;
			color: #fff;
			
		}
		
		
		h7 {
			font-family: arial, helvetica;
			text-align: left;
			font-size: 20px;
			color: #000;
			
		}
		
		
		hr {
			color: #f7d68d;
			background-color: #f7d68d;
			height: 1px;
		}
		
		.weiss {
			
			text-align:left;
			color:#f7d68d;
		}
		
		
		
		.mittig {
			text-align: center;
		}
		/* Centered texts in each section
	* --------------------------------------- */
		
		.section {
			text-align: center;
			overflow: hidden;
		}
		
		
		.layer {
			position: absolute;
			z-index: 4;
			width: 100%;
			left: 0%;
			top: 2%;
			/* 
		* Preventing flicker on some browsers 
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
			-webkit-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		
	
		#HeadSmartHome,
		#HeadSmartUeber,
		#HeadSmartBeratungen,
		#HeadSmartKontakt{
		Display:none;
			
		}
		
/* ---------------------- Ab hier für ChinderCoaching -------------------------*/		
		

		
/*------------------------ Für Kontaktformular -------------------------------*/		
		
	#kontaktformular3 {
			width:90%;
		}
		
		
		
select { 		
	border: 1px solid #f7d68d;
	padding:4px;
	background-color:transparent;
	color:#f7d68d;
	/*width:100%;
	max-width:308px;*/
	}	
		
		
.button {
	width:100px;
	border: 1px solid #f7d68d;
	font: 14px arial, helvetica;
	font-weight:bold;
	padding-top:2px;
	margin-top:20px;
	background-color:transparent;
	color:#f7d68d;
	}
		
		
/*		input, fieldset, legend, textarea{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}	*/



label {
	display:inline-block;
	width: 100%;  /* war 150px*/
	vertical-align: top;
	padding:14px 80px 1px 0px;
	font: 14px arial,helvetica;
}

input[type="text"], 
input[type="email"],
textarea {
	width: calc(100% - 11px); /* war 200px*/
	max-width:300px;
	font: 16px arial,helvetica;
	border: 1px solid #f7d68d;
	padding:4px;
	color:#f7d68d;
}

input[type="text"]:focus, 
input[type="email"]:focus,
textarea:focus {
	color:#f7d68d;
}


textarea {
	resize:vertical;
	height:200px;
	min-height:200px;
	max-height:500px;
}

#plz {
	width:50px;   /* war 35px*/
}

#ort {
	width: calc(100% - 75px);/* war 151px*/
	max-width: 236px;
}


input, textarea {
	background-color:transparent;
	}




		
		
		
		
		
/* --------------------- Inhalt ---------------------------------------*/
		
		
		
		
		
		
#inhalt {
			clear: both;
			float: left;
			width: 99%;
			/*background-color: #fff;*/
			color: #fff;
			/*height:auto !important;
		min-height:70%;*/
			/*padding: 15px 0px 40px 30px;*/
			/**/
			/*margin-top: 25%;*/
			z-index: 2;
		}
		
#inhaltText {
			float: left;
			width: 99%;
			color: #fff;
			margin:12% 0% 13% 0%;
			z-index: 2;
			text-align:center;
			/*padding:16% 0% 10% 0%;*/
			font-size:60px;
		}


#inhaltTextHome {
			float: left;
			width: 99%;
			color: #fff;
			margin:19% 0% 6% 0%;
			z-index: 2;
			text-align:center;
			/*padding:16% 0% 10% 0%;*/
			font-size:60px;
		}
		
		
#inhaltHome {
			text-align: left;
			width: 98%;
			height: 100%;
			background-color:#fff;
			color: #000;
			height: auto !important;
			padding: 15px 30px 15px 30px;
			/**/
			z-index: 2;
		}
		
		
#inhaltWeiss {
	
			float: left;
			width: 100%;
			/*background-color:#000;*/
			background-color:rgba(000,000,000,0.6);
			color: #fff;
			padding: 30px 0px 40px 30px;
			z-index: 2;
		}
		

#linkeSpalte {
			float: left;
			width: 45%;
			margin: 0px 30px 0px 0px;

			
		}
		
#rechteSpalte {
			float: left;
			width: 45%;
			margin: 0px 0px 0px 30px;

			
		}
		
		
#linkeSpalte3 {
			float: left;
			text-align:left;
			width: calc(30% - 40px);
			margin: 0px 30px 0px 0px;
			padding:0px 30px 0px 0px;
		}
		
#mittlereSpalte3 {
			float: left;
			text-align:left;
			width: calc(30% - 40px);
			margin: 0px 0px 0px 0px;
			padding:0px 30px 0px 30px;
		}
		
#rechteSpalte3 {
			float: left;
			text-align:left;
			width: calc(30% - 40px);
			margin: 0px 0px 0px 30px;
			padding:0px 0px 0px 30px;
		}
		
				

	
		
.bilderSpalten	{
			width: 100%;
			
		}
		
.bilderSpalten3	{
			width:100%;
		}	
		
		
		
#zwischenraumLinie {
			float: left;
			width:calc(90% + 60px);
			padding: 30px 0px 30px 0px;
			clear:both;
	}
		
		
#zwischenraumLinieSmart {
			display:none;
	}	
		
		
#fussblock {
	border-top: 1px solid #ADA8A8;
			float: left;
		width:calc(100% + 30px);
	background-color:#fff;
	margin:60px 0px -40px -30px;
	padding:40px 0px 20px 30px;
	color:#000;
		}
		
		
#fusszeile {
			text-align: left;
			width: 100%;
			float: left;
			margin-bottom: 3px;
		}
		
		.kleingeschrieben {
			font-size: 13px;
			color:#fff;
		}		
	
	
		
.logoAusbildungen {
			float:left;
			width:9%;
			max-width:120px;
			padding:1%;
			/*margin:20px 10px 0px 10px;*/
		}
		
		
.logoVerband {
			float:left;
			width:31%;
			max-width:400px;
			padding:1%;
		}
		
		
				
#logosVerband {
		padding-top:20px;
		text-align:left;
		float:left;
		width:100%;
		clear:both;
		}


		
		
/* Versuch Bildfader2 ------------------------*/		

		
		
		
		
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
		


div#slider2 { overflow: hidden; }
div#slider2 figure img { width: 20%; float: left; }
div#slider2 figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 25s slidy infinite; 
}
		
div#slider3 { overflow: hidden; }
div#slider3 figure img { width: 20%; float: left; }
div#slider3 figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 25s slidy infinite; 
}
		
div#slider4 { overflow: hidden; }
div#slider4 figure img { width: 20%; float: left; }
div#slider4 figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 23s slidy infinite; 
}
		

div#slider5 { overflow: hidden; }
div#slider5 figure img { width: 20%; float: left; }
div#slider5 figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 23s slidy infinite; 
}
		
		
	
		
		
/* ---------------------------------------------------------------------------------*/		
		
		
		
		
		
	#text {
			float: right;
			width: 80%;
			color: #fff;
			height: auto !important;
			/*min-height:70%;*/
			margin-right: 3%;
			margin-bottom: 20px;
			z-index: 3;
		}
		

		
	#textOhne {
			float: right;
			width: 90%;
			color: #fff;
			height: auto !important;
			/*min-height:70%;*/
			margin-right: 3%;
			margin-bottom: 20px;
			z-index: 3;
		}
		
		

#textDatenschutzRechts {
			float: left;
			width: 60%;
			color: #fff;
			height: auto !important;
			/*min-height:70%;*/
			margin-right: 3%;
			margin-bottom: 20px;
			z-index: 3;
		}

#textDatenschutzLinks {
			float: left;
			width: 25%;
			color: #fff;
			height: auto !important;
			/*min-height:70%;*/
			margin-right: 3%;
			margin-bottom: 20px;
			z-index: 3;
		}
		
		
	
		.zeichnung {
			width: 100%;
		}
		
		#logoHome {
			text-align: center;
			width: 100%;
			height: 100%;
			margin-top: 60px;
		}
		
		.logoHome {
			text-align: center top: 0;
			left: 0;
			z-index: 70;
			width: 80%;
			padding: 0;
			margin: 0;
		}
		
		.logoHomeSmart {
			display:none;
		}
		
		
		
		/* -----------Bilder bei Texten--------------------*/
		
		
		
		
		
			
		.dominique {
			float: left;
			width: 15%;
			height: auto;
			z-index: 70;
			margin: 0% 2% 0% 0%;
			padding: 0;	
			
		}
		
		

		
		

		
		/* Bottom menu
	* --------------------------------------- */
		
		#infoMenu li a {
			color: #fff;

		}
	
		/* Backgrounds will cover all the section
	* --------------------------------------- */
		
		#sectionhome,
		#sectionueber,
		#sectionkontakt,
		#sectionkontakt
		 {
			background-size: cover;
			padding: 0px;
			margin: 0px;
			 z-index:1;
		}
		/* --------------------------------------- */
		
		#sectionhome {
			/*background-image: url(imgs/bild3.jpg);*/
			background-image: url(imgs/bild4_1.jpg);
			background-attachment: fixed;
		}

		
		#sectionueber {
			background-image: url(imgs/bild2_1.jpg);
			background-attachment: fixed;
		}
		
		#sectionberatungen {
			background-image: url(imgs/bild3_1.jpg);
			background-attachment: fixed;
		}
		
		#sectionkontakt {
			background-image: url(imgs/bild1_1.jpg);
			background-attachment: fixed;
		}
		

		
		
		
		ul {
			list-style: circle;
			text-align: left;
			padding-left: 25px;
		}



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



.logoSmart {
	display:none;
}
		

		
	
.logoWebamorphose {
	height:20px;
	width:auto;
}
	

		
		
		
		
		
		
@media screen and (max-device-width: 1024px) { /* 1024 für iPad, 1280 für Samsung Android??? */  
	

	h3 {
			
			color: #000;
		}
	
		.kleingeschrieben {
			
			color:#000000;
		}
	
	
	
#textDatenschutzRechts {
			
			width: 90%;
			color: #000;
			}

#textDatenschutzLinks {

			width: 90%;
			color: #000;
			padding-bottom:20px;
		}	
	

	
	
#inhaltTextHome {
			display:none;
		}
	

	
	#textOhne {
			color: #000;
		}	
	
	
	#inhaltWeiss {
	
	background-color:#fff;
			
		}
	

	#HeadSmartHome {
		display:block;
		float:left;
		background-image: url(imgs/bild4_2.jpg);
		background-size:cover;
		height:210px;
		width:110%;
		margin-left:-40px;
		margin-bottom:20px;
		margin-top:-10px;
		clear:both;
		z-index:2;
		text-align:center;
		font-size:50px;
		padding-top:190px;
		color:#fff;
			}
	
	
	#HeadSmartUeber {
			display:block;
		float:left;
		background-image: url(imgs/bild2_2.jpg);
		background-size:cover;
		height:210px;
		width:110%;
		margin-left:-40px;
		margin-bottom:20px;
		margin-top:-10px;
		clear:both;
		z-index:2;
		text-align:center;
		font-size:50px;
		padding-top:190px;
		color:#fff;
			}
	
	
		#HeadSmartBeratungen {
		display:block;
		float:left;
		background-image: url(imgs/bild3_2.jpg);
		background-size:cover;
		height:210px;
		width:110%;
		margin-left:-40px;
		margin-bottom:20px;
		margin-top:-10px;
		clear:both;
		z-index:2;
		text-align:center;
		font-size:50px;
		padding-top:190px;
		color:#fff;
			}
	
	
	#HeadSmartKontakt {
		display:block;
		float:left;
		background-image: url(imgs/bild1_2.jpg);
		background-size:cover;
		height:210px;
		width:110%;
		margin-left:-40px;
		margin-bottom:20px;
		margin-top:-10px;
		clear:both;
		z-index:2;
		text-align:center;
		font-size:50px;
		padding-top:190px;
		color:#fff;
			}
	

	

	
	#inhaltText {
		display:none;
		}
	
	
	#inhalt {
			margin-top: 0px;
			padding-top:0px;
		}
	
	
			#sectionhome {
				background-attachment: scroll;
				background-image:none;
			}
			
			#sectionueber {
				background-attachment: scroll;
				background-image:none;
			}
	
			#sectionberatungen {
				background-attachment: scroll;
				background-image:none;
			}
	
			#sectionkontakt {
				background-attachment: scroll;
				background-image:none;
			}
	
	
	
	
	
	.button {
	border: 1px solid #000;
	color:#000;
	}
		
		



input[type="text"], 
input[type="email"],
textarea {
	border: 1px solid #000;
	color:#000;
}

input[type="text"]:focus, 
input[type="email"]:focus,
textarea:focus {
	color:#000;
}
	
	
			
		}








		
	@media screen and (max-device-width:800px) {
		
		
	h1 {
			font-size: 20px;
		}	
		
		
		#HeadSmartHome {
		padding-left:30px;
		font-size:30px;
			}
	
	
	#HeadSmartUeber {
		padding-left:30px;
		font-size:30px;
			}
	
	
		#HeadSmartBeratungen {
		padding-left:30px;
		font-size:30px;
			}
	
	
	#HeadSmartKontakt {
		padding-left:30px;
		font-size:30px;
			}
		
	
			.rt-logo-block {
    display:none;
}



a#rt-logo {
    display:none;
}
		

		
		
.logoSmart {
	margin-top:30px;
	display:block;
	width:300px;
	clear:both;
	padding-left:40px;
}	
		
		
		
#HeadSmartHome {

		margin-left:-40px;
		margin-bottom:20px;
		padding-bottom:130px;
		margin-top:-140px;
		clear:both;
		z-index:2;
		text-align:center;
		font-size:50px;
		padding-top:190px;
		color:#fff;
			}		

		
		
		.js #menu {
		display:none;
	}
		
	
	.js .slicknav_menu {
		display:block;
		position:fixed;
       top: 0;
       width: 100%;
       z-index: 10000;
	}
		
		
	h2 {
		text-align:left;
			font-size: 21px;
		}
		
		
	h4 {
			font-size: 18px;
		}
		
		
		#adresse {
		width: 100%	
		}	
		


		
	
	#text {
			float: left;
			width: 90%;
			margin-right: 0%;
			margin-top:20px;
		}	
		

		

	#textOhne {
			float: left;
			width: 90%;
			margin-right: 0%;
			color: #000;
		}	
		
		
		
		.reiki {
			display:none;
		}
			
		.dominique {
			float: left;
			width: 50%;
			margin: 0% 0% 20px 0%;
			
		}
		
		
	
		
		
#linkeSpalte {
			width: 100%;
			margin: 0px 0px 0px 0px;

			
		}
		
#rechteSpalte {
			width: 100%;
			margin: 0px 0px 0px 0px;

			
		}
		
		
#linkeSpalte3 {
			width:90%;
			margin: 0px 0px 60px 0px;
			padding:0px 0px 0px 0px;
		}
		
#mittlereSpalte3 {
			width:90%;
			margin: 0px 0px 60px 0px;
			padding:0px 0px 0px 0px;
		}
		
#rechteSpalte3 {
			width:90%;
			margin: 0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		
				
.bilderSpalten3	{
			display:none;
		}	
		
		
#zwischenraumLinieSmart {
			display:block;
			float: left;
			width:100%;
			padding: 30px 0px 30px 0px;
			clear:both;
	}	
		

		

		
	#HeadSmartHome {
		background-image: url(imgs/bild4_1Smart.jpg);
			}
	#HeadSmartUeber {
		background-image: url(imgs/bild2_1Smart.jpg);
			}
		#HeadSmartBeratungen {
background-image: url(imgs/bild3_1Smart.jpg);
			}
		
	#HeadSmartKontakt {
background-image: url(imgs/bild1_1Smart.jpg);
			}
		
		
		
		
		
		
		
		.logoHomeSmart {
			display:block;
			text-align: center top: 0;
			left: 0;
			z-index: 70;
			width: 90%;
			padding: 0;
			margin: 0;
		}
		
		.logoHome {
			display:none;
		}
		
		#header {
			display:none;
			}
		

		
@media screen and (max-device-width:500px) {
	
		
		#HeadSmartHome,
		#HeadSmartUeber,
		#HeadSmartBeratungen,
		#HeadSmartKontakt
		{
		height:300px;
		}
	
	
	
}