?/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlAC5S7WFEeHRqL6ObGQGT8o.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlMgmx_L9kV4w6g8dYQOLFUI.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlMODs9238LZG2v64UiBIjng.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlFjqPhnWKseBf12Mt9_m7kc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
body{
padding:0;
margin: 0 auto;
font-family:"Source Sans Pro";
font-size:1.3em;
color:#3d484f;
text-align: center ;
}
*, html {
	box-sizing:border-box;
}
img{
	width: 100%; max-width:100%;height: auto;
}
h1, h3 {
	font-size: 1.5em;color:#3d484f;font-weight:normal;
}
h2, h5, h6 {
	font-size: 1.5em;color:#ffffff;font-weight:normal;
}
h4{
	font-size: 1.2em;font-weight: bold ;margin-bottom:0;padding-bottom:1px;
}
.wrapper{
text-align: left ;padding: 2% 15% ;	max-width:1920px;margin:0 auto;
}
#top .{
	padding: 0 10%;
}
#pic .wrapper{
	padding: 5% 15%;
}
#picline .wrapper{
	text-align: center ;padding:1% 0;
}
#start .{

}
#philosophie .wrapper{
color:#ffffff;	
}

#region .wrapper{
color:#ffffff;	
}


#footer .wrapper{
	text-align: center ;
}
.clearer{
	clear: both;line-height: 1px;
}
#top{
	position:fixed;background-color:#505050;margin:0 auto;width:100%;
}

#logo{
max-width:323px;float:left;
	
}

#navigation{
	float:right;width:70%;
	text-align:right;
	padding-top:20px;
}
#navigation a{
	color: #ffffff;
	padding: 0 15px;
	text-decoration: none ;
}

#pic, #text{padding-top:73px;
background-color:#ff9900 
	
}
#picline{
background-color: #d1e2e2;font-size: 2em;	
}

#start{
	
}

#philosophie{
background-color:#ff9900;
}

#region{
background-color:#ff9900;
}

#kompetenzen{
}

#preise{
}

#fragen{

}
#fragen p{
	margin-top:0;
	padding-top:5px;
}
#anfahrt{
	background-color:#ff9900;
    color:#ffffff	

}
#kontakt{
}
#adresse, #formular{
	width: 48%;
	float: left;
}
.iframi{
	width:80%;
	 height:450px;
}

#footer{
	background-color:#3d484f;;
	color:#d1e2e2;
}
#footer a{
	color: #d1e2e2;
}
@media screen and (max-width: 1700px){
.wrapper{
padding-left:5%;	
padding-right:5%;
}
#top .wrapper{
	padding-left:3%;
	padding-right:3%;
}
#navigation{
	float:left;width:100%;
	text-align:left;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:10px;
}




#adresse, #

{
	width: 100%;
	float: left;
}

}
@media screen and (max-width: 560px){
#navigation{
	display: none;
}
	
}


}
/*------------------Formular---*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2, h4, h6 {
  margin: 0 0 5px 0;
}
form header h1, h3, h5 {
  margin: 0 0 5px 0;
}


form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}