@charset "UTF-8";
/*
#f59c0c;
#585855;
*/
html, body {
	height: 100%;
	margin: 0;
	color: #333;
}

body {
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif;
}

p {
	font-family: 'Open Sans', sans-serif;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #f59c0c;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;	
	font-weight: 700;
}

*, ::after, ::before {
    box-sizing: border-box;
}

/* Colors */

.main-color {
	color: #f59c0c;
}

.second-color {
	color: #585855;
}

.wrapper {
	overflow-x:hidden;
}

.bg-main {
	background-color: #f59c0c;
}

.start-header {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 400px;
}

.header-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
}

.header-box {
	top: 80px;
}

.header-box img {
	width: 450px;
	height: auto;
}

.big-p {
	padding: 120px;
}

.page-header {
	height: 300px;
	background-size: cover;
	background-repeat: no-repeat;
}

.page-header h1 {
	border: solid 2px #f59c0c;
	color: #f59c0c;
	letter-spacing: 0.1em;
}

.main-content h2 {
	color: #f59c0c;
}

.intro {
	background-image: url('https://harry-innenausbau.de/templates/harryinnenausbau/images/bg-platten.png');
	background-repeat: repeat-x;
	background-position: top;
}

.intro hr {
	background-color: #f59c0c;
	height: 4px;
	border: none;
	opacity: 1;
	width: 25%;
}

.intro ul {
	font-size: 1rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding-left: 0px;
	list-style: none;
}

.intro li {
	padding: 1rem;
}

.intro p {
	color: #585855;
}

.intro p strong {
	color: #f59c0c;
}

.banner-logo {
	width: auto;
	height: 60px;
	margin: 15px;
}

.border-left-big {
	border-left: solid 4px #f59c0c;
}

.border-right-big {
	border-right: solid 4px #f59c0c;
}

.legal-info img {
	height: 40px;
}

.services {
	background-image: url('https://harry-innenausbau.de/templates/harryinnenausbau/images/wand-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.services h4 {
	font-weight: 300;
}

.services h4 svg {
	color: #f59c0c;
}

.service-tool {
	width: 50%;	
	opacity: 0.1;
}

.images img {
	width: auto;
	max-width: 250px;
	height: auto;
	opacity: 0.8;
	cursor: pointer;
}

.images img:hover {
	opacity: 1;
}

footer u {
	letter-spacing: 0.1em;
}

@media all and (max-width: 1300px) {
	.services h4 {
		margin-left: 10px !important;
	}

	.big-p {
		padding: 20px;
	}
}

@media all and (max-width: 700px) {
	.start-header {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		height: 400px;
	}

	.header-box {
		top: 20px;
	}
	
	.header-box img {
		width: 230px;
	}

	.header-more {
		display: none !important;
	}

	.big-p {
		padding: 0px;
	}

	.banner-logo {
		max-width: 90%;
		width: auto;
		max-height: 60px;
		height: auto;
	}

	.images img {
		width: auto;
		max-width: 300px;
	}
}