@charset "utf-8";

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('sftp://u6709147-webadmin@home17194885.1and1-data.host/xetma-solar/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}



/*
* CSS-Design
* Xetma-Solar-Startseite
* 
*/



/* Reset * * * * * * * * */
*{
	margin: 0;
	padding: 0;
}

body{
	font: 500 20px/24px 'Roboto', sans-serif;
	color:  #f8a90e;
	padding: 10px;
	}

/* Layout * * * * * * * * */

.wrapper{
	width:960px;
	margin: 0 auto;
	overflow: hidden;
}

#header{
	background: #fff;
	padding: 40px 30px;
	margin: center;
	}









/* Typografie */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	margin: 0 0 50px 0;
}

h2{
	font-size: 18px;
	line-height: 26px;
}

#header h1{
	color: #646662;
	margin: 0px 0px;
	text-shadow: 1px 1px #1d1d1d;
	font: 36px/68px 'Roboto', sans-serif;
}

#header h2{
	color: #646662;
	margin-bottom: 20px;
	font: 18px/26px /* roboto-regular - latin */
	text-aline: center;
}

a{
	color: #646662;
	text-decoration: none;
	text-align: center;
}

a:hover{
	color: #2c3133;
}

#footer a:hover{
	color: #f8a90e;
}

p{
	margin-bottom: 20px;
	margin: 0px 20px 20px 0px;
	
}

hr{
	background: #2c3133;
	border: 0;
	height: 1px;
	width: 100%;
	float: left;
	margin: 20px 0;
}

.button{
	background: #ff621c;
	padding: 4px 10px;
	color: #f8a90e;
	text-decoration: none;
	font-size: 12px;
	border-radius: 4px;
	text-shadow: 1px 1px #842e08;
}

.button:hover{
	background: #fff;
	color: #ff621c;
	text-shadow: none;
}

.big{
	font-size: 18px;
}

.img-header{
	position:absolute;
	top: 70px; 
	left:0;
	background: 0;
	padding: 5px 15px 5px 20px ;
	color: #333;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
}
/* Media Queries * * * * * * * * */
 
@media only screen and (min-width: 980px) and (max-width: 1279px) {
 
header{

}
 
}
 
@media only screen and (min-width: 760px) and (max-width: 979px) {
 
header{

}
 
.wrapper{
width: 760px;
}
 
}
 
.footer{
width: 760px;
}
 #main, .sidebar{
width: 100%;
}
 
}
 
@media only screen and (max-width: 759px) {
 
header{

}
 
.wrapper{
width: 100%;
}
 
}
 
.footer{
width: 100%;
}
.full, .two-thirds, .half, .third, .fourth, .three-fourth, #main, .sidebar{
width: 96%;
margin: 25px 2% !important;
}
 
}