/*
* Created by CeLa
* Copyright by Amdre GmbH
* Main Theme CSS
*/

/*
 * Montserrat
 */
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/montserrat-300.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/montserrat-500.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/montserrat-600.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-700.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/montserrat-800.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/montserrat-900.woff2') format('woff2');
}


html,
body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', 'Arial', 'sans serif';
}

/*
 * Default styles
 */
:root {
	--base-color: #1b242b;	
	--pri-color: #aa0521;
	--sec-color: #181716;
	--thd-color: #eeeeee;
	
	--pri-font: 'Montserrat';
}

/*
 * Link styles
 */
a,
a:visited {
	color: var(--pri-color);
}
a:hover,
a:active,
a:focus {
	color: var(--pri-color);
}

/*
 * Colors
 */
.pri-color {
	color: var(--pri-color);
}
.sec-color {
	color: var(--sec-color);
}
.thd-color {
	color: var(--thd-color);
}


/*
 * Headlines
 */
.sppb-section.heading > .sppb-row-container .sppb-section-title {
	display: flex;
	flex-direction: column;
}
.sppb-section.heading > .sppb-row-container .sppb-section-title .sppb-title-heading {
	order: 2;
	margin-bottom: 0;
	color: var(--pri-color);
	text-transform: uppercase;
}
.sppb-section.heading > .sppb-row-container .sppb-section-title h2.sppb-title-heading {
	font-size : clamp(1.75rem, 5vw, 2.5rem) !important;
}
.sppb-section.heading > .sppb-row-container .sppb-section-title .sppb-title-subheading {
	order: 1;
	display: block !important;
	max-width: inherit !important;
	margin-bottom: 20px !important;
	text-transform: uppercase;
	font-size: 1.125rem !important;
}
/* Text block */
.sppb-addon-text-block.heading .sppb-addon-subtitle {
	margin-bottom: 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.25rem;
}
.sppb-addon-text-block.heading h2.sppb-addon-title {
	direction: block;
	width: 100%;
	font-size : clamp(1.75rem, 5vw, 2.5rem) !important;
}
/*
 * Text styles
 */
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.base-text .sppb-addon-content {
	font-size: 1.125rem;
}
.text-thin {
	font-weight: 300;
}
@media(min-width: 768px){
	.two-column > .sppb-addon-content {
		column-count: 2;
	}
}

ul.list-arrow {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.list-arrow > li {
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
}
ul.list-arrow > li::before {
	content: '\f054';
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 14px;
	font-family: 'FontAwesome';
	color: var(--pri-color);
}

/*
 * Layout styles
 */
@media (min-width: 1200px) {
    .sppb-row-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 992px) {
	#offcanvas-toggler {
		display: none !important;
	}
}
.offcanvas-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 
 * Header
 */
#sp-header {
	height: auto !important;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #000;
}
@media (max-width: 991px) {
}
.main-slideshow .sp-dots > ul > li {
	width: 16px !important;
	height: 16px !important;
	border-radius: 0px;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.main-slideshow .sp-dots > ul > li.active {
	background-color: var(--pri-color);
}
.main-slideshow .sp-dots > ul > li:after {
	display: none !important;
}

/*
 * Main navbar
 */
#sp-menu {}
#sp-menu.menu-with-social .sp-megamenu-wrapper {
	justify-content: end !important;
}
#sp-menu .sp-megamenu-parent > li > a {
	text-transform: uppercase;
	font-size: 1rem;
}
#sp-menu .sp-megamenu-parent li a:hover,
#sp-menu .sp-megamenu-parent li a:active {
	color: var(--pri-color);
}
#sp-menu .sp-megamenu-parent > li.active > a {
	color: var(--pri-color) !important;
	font-weight: 800;
}
#sp-menu .sp-megamenu-parent > li:hover > a {
	color: var(--pri-color) !important;
}
#sp-menu .sp-megamenu-parent ul li a {
	text-transform: uppercase;
}
#sp-menu .sp-megamenu-parent ul li.active a {
	color: var(--pri-color) !important;
	font-weight: 800;
}
#sp-menu .sp-megamenu-parent li.sp-has-child a:after {
	display: none;
}

