//font.css

/* latin-ext */
@font-face {
  font-family: 'Pathway Gothic One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PathwayGothicOne-Regular.ttf') format('truetype');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Pathway Gothic One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PathwayGothicOne-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 






*{
		margin:0;
		padding:0;
		list-style:none;
		font-family: 'Pathway Gothic One', sans-serif;
		
	}
	html, body{
		font-size:14px;
	}
  	#wrapper{
		width:75rem;
        height:98rem;
		background:rgb(210,210,210);
		margin:0 auto;
	}
	header{
		position:relative;
		top:0;
		left:0;
		width:75rem;
		height:15rem;
		background:rgba(242,140,0,0.5);
	}
	header>h1{
		text-align:right;
		font-size:2.5rem;
		font-weight:bolder;
		position:absolute;
		left:27rem;
		top:6rem;
		color:rgb(120,120,120);
	}
	header>img{
		position:absolute;
		left:50rem;
		top:1.7rem;
		width:20rem;
		height:20rem;
	}
	#wrapper>nav{
		width:55rem;
		height:2.5rem;
		background:rgb(175,175,175);
	}
	nav li{
		float:left;
		margin-left:1.5rem;
		margin-top:.5rem;
	}
	#wrapper>nav a{
		 
		color:#fefefe; /*rgb(220,220,220)*/
		font-size:1.5rem;
		text-decoration:none;
	}
	#wrapper>nav li:hover{
		-webkit-transform:scale(1.15); /* chrome & safari*/
		-moz-transform:scale(1.15); /* firefox */
		-o-transform:scale(1.15); /* opera */
		transform:scale(1.15); /* explorer > 9 */
	}
	main{
		width:75rem;
		height:78rem;
		position:relative;
		top:0;
		left:0;
	}
	/*main {display: block;}*/
	main>img{
		position:absolute;
		top:0;
		left:1rem;
		height:44rem;
		
	}
	main>section{
        width:45rem;
		position:absolute;
		top:5rem;
		left:27rem;
	}
    main h2{
        color:rgb(242,140,0);
        font-size:2rem;
        margin-bottom:2rem;
    }
    main h3{
        color:rgb(0,0,0);
        font-size:1.2rem;
        font-weight:bold;
        margin:1rem 0 .5rem 0;
    }
    main {
        color:rgb(0,0,0);
        font-size:1.3rem;
    }
    main b{
        color:rgb(0,0,0);
        font-weight:bold;
    }
    main li{
        color:rgb(0,0,0);
        margin-left:2rem;
        list-style-type:circle;
    }
    main article{
        
        margin-bottom:2rem;
        
    }

/*********************Footer *********************/	
		footer{
			width:75rem;
			height:2rem;
			background:rgb(175,175,175);
		}
				footer>address{
				font-size:1.3rem;
				font-style:normal;
				color:#fefefe; /*rgb(220,220,220)*/
				margin-left:1.5rem;
			}
			#tel, #telnorm{text-decoration:none; color: #fefefe;}
			#telnorm{color:#000;}
			#tel:hover, #telnorm:hover{ background:rgb(242,140,0); color: #fff;}
			
			footer>nav{
				position:absolute;
				top:0;
				left:55rem;
				width:20rem;
				height:2rem;
				background:rgb(175,175,175);
			}
			footer>nav li{
				float:right;
				margin-right:1.2rem;
				margin-top:.2rem;
			}
			footer>nav a{
				color:#fefefe; /*rgb(220,220,220)*/
				font-size:1.2rem;
				text-decoration:none;
			}
			footer>nav li:hover{
				-webkit-transform:scale(1.15); /* chrome & safari*/
				-moz-transform:scale(1.15); /* firefox */
				-o-transform:scale(1.15); /* opera */
				transform:scale(1.15); /* explorer > 9 */
			}
			footer{
				position:relative;
				top:0;
				left:0;
			}
			


/**************************Kontaktformular***********************/
form{
width:30rem;
text-align:right;
padding-right:1rem;
font-size:1.2rem;
}
input{
width:15rem;
line-height:1.8rem;
margin-left:1rem;
margin-top:.2rem;
margin-right:1rem;
font-size:1.2rem;
}
input[type=submit]{
width:10rem;
border: 1px solid rgb(210,210,210);
border-style:inset;
border-radius:5px 5px 5px 5px;
margin-bottom:.5rem;
}
input[type=submit]:hover{
background-color:rgb(242,140,0);
background: linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 50%, rgba(245,140,0,.7) 100%);
background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 50%, rgba(245,140,0,.5) 100%);
background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 50%, rgba(245,140,0,.5) 100%);
background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 50%, rgba(245,140,0,.5) 100%);
background: -o-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(210,210,210,1) 50%, rgba(245,140,0,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ff9900,GradientType=1);
cursor:pointer;
}
select{
width:5rem;
line-height:1.8rem;
margin-left:1rem;
margin-right:1rem;
font-size:1.2rem;
}
textarea{
width:22rem;
line-height:1.8rem;
margin-left:1rem;
margin-right:1rem;
font-size:1.2rem;
}
legend{
margin-left:.5rem;
padding-left:.2rem;
padding-right:.2rem;
background-color:rgb(210,210,210);
}