body
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: #686062; 
}

body a
{
	text-decoration: none;
	color: #686062;
	transition: color .2s linear;
}

body a:hover
{
	color: #FFFFFF;
}

html {
	scroll-behavior: smooth;
}

::selection
{
	background: #f4b200; /* WebKit/Blink Browsers */
	color: white;
}

::-moz-selection
{
	background: #f4b200; /* Gecko Browsers */
	color: white;
}

.doc-loader 
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99998;	
	background-color: #ffb22c;
}

.doc-loader td 
{ 
	text-align: center;
	vertical-align: middle;
}

.doc-loader img
{
	width: 90px;
	height: 90px; 
	animation-name: doc-spinner;
	animation-duration: 1.5s;
}

.doc-loader-norotate
{
	position: fixed;
	left: -70px;
	top: 10px;
	width: 100%;
	height: 100%;
	z-index: 99999;	
}

.doc-loader-norotate td 
{ 
	text-align: center;
	vertical-align: middle;
}

.doc-loader-norotate img
{
	width: 650px;
}


@keyframes doc-spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.content-1170
{
	width: 1170px; 
}

.content-1170 img
{
	max-width: 100%;
	max-height: 100%;
	#width: auto;
	width: 37%;
	padding-right: 0px;
	#height: auto;
	height: 37%;
}

.full-width
{
	line-height: 0;
}



/* TOP MENU */

.menu-wrapper
{ 
	transition: background-color .2s linear;
	z-index: 99 !important;
	background-color: #f4b200;
	width: 100% !important;
	top: 0;
	min-height: 64px;
	position: fixed;
}

#header-main-menu
{ 
	max-width: 1170px;
	margin: 0 auto;
	text-align: center;
}

.main-menu.sm-clean
{
	background-color: transparent; 
}

.main-menu.sm-clean a
{ 
	font-size: 13px;
	line-height: 40px;
	color: rgb(196, 139, 12);
	//color: #686260;
	font-weight: 400;
	transition: color .2s linear;
	text-transform: uppercase;
	letter-spacing: 0.03cm;
}

.main-menu.sm-clean .sub-menu a 
{
	font-size: 11px;
	line-height: 20px;
}

.sm-clean .current_page_item a 
{
	color: #fff !important;
}

.main-menu.sm-clean a:hover 
{
	color: #fff !important;
	min-width: 0px;
}

.sm-clean li.active a
{
	color: #fff !important;
}

.menu-img
{
	width: 160px;
	position: relative;
	top: 7px;
}

.main-menu-pos
{
	position: relative;
	top: -15px;
}

.mob-menu
{
	display: none;
	font-weight: 700;
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: color .2s linear;
	color: #fff;
}

/* END TOP MENU */



/* GENERAL SECTION */

.section
{ 
	position: relative;
	z-index: 1;
}

.section-num
{ 
	overflow: hidden; 
	margin-top: 20px;
}

.section-title-holder
{
	background-color: #C0B7AB;
	width: 370px;
	height: 370px; 
	z-index: 2;
}

.section-num span
{ 
	margin-left: 0px;
	color: #FCFCFC;
	font-weight: 700;
	font-size: 205px;
	line-height: 100%;
	letter-spacing: -5px;
}

.section-title-holder h2
{
	font-weight: 1000;
	font-size: 109px;
	width: 210px;
	word-break: break-all;
	line-height: 83px;
	margin-top: 20px;
	color: white;
	margin-left: 115px;
	text-transform: uppercase;
	letter-spacing: -3px;
	padding: 0;
}

.section-content-holder
{ 
	background: #fff;
	width: 800px;
	padding: 60px 0;
}

.section-content-holder .content-wrapper
{
	padding: 0 60px;
}

.section-content-holder.right
{
	margin-left: 370px;
}

.section-content-holder.left
{
	margin-top: 370px;
}

.section-content-holder .content-title-holder
{
	overflow: hidden;
	height: 100px;
	margin-top: -60px;
	padding-bottom: 50px;
}

.section-content-holder .content-title
{
	font-weight: 700;
	text-align: center;
	font-size: 180px;
	line-height: 100%;
	text-transform: uppercase;
	margin-top: -75px;
	color: #686062; 
}

.about
{
	text-align: right;
}

.about::first-line 
{
	font-size: 18px;
	font-weight: bold;
}

.extra-content-left
{
	width: 800px;
	color: #fff; 
	padding: 100px 0;
}

