/*--- Global ----*/
@import url('esteban.css');
@import url('ropa-sans.css');
body {
	color: #000;
	font-size: 20px;
	font-family: 'Esteban', serif;
	font-weight: 400;
}
h1,
h2,
h3,
h4,
h5 {
	font-family: 'Ropa Sans', sans-serif;
	margin: 0;
}
h1 {
	font-size: 55px;
	font-family: 'Ropa Sans', sans-serif;
	line-height: 68px;
}
h2 {
	font-size: 40px;
	color: #be915f;
	text-transform: uppercase;
}
h3 {
	font-size: 30px;
}
h4 {
	font-family: 'Esteban', serif;
	font-size: 18px;
	margin-bottom: 5px;
}
img {
	max-width: 100%;
}
p {
    margin: 0;
    line-height: 32px;
}
a,
button,
.page_header {
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	-moz-transition: all 0.35s;
	-ms-transition: all 0.35s;
}
a:hover {
	text-decoration: none;
}
@media only screen and (min-width: 1300px) {
	.container {
		max-width: 1280px;
	}
}


/*---- Page Header ----*/
.navbar{
	padding: .5rem 0 !important;
}
.page_header {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 18px;
	padding: 5px 0;
	z-index: 99;
}
.page_header.navbar-shrink {
	box-shadow: 0 0 10px #333;
}
.navbar-light .navbar-nav .nav-link {
	text-transform: uppercase;
}
.page_header .navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link {
	color: #fff;
}
.page_header .navbar-light .navbar-nav .active.nav-link,
.page_header .navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
	color: #af8557;
}
@media only screen and (min-width: 992px) {
	.page_header .navbar-light .navbar-nav > li {
		margin-right: 30px;
	}
	.page_header .navbar-light .navbar-nav > li:last-child {
		margin-right: 0;
	}
	.page_header {
		padding: 5px 0;
	}
}

