@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	font-family:arial,helvetica;
    padding: 0;
    margin: 0;
	
}


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


a {
	color:#fff;
	text-decoration:underline;
	}
	
a:hover{
	color:#006569;
	}	




table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}


q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	 font-family: "Raleway", sans-serif, verdana;
	color: #000;
	/*color: rgba(0,0,0,0.5);*/
	font-size:16px;
	width:100%;
}

.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}

p{
	 font-family: "Raleway", sans-serif, verdana;
	font-size: 16px;
	text-align:left;
	/*color:#f7d68d;*/
	color:#fff;
}


/*Eigenes CSS.....*/


/*--------------------*/



.intro p{
	width: 50%;
	margin: 0 auto;
}
.section{
	text-align:center;
}




#menuDatenschutz{
	text-align:right;
	right:3%;
	position:fixed;
	top:40px;
	left:0;
	height: 40px;
	z-index: 70;
	width: 97%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}


#menuDatenschutz li {
	display:inline-block;
	margin: 10px 0px 0px 4px;
	color: #006569;
	/*bbackground:#fff;
	ackground: rgba(255,255,255, 0.6);
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;*/
	font-size:13px;
}
#menuDatenschutz li.active{
	/*background:#666;*/
	/*background:#673074;*/
	/*background: rgba(0,0,0, 0.5);*/
	color: #006569;
}
#menuDatenschutz li a{
	text-decoration:none;
	color: #006569;
	position: relative;
}
#menuDatenschutz li.active a:hover{
	color: #006569;
}
#menuDatenschutz li:hover{
	/*background:#eef569;*/
	color:#006569;
	/*background: rgba(255,255,255, 0.8);
	background: rgba(300,020,020, 0.6);      rot*/
}







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

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






#headerDatenschutz {
			position: fixed;
			height: 90px;
			display: block;
			width: 100%;
			background-color:rgba(300,300,300,0.3);
			z-index: 9;
			text-align: center;
			padding: 20px 0 0 0;
			/**/border-bottom: 1px solid #bace22;
			
			
		}

		
		h1 {
			font-size: 40px;
			text-align: center;
			font-family: "Raleway", sans-serif, verdana;
			color: #fff;
			margin: 0;
			padding: 0;
		}
		
		h2 {
			font-family: "Raleway", sans-serif, verdana;
			text-align: center;
			font-size: 25px;
			color: #000;
		}
		
		h3 {
			font-family: "Raleway", sans-serif, verdana;
			text-align: left;
			font-size: 25px;
			color: #FFF;
		}
		
		h4 {
			font-family: "Raleway", sans-serif, verdana;
			text-align: left;
			font-size: 20px;
			color: #000;
			
		}
		
		h5 {
			font-family: "Raleway", sans-serif, verdana;
			text-align: center;
			font-size: 25px;
			color: #000;
			
		}
		
		h6 {
			font-family: "Raleway", sans-serif, verdana;
			text-align: center;
			font-size: 20px;
			color: #fff;
			
		}
		
		
		h7 {
			font-family: "Raleway", sans-serif, verdana;
			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;
			
		}
		

		
		
/* --------------------- 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;
		}		
	
	
		

		
		
	#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;
		}
		
		
		


		
		/* 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("bilder/hintergrund/blume9.jpg");
			background-attachment: fixed;
		}

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




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

		
		
		
		
		
		
@media screen and (max-width: 1024px) { /* 1024 für iPad, 1280 für Samsung Android??? */  
	
	
	p{
	color:#000;
}
	
	
a {
	color:#000;

	}	
	
	

	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("bilder/hintergrund/blume9.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-width:800px) {
		
		
	h1 {
			font-size: 40px;
		}	
		
		
		#HeadSmartHome {
		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;
		}	
		
		

		
		
#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("bilder/hintergrund/blume9.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;
		}
	
	
	
}