.extra-content-right
{
	width: 800px; 
	margin-left: 370px;
	color: #fff;
	padding: 100px 0;
}

.extra-content-full-width
{
	padding: 100px 0;
}

.section:last-of-type .extra-content-left, .section:last-of-type .extra-content-right, .section:last-of-type .extra-content-full-width
{
	padding-bottom: 0;
}

/* END GENERAL SECTION */



/* HOME SECTION */

.intro-page 
{
	padding-bottom: 170px;
	padding-top: 56px;
	min-height: calc(100vh - 170px);
	background-color: #686062; 
	background-image:url(../images/background_img_01b.jpg); 
	background-repeat: repeat; 
	background-position: center top; 
	background-size: cover;
	z-index: 10;
}

.top-logo
{
	width: 160px !important; 
	padding-top: 150px;
}

h1.big-title
{
	font-size: 65px;
	font-weight: 700;
	line-height: 100%;
	padding-top: 100px;
	color: #fff;
	letter-spacing: -1px; 
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

h2.sec1-thin
{
	font-size: 20px;
	font-weight: 10;
	line-height: 100%;
	padding-top: 10px;
	color: #fff;
	letter-spacing: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	text-decoration: underline;
}

h2.sec1-bold
{
	font-size: 120px;
	font-weight: 1000;
	line-height: 100%;
	padding-top: 10px;
	color: #fff;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

div.first-block
{
	padding-top: 100px;
}

.big-title span 
{
	display: block;
	margin-top: -4px;
	padding-top: 59px;
}

.title-desc
{
	font-family: 'PT Serif', serif;
	font-size: 22px;
	line-height: 26px;
	max-width: 333px; 
	margin: 0 auto;
	color: #fff;
	text-align: right;
}

.page-template-page-home .intro-page footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
}

.ani-right
{
	display: block;
	float: right;
	overflow: hidden;
}

.ani-left
{
	display: block;
	overflow: hidden;
	height: 160px;
}

.ani-rotate
{
	position: static;
	top: 10px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.ani-rotate img
{
	width: 150px;
	height: 150px;
	animation-name: ani-spinner;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.ani-rotate-norotate
{
	position: relative;
	top: -160px;
	width: 100%;
	height: 100%;
	// z-index: 2;
}

.ani-rotate-norotate img
{
	width: 150px;
	height: 150px;
}

.ani-rotate-norotate img:hover {
	animation: shake 1s;
	animation-iteration-count: 2;
}

@keyframes ani-spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes shake {
	0% { transform: rotate(0deg); }
	30% { transform: rotate(-5deg); }
	60% { transform: rotate(0deg); }
	90% { transform: rotate(5deg); }
	100% { transform: rotate(0deg); }
}

/* END HOME SECTION */



/* SERVICE SECTION */

#services
{
	background-color: #686062;
	z-index: 9;
}

#services .section-title-holder
{
	background-color: #F9B200
}

#services .section-title-holder span
{
	color: #C48B0C;
}

.service-holder 
{
	display: inline-block;
	width: 335px;
}

.service-holder img 
{
	display: inline-block;
	width: 50px !important;
	vertical-align: top;
}

.service-content-holder 
{
	display: inline-block;
	width: 240px;
	margin-top: 55px;
	margin-left: 5px;
}

.service-title 
{
	font-size: 24px;
	font-weight: 800;
	line-height: 100%;
	padding-bottom: 10px;
	letter-spacing: 1px;
}

.service-bold
{
	font-size: 16px;
	font-weight: 1000;
	line-height: 100%;
	padding-top: 10px;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -13px;
	padding-left: 12px;
}

.service-bold-first
{
	margin-top: -80px;
}

.style
{
	width: 100%;
	position: relative;
	display: inline-block;
}

.style img
{
	width: auto;
	height: auto;
	min-width: 200px;
	min-height: 100px;
}

.style .img-top
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.style:hover .img-top {
	display: inline;
}

/* END SERVICE SECTION */



/* PORTFOLIO SECTION */

#portfolio
{
	background-color: #686062; 
	background-image: url("../images/background_img_02.jpg"); 
	background-repeat: no-repeat; 
	background-position: center top; 
	background-size: auto;
	z-index: 8;
}

#portfolio .section-title-holder
{
	background-color: #C0B7AB;
}

#portfolio .section-title-holder span
{
	color: #696063;
}

.page-template-page-portfolio .section
{
	padding-top: 100px;
}

.section-content-holder.portfolio-holder
{
	background-color: transparent;
	width: 800px;
	padding: 0;
}

.portfolio-holder .portfolio-load-more-holder
{
	font-weight: 700;
	font-size: 20px;
	width: 430px;
	background-color: #F9B201;
	text-align: center;
}

.portfolio-holder .portfolio-load-more-holder img 
{
	padding-bottom: 15px;
}

.portfolio-holder .portfolio-load-more-holder a
{
	color: #fff;
	padding-top: 16px;
	padding-bottom: 15px;
}

.portfolio-holder .portfolio-load-more-holder
{ 
	margin-right: 0;
	margin-left: auto;
}

.more-posts
{ 
	display: block;
}

.more-posts:hover
{
	cursor: pointer;
}

.grid 
{
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	display: block;
}

.grid-item 
{
	float: left;
	font-size: 0;
	line-height: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
}

.grid-item img 
{
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	max-width: none; 
}

.grid-sizer, .grid-item 
{
	width: 400px;
}

.grid-item.p_one_half
{
	width: 400px;
}

.grid-item.p_one
{
	width: 800px;
}

.portfolio-text-holder
{
	position: absolute;
	top: 30px;
	left: 30px;
	bottom: 30px;
	right: 30px;
	z-index: 2;
	font-size: 20px;
	background-color: white;
	display: none; 
}

.portfolio-text-holder-inv
{
	position: absolute;
	top: 30px;
	left: 30px;
	bottom: 30px;
	right: 30px;
	z-index: 2;
	font-size: 20px;
	background-color: #c2b7ac;
	display: none;
}

.portfolio-text-holder-orange
{
	position: absolute;
	top: 30px;
	left: 30px;
	bottom: 30px;
	right: 30px;
	z-index: 1;
	font-size: 20px;
	background-color: #f4b200;
	display: none; 
}

.portfolio-bgorange
{
	background-color: #f4b200;
}

.portfolio-text-wrapper
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.portfolio-sec-text-more
{
	width: 90%;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: inline-block;
}

.portfolio-type
{
	line-height: 100%;
	font-size: 11px;
	color: #9a9a9a; 
	padding-bottom: 20px;
	text-align: center;
}

.portfolio-type img 
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.portfolio-text
{
	font-weight: 1000;
	font-size: 20px;
	line-height: 18px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-align: center;
}

.portfolio-text-orange
{
	font-weight: 1000;
	font-size: 20px;
	line-height: 18px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
}

.portfolio-text-more
{
	display: inline;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-align: center;
}

.portfolio-text-empty-half
{
	font-weight: 1000;
	font-size: 20px;
	line-height: 18px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: #fff;
	text-align: center;
}

.portfolio-sec-text
{
	font-weight: 200;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 1px;
	text-align: center;
}

.portfolio-sec-text-inv
{
	font-weight: 200;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 1px;
	text-align: center;
	color: white;
}

.portfolio-sec-text-orange
{
	font-weight: 200;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
}

.portfolio-sec-text-empty-half
{
	margin-top: 45px;
	font-weight: 200;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 1px;
	color: #fff;
	text-align: center;
}

.grid-item a:hover
{
	color: #191919;
}

.more-posts-portfolio img
{
	transition: all .2s linear;
	width: 100px;
	height: 100px;
}

.more-posts-portfolio img:hover
{
	cursor: pointer; 
	transform: scale(0.9);
}

div.pp_default .pp_loaderIcon
{
	display: none !important;
}

/* END PORTFOLIO SECTION*/



/* ABOUT SECTION */

#about
{
	background-color: #686062; 
	background-image: url("../images/background_img_03.jpg"); 
	background-repeat: no-repeat; 
	background-position: center top; 
	background-size: cover; 
	z-index: 7;
}

#about .section-title-holder
{
	background-color: #F9B200;
}

#about .section-title-holder span
{
	color: #C48B0D;
}

#about .section-content-holder
{
	padding-bottom: 0;
}

.member-content-holder 
{
	width: 330px;
	padding: 90px 50px 50px 50px;
	float: left;
}

.member-image-holder 
{
	width: 370px;
	float: right;
}

.member-image-holder img
{
	width: 100% !important;
}

.member-name
{
	line-height: 26px;
	font-size: 16px;
	font-weight: 700;
	padding: 0;
	color: #696063;
}

.member-position
{
	line-height: 16px;
	font-size: 14px;
	padding-bottom: 50px;
	color: #F9B201;
	letter-spacing: 4px;
}

.member-content
{
	line-height: 26px; 
	color: #696063;
	font-weight: 300;
}

.image-slider-wrapper.img .image-slider li img
{
	width: 100%;
}

.card
{
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
}

.card img
{
	width: auto;
	height: auto;
	min-width: 200px;
	min-height: 100px;
}

.card .img-top
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.card:hover .img-top {
	display: inline;
}

/* END ABOUT SECTION */


/* NEWS SECTION */

#news
{
	background-color: #686062; 
	background-image: url("../images/background_img_04.jpg"); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
	z-index: 6;
}

#news .section-title-holder span
{
	color: #696063;
}

.blog-item-holder
{ 
	padding: 35px 0;
	border-bottom: 2px solid #f4f4f4;
}

.blog-item-holder:last-of-type 
{
	border: none;
	font-weight: 700;
}

.blog-item-holder .num 
{
	display: inline-block;
	width: 347px;
	font-size: 48px;
	font-weight: 600;
	color: #C0B7AB;
}

.testimonial-slider-holder
{
	max-width: 500px;
	padding-left: 194px;
}

.testimonial-text
{
	font-size: 22px;
	line-height: 40px; 
	color: #FFFFFF;
}

.testimonial-portfolio
{
	width: 1px;
	transform: rotate(270deg);
	margin-left: 360px;
	margin-top: -160px;
	text-align: center;
	padding-top: 41px;
	font-size: 14px;
	letter-spacing: 3px; 
	color: #FFFFFF;
}

.testimonial-author
{
	padding-top: 41px;
	font-size: 16px;
	letter-spacing: 3px; 
	color: #FFFFFF;
}

.news-orange
{
	font-size: 18px;
	font-weight: 1000;
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	color: #f4b200;
}

.news-title 
{
	font-size: 66px;
	font-weight: 1000;
	line-height: 100%;
	padding-top: 10px;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
}

.news-gleich
{
	margin-top: -250px;
}

.ani-rotate-left
{
	position: static;
	text-align: left;
	left: 0px;
	top: 10px;
	width: 100%;
	height: 100%;
	// z-index: 2;
}

.ani-rotate-left img
{
	width: 150px;
	height: 150px;
	animation-name: ani-spinner;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.ani-rotate-left-norotate
{
	position: relative;
	text-align: left;
	left: 0px;
	top: -160px;
	width: 100%;
	height: 100%;
	// z-index: 2;
}

.ani-rotate-left-norotate img
{
	width: 150px;
	height: 150px;
}

.ani-rotate-left-norotate img:hover {
	animation: shake 1s;
	animation-iteration-count: 2;
}

/* END NEWS SECTION */



/* CONTACT SECTION */

#contact
{
	background-color: #686062; 
	background-image: url("../images/background_img_05b.jpg"); 
	background-repeat: no-repeat; 
	background-position: center top; 
	background-size: auto; 
	z-index: 3;
}

#contact .section-title-holder
{
	background-color: #F9B200;
}

#contact .section-title-holder span
{
	color: #C48B0D;
}

#contact .section-content-holder
{
	padding-bottom: 0;
}

.map 
{
	height: 400px;
}

.map img
{
	max-width: none;
	max-height: none;
}

.contact-title
{
	font-size: 20px;
	font-weight: 1000;
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
}

.contact-orange
{
	font-size: 16px;
	font-weight: 1000;
	line-height: 100%;
	padding-top: 10px;
	letter-spacing: 1px;
	color: #f4b200;
}

.contact-form
{
	max-width: 100%;
	width: 770px;
	margin: 0 auto;
	font-size: 22px;
	color: #9a9a9a;
}

p.custom-text-class 
{
	display: inline-block;
	padding-right: 45px;
	vertical-align: top;
}

p.custom-field-class 
{
	display: inline-block;
	margin-bottom: 60px;
}

.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea
{
	color: #686062;
	border: 0;
	border-bottom: 1px solid #1c1c1c;
	height: 28px; 
	font-size: 16px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	line-height: 25px;
	padding: 0;
}

.contact-form input[type=text]::-webkit-input-placeholder, .contact-form input[type=email]::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	color: #686062;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
}
.contact-form input[type=text]::-moz-placeholder, .contact-form input[type=email]::-moz-placeholder, .contact-form textarea::-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	color: #686062;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	opacity: 1;
}
.contact-form input[type=text]:-ms-input-placeholder, .contact-form input[type=email]:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	color: #686062;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
}
.contact-form input[type=text]:-moz-placeholder, .contact-form input[type=email]:-moz-placeholder, .contact-form textarea:-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	color: #686062;
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	opacity: 1;
}