/*--- Sections ----*/
main section {
	min-height: 900px;
	position: relative;
	background-color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
main section:nth-child(2n) {
	background-color: #fff;
}
main section .content_vertical_center {
	width: 100%;
	padding: 80px 0;
}
main section h2 {
	margin-bottom: 65px;
}


/*--- Section 01 ----*/
main section.section-01 {
	text-align: center;
}
section.section-01 .content_wrap {
	max-width: 1015px;
	margin: 0 auto;
}
section.section-01 .content_wrap h1 {
	text-transform: uppercase;
	color: #fff;
}
section.section-01 .content_wrap h1 span {
	color: #af8557;
}
main section .navigation_arrow {
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: 25px;
}
main section .navigation_arrow a {
	color: #fff;
	font-size: 25px;
}
main section .navigation_arrow a:hover {
	color: #be915f;
}

/*---- Das Unternehmen ----*/
.navigation_arrow a {
	font-size: 25px;
}
.navigation_arrow a .st0 {
	fill:none;
	stroke:#fff;
	stroke-width:6;
	stroke-miterlimit:10;
}
.navigation_arrow a svg {
	width: 30px;
}
.navigation_arrow a svg:hover {
	opacity: .7;
}
.content {
	padding-right: 64px;
}

/*--- Sidebar ---*/
.sidebar_heading {
	color: #be915f;
	text-transform: uppercase;
	font-size: 18px;
	padding-bottom: 69px;
	padding-top: 43px;
	font-family: 'Ropa Sans', sans-serif;
}
.sidebar_content {
	color: #bf915f;
	font-size: 20px;
}
.sidebar_button a {
	color: #be915f;
	border: 2px solid #be915f;
	margin-top: 30px;
	display: table;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Ropa Sans', sans-serif;
	padding: 9px 24px;
}
.sidebar_button a:hover {
	color: #fff;
	background-color: #be915f;
}

/*--- Down Arrow ---*/
main section:nth-child(2n) .navigation_arrow a .st0 {
	stroke: #000;
}


/*---- Quote ----*/
main section.quote .content_vertical_center {
	padding-top: 160px;
	padding-bottom: 0;
}
.quote .content_wrap {
	max-width: 865px;
	text-align: center;
}
.author_info {
	text-align: left;
	color: #fff;
	font-family: 'Ropa Sans', sans-serif;
}
.designation {
	font-size: 22px;
}
main section.quote .navigation_arrow {
	bottom: 150px;
}
.quote_image img {
	max-width: 782px;
}
main section h2 .sub_heading_h3 {
	display: table;
	width: 100%;
	font-size: 30px;
}
/*--- About us ---**/
main section p,
main section ul{
	margin-bottom: 50px;
}
main section p:last-child,
main section ul:last-child {
	margin-bottom: 0;
}
main section p strong {
	display: table;
	width: 100%;
}
main section ul {
	padding-left: 0;
	list-style: none;
}
main section ul li {
	padding-left: 15px;
	position: relative;
}
main section ul li:before {
	content: "·";
	font-size: 38px;
	position: absolute;
	left: 0;
	top: 5px;
	line-height: 15px;
}

/*--- Second content paragraph in 'About us' ---**/

main section div.content_paragraph {
	padding: 4rem 0;
}

main section div.content_paragraph .columns {
	display: block;
	gap: 6rem;
}

@media only screen and (min-width: 767px) {
	main section div.content_paragraph .columns {
		display: flex;
	}
}

main section div.content_paragraph .columns .left {
	display: flex;
	flex: None;
}

main section div.content_paragraph .columns .left img {
	max-width: 250px;
	padding-left:2px;
}

main section div.content_paragraph .columns .right {
	display: flex;
	flex: None;
	align-items: center;
	justify-content: flex-start;
}

main section div.content_paragraph .columns .sidebar_button a{
	margin: 2rem 0;
}

main section.section-04 .sidebar_content {
	padding-top: 30px;
}
@media only screen and (min-width: 1024px) {
	main section.section-04 .content_vertical_center {
		padding-bottom: 215px;
	}
	main section.section-04 .navigation_arrow {
		bottom: 75px;
	}
	.sidebar_image {
		margin-top: 175px;
	}
	main section.section-06 .content_vertical_center:last-child {
		padding-bottom: 120px;
	}
}

/*--- Section 06 ----*/
main section.section-06 .content_vertical_center {
	border-bottom: 3px solid #be915f;
}
main section.section-06 .content_vertical_center:last-child {
	border-bottom: none;
}
main section .col_web a {
	color: #000;
	padding-top: 29px;
	display: block;
}
.doubleline_list ul li:before {
	content: '»';
	font-size: 32px;
	top: 8px;
}
.doubleline_list ul li {
	font-size: 24px;
	padding-left: 25px;
}

/*--- Call to action ---*/
main section.call_to_action {
	color: #fff;
}
main section.call_to_action {
	min-height: 370px;
	background-color: #be915f;
	text-align: center;
}
main section.call_to_action h2 {
	color: #fff;
	margin-bottom: 25px;
	text-transform: none;
}
main section.call_to_action h4 {
	margin-bottom: 50px;
}
.action_buttons a {
	color: #fff;
	font-family: 'Ropa Sans', sans-serif;
	text-transform: uppercase;
	padding: 6px 24px;
	border: 2px solid #fff;
	font-size: 18px;
	margin-right: 40px;
	display: inline-block;
}
.action_buttons a:last-child {
	margin-right: 0;
}
.action_buttons a:hover {
	color: #be915f;
	background-color: #fff;
}

/**----------- Footer -------------*/
.bg-map{
	background-image: url('../images/map.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
main section.banner_bg {
	min-height: 610px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
footer.page_footer {
	background-color: #000;
}
.footer_logo {
	width: 365px;
	margin-bottom: 30px;
	display: block;
}
.footer_contact {
	padding: 80px 0;
}
.contact_details,
.contact_details a {
	color: #fff;
	display: block;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 23px;
}
.contact_details a:hover {
	color: #be915f;
}
.contact_details p {
	line-height: 34px;
	margin-bottom: 40px;
}
.footer_contact {
	padding-right: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
iframe {
	padding: 0;
	margin-bottom: -8px;
}
.bottom_footer {
	background-color: #fff;
	padding: 30px 0 50px 0;
}
.copyrights a,
.social_link .follow_us {
	color: #be915f;
	margin-right: 65px;
	display: inline-block;
}
.copyrights a:hover {
	color: #000;
}
.copyrights a:last-child {
	margin-right: 0;
}
.social_link a {
	color: #bfab95;
	background-color: #f6f4f1;
	height: 37px;
	width: 37px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
	padding-top: 4px;
	margin-top: -7px;
	margin-right: 20px;
}
.social_link a:last-child {
	margin-right: 0;
}
.social_link a:hover {
	color: #fff;
	background-color: #bfab95;
}


/*==================================================
======================= Responsive =================
 */
@media only screen and (max-width: 1200px) {
	/*--- Global ----*/
	h1 {
		font-size: 38px;
		line-height: 45px;
	}

	/*--- Header ---*/
	.navbar-light .navbar-toggler {
		color: #fff;
		border-color: transparent;
		border: none;
		padding: 0;
	}
	.navbar-toggler span {
		font-size: 20px;
	}
	.navbar-light .navbar-nav .nav-link {
		font-size: 16px;
	}

	/*--- Main ---*/
	main section {
		min-height: auto;
	}
	main section .content_vertical_center {
		padding: 60px 0;
	}
	main section.section-01 .content_vertical_center {
		padding-top: 90px;
	}
	main section .navigation_arrow {
		bottom: 10px;
	}
	.navigation_arrow a svg {
		width: 25px;
	}

	/*--- Section ---*/
	.content {
		padding-right: 0;
	}

	/*--- Quote ---*/
	.quote_image img {
		max-width: 350px;
	}
	main section.quote .navigation_arrow {
		bottom: 10px;
	}
	main section.quote .content_vertical_center {
		padding-top: 60px;
	}
	main section p,
	main section ul{
		margin-bottom: 30px;
	}
}


@media only screen and (max-width: 991px) {
	/*--- Global ----*/
	body {
		font-size: 16px;
	}
	p {
		line-height: 25px;
	}
	h1 {
		font-size: 27px;
		line-height: 35px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 22px;
	}
	main section h2 {
		margin-bottom: 15px;
	}

	/*--- Section 02 ---*/
	.sidebar_heading {
		padding-bottom: 15px;
	}
	.sidebar_content {
		font-size: 16px;
	}
	.sidebar_button a {
		margin-top: 20px;
		padding:7px 20px;
		font-size: 15px;
	}

	/*--- Quote --*/
	.author_info {
		text-align: center;
		padding-bottom: 30px;
	}
	.designation {
		font-size: 17px;
	}
	.quote_image img {
		padding-left: 40px;
	}
	main section p,
	main section ul{
		margin-bottom: 20px;
	}
	.sidebar_image {
		margin-top: 30px;
	}
	main section .col_web a {
		padding-bottom: 20px;
	}

	/*--- Section 06 ---*/
	.doubleline_list ul li {
		font-size: 18px;
	}
	.doubleline_list ul li::before {
		font-size: 25px;
		top: 5px;
	}
	main section.call_to_action {
		min-height: auto;
	}
	/*--- Footer ---*/
	main section.banner_bg {
		min-height: 250px;
	}
	footer iframe {
		height: 358px;
	}
	.footer_contact {
		padding: 40px 0;
		top: auto;
		transform: none;
	}
	.footer_logo {
		margin-left: 0;
	}
	.copyrights {
		padding-bottom: 20px;
	}
	.copyrights, .social_link {
		display: table;
		margin: 0 auto;
	}
	.copyrights a, .social_link .follow_us {
		margin-right: 15px;
	}
	.social_link a {
		margin-right: 10px;
		font-size: 20px;
	}
	.bottom_footer {
		padding: 30px 0 30px 0;
	}

}

@media only screen and (max-width: 767px) {
	.bg-map{
		height: 300px;
	}
	/*--- Global ----*/
	h2 {
		font-size: 26px;
	}
	/*--- Header ---*/
	.navbar-brand img {
		max-width: 240px;
	}
	.page_header .navbar {
		padding-left: 0;
		padding-right: 0;
	}
	main section .content_vertical_center {
		padding: 55px 0 65px 0;
	}
	main section.section-01 .content_vertical_center {
		padding-top: 90px;
	}
	main section.section-01 {
		text-align: left;
	}
	section.section-01 .content_wrap h1 br {
		display: none;
	}

	/*--- Quote ---*/
	main section.quote h2 {
		font-size: 24px;
	}
	.section-06 .sidebar_heading {
		padding-top: 0;
		padding-bottom: 0;
	}
	.contact_details, .contact_details a{
		font-size: 20px;
	}
}


.default-page{
	padding-top: 100px;
}
.default-page h1{
	margin-bottom: 20px;
}
.default-page h3{
	margin-bottom: 15px;
}
.default-page h3.small{
	font-size: 26px;
}
.default-page p,
.default-page ul{
	margin-bottom: 20px;
}
.default-page a{
	color: #be915f;
}
.default-page a:hover{
	text-decoration: underline;
}