@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, html {margin: 0px; padding: 0px; color: #000; font-family: 'ralewayregular'; font-size: 16px; line-height: 22px; background: #fff;}
strong {font-weight: normal; font-family: 'ralewaybold';}
.strong {font-weight: normal; font-family: 'ralewaybold';}

.outer-wrapper {width: 100%; position: relative;}
.inner-wrapper {max-width: 1000px; margin: 0px auto; position: relative;}

.logo {position: absolute; top: 140px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center;}
.logo img {width: 600px;}

.headline {margin-top: 80px; margin-bottom: 55px; display: block;}

h1 {text-transform: uppercase;
text-align: center;
font-family: "ralewayregular";
font-weight: normal;
font-size: 30px;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

h1 .linien {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0px 8px 0px;}

h2 {
font-family: "ralewayregular";
font-weight: normal;
font-size: 19px;
	line-height: 23px;
letter-spacing: 1px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

h3 {
font-family: "ralewayregular";
font-weight: normal;
font-size: 16px;
	line-height: 20px;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h1 span {
}

a {text-decoration: none; color: #808080; transition: all ease 0.5s;}
a:hover {color: #000;}

.headerbild {background: url('bauergmbhimmobilien-ingenieurbuero.jpg') no-repeat; background-size: cover; width: 100%; height: 600px; background-position: center bottom -50px;}
.content {}
.text {width: 50%; text-align: justify; float: left;}
.text ul {text-align: left;}
.text ul li {margin-bottom: 7px;}
.contact {float: right; width: 42%; background: #fff; padding: 20px 0px 0px 20px;}
.contact-text img {width: 49%; float: left; margin: 0 0.5% 4px 0.5%; border: 0px; padding: 0px;}

.backlink {float: left; width: 15%; padding: 0px 0px 0px 20px;}
.backlink p {margin-top: 0px;}

.unterseite .text {width: 75%; text-align: justify; float: right;}

.footer {background: #808080; text-align: left; padding: 70px 0px 50px 0px; margin-top: 70px; color: #fff; font-family: "ralewayregular"; font-size: 15px;}
.footer a {color: #fff; margin: 0px 10px;}
.footer .footer-spalte {width: 33.3%; float: left;}
.footer .footer-spalte:nth-child(2) {width: 22% !important; float: right !important;}



/* RESPONSIVE */


/*-------------------[768px]------------------*/
@media ( min-width: 759px ) and ( max-width: 1080px ) {		
	
	.inner-wrapper {width: 95%; margin-left: 2.5%;}
	h1 {line-height: 50px;}
	.headline {}
	.headerbild {background-position: center bottom 0px;}
	.contact, .backlink {width: 40%;}
	.text {width: 52%;}
	.logo img {}
	
	.backlink {float: none; width: 100%; display: block; padding: 30px 0px 0px 0px;}
	.unterseite .text {float: none; width: 100%; display: block;}
	
	.footer .footer-spalte {width: 63.3%; float: left;}
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 758px ) {
	
	body, html {font-size: 15px; line-height: 20px;}
	
	.inner-wrapper {width: 95%; margin-left: 2.5%;}
	h1 {line-height: 50px;}
	.headline {margin-top: 50px; margin-bottom: 35px;}
	.contact, .backlink {width: 90%; float: none;display: block; padding: 20px 5% 5px 5%;}
	.text {width: 100%; float: none;display: block;}
	
	.backlink {float: none; width: 100%; display: block; padding: 30px 0px 0px 0px;}
	.unterseite .text {float: none; width: 100%; display: block;}
	
	.headerbild {height: 210px; background-position: center bottom 0px;}
	
	.logo {position: relative; margin: 0px auto; right: auto; text-align: center; top: 40px;}
	.logo img {width: 250px;}
	
	h1 {font-size: 17px; line-height: 41px;}
	h2 {font-size: 17px; line-height: 20px;}
	h3 {font-size: 15px; line-height: 20px;}
	
	.footer h2 {font-size: 15px; line-height: 20px;}
	.footer {font-size: 13px;}
	.footer .footer-spalte {float: none !important; width: 100% !important; display: block; text-align: center;}
	.footer .footer-spalte:nth-child(2) {float: none !important; width: 100% !important; display: block; text-align: center;}
	
}