.offcanvas-menu ul.mod-menu > li > a {
	font-size: 1rem !important;
	letter-spacing: 1px;
}
.offcanvas-menu ul.mod-menu > li > a {
	color: var(--base-color);
	text-transform: uppercase;
}
.offcanvas-menu ul.mod-menu > li.active > a,
.offcanvas-menu ul.mod-menu > li > a:hover,
.offcanvas-menu ul.mod-menu > li > a:active,
.offcanvas-menu ul.mod-menu > li > a:focus {
	color: var(--pri-color) !important;
}
.offcanvas-menu ul.mod-menu > li.active > a {
	color: var(--pri-color) !important;
	font-weight: 600;
}
.offcanvas-menu ul.mod-menu ul li.active a,
.offcanvas-menu ul.mod-menu ul li a:hover,
.offcanvas-menu ul.mod-menu ul li a:active,
.offcanvas-menu ul.mod-menu ul li a:focus {
	color: var(--pri-color) !important;
}

/**/
.social-icons li a,
.social-icons li a:visited {
	color: var(--pri-color) !important;
}
.social-icons li a:hover,
.social-icons li a:active,
.social-icons li a:focus {
	color: #000 !important;
}



/*
 * Footer
 */
@media(max-width: 767px){
	.contact-section > .sppb-row-container > .sppb-row .sppb-row-column:not(:first-child) .footer-column {
		margin-top: 45px;
	}
	.footer-branding .sppb-addon-single-image-container img {
		max-width: 300px;
	}
}
.footer-rights-outer > .sppb-column-addons {
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: center;
}
@media(max-width: 767px){
	.footer-navbar {
		margin-top: 30px;
	}
}
.footer-navbar .sppb-addon-title {
	margin-right: 20px;
	text-transform: uppercase;
}
.footer-navbar .sppb-addon-title span {
	display: inline-block;
	padding-right: 6px;
	border-right: 1px solid #fff;
}
.footer-navbar .menu li a {
	text-transform: uppercase;
}
.footer-navbar .menu li a,
.footer-navbar .menu li a:visited {
	color: rgba(255,255,255,1) !important;
}
.footer-navbar .menu li a:hover,
.footer-navbar .menu li a:active,
.footer-navbar .menu li a:focus {
	color: rgba(255,255,255,.85) !important;
}

/*
 * Home
 * Service section
 */
@media(max-width: 1319px){
	.service-section {
		padding-top: 60px !important;
	}
}
@media(min-width: 1320px){
	.service-section > .sppb-row-container > .sppb-row {
		margin-top: -100px;
	}
}
.service-box .sppb-flipbox-front .flip-box-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 25px 15px;
}
.service-box .sppb-flipbox-front .flip-box-inner .flip-box-text h3 {
	font-size: 1.125rem;
	font-weight: 800;
	text-transform: uppercase;
}
.service-box .sppb-flipbox-front .flip-box-inner .flip-box-image {
	flex-grow: 1;
}
.service-box .sppb-flipbox-back .flip-box-link .btn-custom {
	display: block;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	line-height: 1;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.service-box .sppb-flipbox-back .flip-box-link a.btn-custom,
.service-box .sppb-flipbox-back .flip-box-link a.btn-custom:visited {
	background-color: #fff;
	color: var(--base-color);
}
.service-box .sppb-flipbox-back .flip-box-link a.btn-custom:hover,
.service-box .sppb-flipbox-back .flip-box-link a.btn-custom:active,
.service-box .sppb-flipbox-back .flip-box-link a.btn-custom:focus {
	background-color: #fff;
	color: var(--pri-color);
}
/* Back */
.service-box .sppb-flipbox-back .flip-box-inner {
	height: 100%;
	padding: 25px 15px;
}
.service-box .sppb-flipbox-back .flip-box-inner .flip-box-text h3 {
	font-size: 1.125rem;
	font-weight: 800;
	text-transform: uppercase;
}

/*
 * Guarantee section
 */
.guarantee-section {}
.guarantee-info {}
.guarantee-info .sppb-addon-subtitle {
	margin-bottom: 25px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.125rem;
}
.list-text-block {}

/*
 * News section
 */
body.newspage-category:not(.view-article ) #sp-main-body {
	padding-top: 0;
}
body.newspage-category:not(.view-article ) #sp-main-body > .container {
	max-width: 100% !important;
	padding-right: 0;
	padding-left: 0;
}
body.newspage-category.view-article #sp-main-body .sp-module-content-top .sp-module .mod-sppagebuilder {
	display: none;
}