.contact-form input[type=text], .contact-form input[type=email]
{
	padding-bottom: 5px;
	margin-bottom: 25px;
}

.contact-form textarea
{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	padding-top: 13px;
	overflow: hidden;
	padding-bottom: 5px;
}

.contact-form textarea:focus
{
	height: 150px;
	overflow: auto;
}

.contact-form input[name="your-name"]
{
	margin-top: 0;
	padding-top: 0;
}

.contact-form input[type=submit]
{	
	color: #F9B200;
	display: inline-block;
	border: 2px solid #F9B200;
	text-align: center;
	padding: 12px 0px;
	cursor: pointer;
	margin-top: 30px;
	vertical-align: middle;
	text-decoration: none;
	background: transparent;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
	transition: all .2s linear;
}

.contact-form input[type=submit]:hover
{
	color: white;
	background-color: #F9B200;
}

div.contact-form-response-output
{
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

span.contact-form-not-valid-tip
{
	font-size: 10px;
}

/* END CONTACT SECTION */

/* christmas circle */

.circle { 
	position: absolute;
	text-align: center;
	left: 25%;
	top: 7em;
	transform: rotate(-10deg);
	/* vertical-align: middle; */
	z-index: 99997;
	display: flex;
	width: 500px;
	height: 500px;
	background: #f4b200; 
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	margin: 20px;
	padding: 30px;
}

.circle_small { 
	position: absolute;
	text-align: center;
	right: 65%;
	top: 7em;
	/* transform: rotate(-10deg); */
	/* vertical-align: middle; */
	z-index: 99997;
	display: flex;
	width: 16em;
	height: 16em;
	background: #f4b200; 
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	margin: 0px;
	padding: 0px;
}

.circle_small img { 
	width: 100%;
	height: 100%;
}

.circle_small_down { 
	position: absolute;
	text-align: center;
	left: -5em;
	top: -8em;
	/* transform: rotate(-10deg); */
	/* vertical-align: middle; */
	z-index: 99997;
	display: flex;
	width: 16em;
	height: 16em;
	background: #f4b200; 
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	margin: 0px;
	padding: 0px;
}

.circle_small_down img { 
	width: 100%;
	height: 100%;
}

.circletextbold {
	position: absolute;
	top: 100px;
	color: #ffffff;
	font-size: 30px;
	font-weight: 1000;
	line-height: 100%;
	letter-spacing: 1px;
}

.circletext {
	position: absolute;
	top: 200px;
	color: #ffffff;
	font-size: 25px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 1px;
}

/* end christmas circle */

/* FOOTER */

footer
{
	background-color: #686062;
}

.footer
{
	font-size: 16px;
	line-height: 36px;
	clear: both;
	color: #C0B7AB;
	text-align: center; 
	padding: 100px 0;
}

.footer-left, .footer-right
{
	width: 810px;
}

.footer-right
{
	margin-left: 370px;
}

.footer a
{
	color: #C0B7AB;
}

.social-footer a 
{
	margin: 0 10px;
	font-size: 20px;
}

/* END FOOTER */



/* SINGLE PORTFOLIO PAGE */

#portfolio-1
{
	background-color: #686062;
	background-image:url("../images/background_img_05b.jpg"); 
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto; 
}

#lodge
{
	background-color: #686062;
}

#team
{
	background-color: #686062;
}

.single-portfolio .menu-wrapper
{
	display: none !important;
}

.single-portfolio article
{
	padding-top: 230px;
}

.single-portfolio article .entry-content
{
	background-color: #fff;
	padding-bottom: 50px;
	font-size: 18px;
	line-height: 30px;
}

.single-portfolio .x-close
{
	top: -60px;
	right: -60px;
	background-color: #686062;
	line-height: 0;
	font-size: 0;
	width: 60px;
	height: 60px
}

.single-portfolio .x-close img
{
	opacity: 0.4;
	transition: opacity .2s linear;
	width: 30px;
	height: 30px;
	padding-top: 15px;
	padding-left: 15px;
}

.single-portfolio .x-close:hover img
{
	opacity: 1;
}

.single-portfolio .entry-content .one
{
	padding-left: 100px;
	padding-right: 100px;
}

.single-portfolio .entry-content .one_half
{
	width: 435px;
	padding-left: 100px;
}

.single-portfolio .entry-content .one_half.last
{
	padding-left: 0;
	padding-right: 100px;
}

.single-portfolio .entry-content h1 
{
	padding: 0;
	font-size: 20px;
	line-height: 30px;
}

.single-portfolio-bold
{
	font-size: 18px;
	font-weight: 1000;
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	// color: #f4b200;
}

/* END SINGLE PORTFOLIO */

/* IMPRINT DSGVO SECTION */

#impressum
{
	background-color: #686062;
	background-image:url("../images/background_img_05b.jpg"); 
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto; 
}

#impressum .section-title-holder
{
	background-color: #F9B200;
}

#impressum .section-title-holder span
{
	color: #C48B0D;
}

#impressum .section-content-holder
{
	padding-bottom: 0;
}

.impressum article
{
	padding-top: 230px;
	padding-left: 2em;
	padding-right: 2em;
}

.impressum article .entry-content
{
	background-color: #fff;
	padding-bottom: 50px;
	font-size: 18px;
	line-height: 30px;
}

.impressum .x-close
{
	top: -60px;
	right: 0px;
	background-color: #686062;
	line-height: 0;
	font-size: 0;
	width: 60px;
	height: 60px
}

.impressum .x-close img
{
	opacity: 0.4;
	transition: opacity .2s linear;
	width: 30px;
	height: 30px;
	padding-top: 15px;
	padding-left: 15px;
}

.impressum .x-close:hover img
{
	opacity: 1;
}

.impressum .x-closed
{
	bottom: -120px;
	right: 0px;
	background-color: #686062;
	line-height: 0;
	font-size: 0;
	width: 60px;
	height: 60px
}

.impressum .x-closed img
{
	opacity: 0.4;
	transition: opacity .2s linear;
	width: 30px;
	height: 30px;
	padding-top: 15px;
	padding-left: 15px;
}

.impressum .x-closed:hover img
{
	opacity: 1;
}

.impressum .one
{
	padding-left: 100px;
	padding-right: 100px;
}

.impressum h2
{
	padding: 0;
	padding-top: 25px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	color: #A99F9B;
}

.impressum p
{
	padding-top: 15px;
	padding-bottom: 5px;
	word-wrap: break-word;
}

/* END IMPRINT DSGVO SECTION */

/* RESPONSIVE PART */

@media screen and (max-width: 1270px) { 

	.content-1170 
	{
		width: 960px;
	}

	.one_half
	{
		margin-right: 8%;
		float: left;
		position: relative;
		margin-bottom: 37px;
	}

	.one_half
	{
		width: 46%;
	} 

	.section-title-holder 
	{ 
		width: 250px;
		height: 250px;
	}

	.section-num
	{
		margin-top: 10px;
		margin-left: 0px;
	}

	.section-num span 
	{
		margin-left: 0px; 
		font-size: 120px;
	}

	.section-title-holder h2
	{
		font-size: 80px;
		letter-spacing: 2px;
		width: 177px; 
		line-height: 66px;
		margin-top: 23px;
		margin-left: 75px; 
	}

	.section-content-holder.right 
	{
		margin-left: 250px;
	}

	.section-content-holder.left 
	{
		margin-top: 250px;
	}

	.section-content-holder 
	{
		width: 710px;
	}

	.testimonial-portfolio
	{
		margin-left: 240px;
		margin-top: -140px;
		transform: rotate(270deg);
		font-size: 9px;
		letter-spacing: 2px;

	}

	.extra-content-left, .extra-content-right
	{
		width: 710px;
	}

	.extra-content-right
	{
		margin-left: 250px;
	}

	.service-holder 
	{ 
		width: 290px;
	}

	.section-content-holder.portfolio-holder 
	{ 
		width: 710px;
	}

	.grid-item.p_one, .grid
	{
		width: 710px; 
	} 

	.grid-sizer, .grid-item, .grid-item.p_one_half
	{
		width: 355px;
	} 

	.portfolio-holder .portfolio-load-more-holder 
	{
		width: 460px;
	}

	.section-content-holder .content-title 
	{ 
		font-size: 140px; 
		margin-top: -56px;
	}

	.member-content-holder 
	{
		width: 275px;
		padding: 50px;
	}

	.member-image-holder 
	{
		width: 335px;
	}

	.image-slider-wrapper.team .image_slider_next
	{
		right: 260px;
	}

	.blog-item-holder .entry-title 
	{ 
		width: 240px;
	} 

	.single-portfolio .entry-content .one
	{
		padding-left: 5%;
		padding-right: 5%;
	}

	.single-portfolio .entry-content .one_half 
	{
		width: 40%;
		padding-left: 5%;
		margin-right: 10%;
	}

	.single-portfolio .entry-content .one_half.last
	{ 
		padding-left: 0;
		padding-right: 5%;
	}

	.circle_small {
		left: 2em;
	 top: 2em;
	}

}

@media screen and (max-width: 1100px) { 

	.single-portfolio .x-close
	{
		right: 50%;
		right: calc(50% - 30px); 
	} 

}

@media screen and (max-width: 1020px) { 

	.content-1170 
	{
		width: 100%;
		height: 60vh;
	} 

	.extra-content-left, .extra-content-right
	{
		width: 100%;
		margin-left: 0;
	} 

	.single-portfolio article 
	{
		padding-top: 140px;
	}

	.one_half
	{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
	} 

	.single-portfolio .entry-content .one_half 
	{ 
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		margin-right: 0;
	}

	.single-portfolio .entry-content .one_half.last
	{ 
		padding-left: 5%;
		padding-right: 5%;
	}

	.testimonial-portfolio
	{
		transform: rotate(0deg);
		margin-top: 5px;
		margin-left: 5px;
		text-align: left;
		padding-top: 5px;
		font-size: 16px;
		letter-spacing: 3px; 
		color: #FFFFFF;
	}

	.site-content .one_half, .single-portfolio .entry-content div 
	{
		text-align: left;
	}

	.image-slider-wrapper.service a.image_slider_next 
	{
		top: -89px;
		right: 0;
	}

	.section
	{
		padding-bottom: 150px;
	} 

	.section.intro-page
	{
		padding-bottom: 1px;
		padding-top: 56px;
	} 

	.section.beforefooter
	{
		padding-bottom: 0px;
	} 

	.section-content-holder.right 
	{
		margin-left: 0;
	}

	.section-content-holder.left 
	{
		margin-top: 0;
	}

	.section-num
	{
		display: inline-block;
		margin-top: 10px;
	} 

	.section-num span
	{
		font-size: 50px;
		margin-left: 0px;
		margin-right: 10px;
	} 

	.section-title-holder
	{
		width: 100%;
		height: auto;
		position: relative !important;
		top: 0 !important;
	}

	.section-title-holder h2
	{
		display: inline-block;
		width: auto;
		margin: 0;
		vertical-align: top;
		margin-top: 10px;
		font-size: 50px;
		line-height: 100%;
	}

	.section-content-holder 
	{
		width: 100%;
		padding: 30px 0; 
	}

	.section-content-holder .content-wrapper
	{
		padding: 0 5%;
	} 

	.service-holder 
	{ 
		width: 100%;
		display: block;
	}

	.service-content-holder 
	{
		width: 100%;
		width: calc(100% - 75px);
		margin-bottom: 30px;
	} 

	.section-content-holder.portfolio-holder 
	{ 
		width: 100%;
	}

	.grid-item.p_one, .grid
	{
		width: 100%; 
	} 

	.grid-sizer, .grid-item, .grid-item.p_one_half
	{
		width: 50%;
	} 

	.portfolio-holder .portfolio-load-more-holder 
	{
		width: 100%;
	} 

	.member-content-holder 
	{
		width: 40%;
		padding: 10% 5% 5% 5%;
	}

	.member-image-holder 
	{
		width: 50%;
	}

	.image-slider-wrapper.team .image_slider_next
	{
		right: 40%;
	}

	.blog-item-holder .entry-title 
	{
		width: 100%;
		display: block;
		padding-top: 0px;
	}

	.blog-item-holder .info
	{
		width: auto;
	}

	.section-content-holder .content-title-holder 
	{
		overflow: visible;
		height: auto;
		margin: 0;
		padding: 0;
	}

	.section-content-holder .content-title 
	{
		font-size: 19vw;
		margin-top: 0;
	}

	.testimonial-slider-holder 
	{
		width: 90%;
		padding-left: 5%;
	} 

}

@media screen and (min-width: 925px) { 
	.main-menu
	{
		display: block !important;
	}
}

@media screen and (max-width: 925px) { 

	.intro-page
	{
		min-height: 0;
	}

	.section
	{
		position: static !important;
		z-index: 0 !important;
	}

	h1.big-title
	{
		font-size: 40px;
		padding-top: 0;
	}

	h1.big-title span 
	{
		display: inline;
	}

	.title-desc 
	{ 
		font-size: 19px;
		line-height: 23px;
	}

	.mob-menu
	{
		display: block;
	}

	.mob-menu:hover
	{
		cursor: pointer;
	}


	.portfolio-text-holder 
	{
		display: none !important;
		opacity: 0 !important;
	} 

	.portfolio-text-holder-orange
	{
		display: none !important;
		opacity: 0 !important;
	} 

	.main-menu
	{
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 300px;
		width: 100%;
		position: relative;
		z-index: 9999;
		display: none;
	}

	.main-menu ul 
	{
		width: 12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
	}

	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active
	{
		padding-right: 0;
		padding-left: 0;
	}

	.main-menu.sm-clean a 
	{
		line-height: 24px;
	}

	.main-menu.sm-clean .sub-menu a 
	{
		font-size: 16px;
		line-height: 25px; 
		text-align: center;
	} 

	.carousel_fw_next
	{
		display: block !important;
	}

	.fw_carousel_pagination
	{
		display: none !important;
	}

	h2.sec1-thin
	{
		font-size: 20px;
		font-weight: 10;
		line-height: 100%;
		padding-top: 5px;
		letter-spacing: 1px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: underline;
	}

	h2.sec1-bold
	{
		font-size: 50px;
		font-weight: 1000;
		line-height: 100%;
		padding-top: 10px;
		letter-spacing: 1px;
		margin-left: auto;
		margin-right: auto;
	}

	h2.imp-thin
	{
		font-size: 15px;
		font-weight: 1;
		line-height: 100%;
		padding-top: 5px;
		letter-spacing: 1px;
		margin-left: auto;
		margin-right: auto;
	}

	.news-title
	{
		font-size: 33px;
	}

	h6 {
		font-size: 20px;
	}

}

@media screen and (max-width: 805px) { 

	.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea, p.custom-field-class, #commentform #email, #commentform #author, #commentform #comment
	{
		width: 100% !important;
	} 

	.portfolio-text-more
	{
		display: none;
	}

	.portfolio-text-holder-inv 
	{
		display: block;
	}

	.portfolio-sec-text-inv
	{
		margin-top: 33%;
	}

	.circle_small {
		left: 4em;
	 top: 5em;
	}

	.circle_small_down {
		position: relative;
		display: flex;
		left: 0em;
	 top: 0em;
	}

}


@media screen and (max-width: 650px) { 


	.member-content-holder
	{
		width: 90%;
		float: none;
	}

	.member-image-holder
	{
		width: 100%;
		float: none;
	}

	.image-slider-wrapper.team .image_slider_next
	{
		right: auto;
		left: 30px;
	} 

	.one_half
	{
		clear: both;
	}

	.one_half.margin-0{
		width: 100% !important;
	}

	.circle_small {
		position: relative;
		display: flex;
		left: 0em;
	 top: 0em;
	}

}


@media screen and (max-width: 425px) { 

	.impressum p
	{
		width: 375px;
	}

	.impressum article
	{
		padding-top: 230px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.section-num 
	{
		margin-top: 9px;
	}

	.section-num span 
	{
		font-size: 35px;
	}

	.section-title-holder h2
	{
		margin-top: 9px;
		font-size: 35px;
	}

	.image-slider-wrapper.service a.image_slider_next 
	{
		top: -84px;
	}

	.portfolio-text-holder-inv
	{
		height: 200px;
		width: 100%;
		left: 0px;
		top: 0px;
	}

	.portfolio-sec-text-inv
	{
		margin-top: 50%;
	}

}

@media screen and (max-width: 350px) { 

	.section-num 
	{
		margin-top: 9px;
	}

	.section-num span 
	{
		font-size: 35px;
	}

	.section-title-holder h2
	{
		margin-top: 9px;
		font-size: 35px;
		letter-spacing: 1px;
	}

	.image-slider-wrapper.service a.image_slider_next 
	{
		top: -84px;
	}
}