.news-section {}
@media(max-width: 767px){
	.news-articles > .sppb-addon-content > .sppb-row > div {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

.news-articles .sppb-addon-article .sppb-article-info-wrap {
	margin-top: 30px;
}
.news-articles .sppb-addon-article .sppb-article-info-wrap > h3 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.25rem;
	order: 2;
}
.news-articles .sppb-addon-article .sppb-article-info-wrap > h3 a,
.news-articles .sppb-addon-article .sppb-article-info-wrap > h3 a:visited {
	color: var(--base-color);
}
.news-articles .sppb-addon-article .sppb-article-info-wrap > h3 a:hover,
.news-articles .sppb-addon-article .sppb-article-info-wrap > h3 a:active,
.news-articles .sppb-addon-article .sppb-article-info-wrap > h3 a:focus {
	color: var(--pri-color);
}
.news-articles .sppb-addon-article .sppb-article-info-wrap {
	display: flex;
	gap: 30px;
}
.news-articles .sppb-addon-article .sppb-article-info-wrap a.sppb-readmore {
	font-size: 0;
	line-height: 999;
	order: 1;
}
.news-articles {
  counter-reset: section;
}
.news-articles > .sppb-addon-content > .sppb-row .sppb-addon-article-layout .sppb-readmore:before {
	counter-increment: section;
	content: counter(section);
	display: block;
	height: 46px;
	width: 46px;
	font-size: 2rem;
	font-weight: 800;
	text-align: center;
	line-height: 46px;
	background-color: var(--pri-color);
	color: #fff;
}
ul.pagination li.active span {
	background-color: var(--pri-color);
	border-color: var(--pri-color);
}

.news-items .news-item .readmore {
	margin-top: 30px;
}
.news-items .news-item .readmore > a {
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 700;
}
.news-items .news-item .readmore > a,
.news-items .news-item .readmore > a:visited {
	background-color: var(--pri-color);
	color: #fff !important;
}
.news-items .news-item .readmore > a:hover,
.news-items .news-item .readmore > a:active,
.news-items .news-item .readmore > a:focus {
	background-color: var(--base-color);
	color: #fff !important;
}

/*
 * Offer section
 */
.offer-section {
}
.offer-info .sppb-addon-content h3 {
	font-weight: 400;
	color: var(--pri-color);
}


/*
 * Partner section
 */
.partner-section {}
.partner-slider .sppb-carousel-extended-outer-stage {
	height: auto !important;
}

/*
 * Partner section
 */
.contact-section {
	font-size: 1rem;
}

.address-text-block {}
.phone-text-block {}
.opening-text-block {}

.address-text-block,
.phone-text-block,
.opening-text-block {
	display: flex;
	gap: 15px;
}
.address-text-block:before,
.phone-text-block:before,
.opening-text-block:before {
	content: '';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 2.75rem;
}
.address-text-block:before {
	content: '\f3c5';
}
.phone-text-block:before {
	content: '\f879';
}
.opening-text-block:before {
	content: '\f017';
}
.phone-text-block a,
.phone-text-block a:visited {
	color: #fff !important;
}
.phone-text-block a:hover,
.phone-text-block a:active,
.phone-text-block a:focus {
	color: #fff !important;
}

/*
 * History page
 * Main section
 */
.header-image > div > div {
	display: block;
	width: 100%;
}
.header-image .sppb-addon-single-image-container img {
	object-fit: cover;
	object-position: 0% 100%;
	width: 100%;
	height: 100%;
	min-height: 600px;
	max-height: 900px;
}
.history-section {}
.history-text .sppb-addon-title:before {
	content: '\f105';
	display: inline-block;
	margin-right: 6px;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 1rem;
}

.jobs-image .sppb-addon-single-image-container img,
.about-us-image .sppb-addon-single-image-container img {
	object-position: 70% 100% !important;
}
.news-image .sppb-addon-single-image-container img {
	object-position: 50% 100% !important;
}

/*
 * Team page
 * Team section
 */
.team-section {}
.team-person {}
.team-person .sppb-addon-content .sppb-person-name {
	color: var(--pri-color);
	text-transform: uppercase;
	font-weight: 800 !important;
	font-size: 1.25rem !important;
}
.team-person .sppb-addon-content .sppb-person-designation {
	margin-bottom: 6px;
	font-size: 1.2rem !important;
	font-weight: 300 !important;
	color: var(--base-color) !important;
	text-transform: uppercase;
}
.team-person .sppb-person-contact span {
	display: block;
}
.team-person .sppb-person-contact a,
.team-person .sppb-person-contact a:visited {
	color: var(--base-color);
}
.team-person .sppb-person-contact a:hover,
.team-person .sppb-person-contact a:active,
.team-person .sppb-person-contact a:focus {
	color: var(--pri-color);
}
.team-person .sppb-person-contact a,
.team-person .sppb-person-contact a:visited {
}
.team-person .sppb-person-contact .sppb-person-phone {
}
.team-person .sppb-person-contact .sppb-person-mobile {
}
.team-person .sppb-person-contact .sppb-person-email {
}


/*
 * Facts section
 */
.facts-section {}

.fact-counter .sppb-addon-content {
	display: flex;
	gap: 30px;
	align-items: center;
	justify-content: center;
}
.fact-counter .sppb-addon-content .sppb-animated-number {
	flex-basis: 35%;
	font-size: 4.5rem;
	font-weight: 800;
	color: #999999;
	text-align: right;
}
.fact-counter .sppb-addon-content .sppb-animated-number-title {
	font-weight: 800;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.fact-counter .sppb-addon-content .sppb-animated-number-title span {
	font-weight: 400;
	display: block;
}

/*
 * Skills section
 */

@media(max-width: 767px){
	.skills-section > .sppb-row-container > .sppb-row > .sppb-row-column:not(:first-child) {
		margin-top: 30px;
	}
}


/*
 * Contact page
 * Contact section
 */
 
.contact-textblock .sppb-addon-content strong {
	color: var(--pri-color);
	text-transform: uppercase;
	font-weight: 800;
}

/* Contact form */
.contact-form .form-control {
	padding: 10px 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


.contact-form .rsform-block-freitext {
	margin-bottom: 30px;
}
.contact-form .rsform-block-freitext h4 {
	color: var(--pri-color);
	font-weight: 800;
	font-size: 1rem;
	text-transform: uppercase;
}
.contact-form .btn {
	padding: 10px 20px;
	margin-right: 6px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.contact-form .btn,
.contact-form .btn:visited {
	background-color: var(--pri-color);
	border-color: var(--pri-color);
	color: #fff;
}
.contact-form .btn:hover,
.contact-form .btn:active,
.contact-form .btn:focus {
	background-color: var(--base-color);
	border-color: var(--base-color);
	color: #fff;
}


/*
 * News page
 */
@media(max-width: 767px){
	.com-content-category-news .news-items .news-item {
		margin-bottom: 60px;
	}
}
@media(min-width: 768px){
	.com-content-category-news .news-items .news-item {
		display: flex;
		gap: 30px;
		flex-direction: row-reverse;
		margin-bottom: 30px;
	}
}
.com-content-category-news .news-items .news-item > * {
	flex: 1;
}
.com-content-category-news .news-items .news-item .article-header {
	margin-bottom: 15px;
}
@media(max-width: 767px){
	.com-content-category-news .news-items .news-item .article-header {
		margin-top: 15px;
	}
}
.com-content-category-news .news-items .news-item .article-header h2,
.com-content-category-news .news-items .news-item .article-header h3 {
	font-weight: 800 !important;
	text-transform: uppercase;
}
.com-content-category-news .news-items .news-item .article-header a,
.com-content-category-news .news-items .news-item .article-header a:visited {
	color: var(--pri-color);
}
.com-content-category-news .news-items .news-item .article-header a:hover,
.com-content-category-news .news-items .news-item .article-header a:active,
.com-content-category-news .news-items .news-item .article-header a:focus {
	color: var(--pri-color);
}
/* Details view */
@media(min-width: 768px){
	.com-content-news {
		display: flex;
		gap: 30px;
		flex-direction: row-reverse;
	}
	.com-content-news > * {
		flex: 1;
	}
}
.com-content-news .com-content-article-body .page-header h1,
.com-content-news .com-content-article-body .page-header h2 {
	color: var(--pri-color);
	font-weight: 800;
	font-size: 2rem;
	text-transform: uppercase;
}
.com-content-news .com-content-article-body .com-content-article-return {
	margin-top: 45px;
}
.btn.btn-custom {
	padding: 8px 16px;
	text-transform: uppercase;
	font-weight: 800;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn.btn-custom,
.btn.btn-custom:visited {
	background-color: var(--pri-color);
	color: #fff;
}
.btn.btn-custom:hover,
.btn.btn-custom:active,
.btn.btn-custom:focus {
	background-color: var(--pri-color);
	color: #fff;
}


/*
 * Gallery Page
 *
 * Gallery section
 */

.gallery-section {

}