/* Custom CSS, Copyright by www.web2use.ch */


/**************************************

            Allgemein

**************************************/

body {background: #004C4F; color: #fff;}
.sp-page-builder .page-content #at-variation {
  background-color: #004C4F;
}

a {color: #ABA486; text-decoration: underline; transition: all 0.5s;}
a:hover {color: #ABA486; text-decoration: none; transition: all 0.5s;}


h1,h2,h3,h4,h5,h6,.view-article .article-details .article-header h1 {color: #ABA486;}


body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .sppb-btn.btn-outline-primary, body .btn.sppb-btn-primary, body .btn.btn-primary, body .btn.btn-outline-primary,.btn-wrapper .btn-go-back {
  border: #ABA486 1px solid;
  background-color: transparent;
  color: #ABA486;
border-radius: 8px;
padding: 10px 25px;
font-size: 18px;}


body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.sppb-btn-primary:active, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-primary:active, body .sppb-btn.btn-outline-primary:hover, body .sppb-btn.btn-outline-primary:focus, body .sppb-btn.btn-outline-primary:active, body .btn.sppb-btn-primary:hover, body .btn.sppb-btn-primary:focus, body .btn.sppb-btn-primary:active, body .btn.btn-primary:hover, body .btn.btn-primary:focus, body .btn.btn-primary:active, body .btn.btn-outline-primary:hover, body .btn.btn-outline-primary:focus, body .btn.btn-outline-primary:active, .btn-wrapper .btn-go-back:hover, .btn-wrapper .btn-go-back:focus {
  background-color: #ABA486;
  border-color: #ABA486;
  color: #004C4F;
}

a.sppb-btn-primary {text-decoration: none;}


/**************************************

            Header

**************************************/
#sp-header-topbar {padding: 10px 0;background: #004C4F;}
#sp-logo .align-items-center {display: grid;}
.logo-image {margin: 0 auto;}
.logotext {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
}


#sp-header {background: #004C4F;}

#sp-header-topbar .container-inner {
  border-bottom: 1px solid #ABA486;
}

/**************************************

            Topnavigation

**************************************/

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {font-weight: 600;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: #ABA486;}


.sp-megamenu-parent > li > a {
  color: #fff;
}
.sp-megamenu-parent > li:hover > a {
  color: #ABA486;
}




/**************************************

            Off-Canvas

**************************************/


.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  text-decoration: none;
}




@media (max-width: 990px) {

}


/**************************************

            Inhalt

**************************************/

.article-details .col-lg-3 {display: none;}
.article-details .col-lg-9 {margin: 0 auto;}
.article-details .article-header {max-width: 75% !important; margin:0 auto;}


h1.counter {font-size: 80px;}
#at-features { color: #fff;}

.sp-page-builder .page-content #at-portfolio .sppb-section-title .sppb-title-heading {color: #fff; font-weight: 500;}
.project-img img {margin: 0 auto;}

#project-wrapper li {
  list-style: disc;
  margin-left: -12px;
}



.projects-filter > a {color: #ABA486;font-size: 14px;}


.project-nav .prev-project:hover, .project-nav .next-project:hover {
  background-color: #ABA486;
}

.list-group-item {background: transparent; border: none;}
.tag-category .list-group .list-group-item {
  padding: 10px 0px;
}
.list-group-item a:hover,.list-group-item a:focus {color: #ABA486}
.list-group-item:hover, .list-group-item:focus {background: transparent; border: none;}

.project-wrapper p {max-width: 900px;}
.project-wrapper .project-img {margin-bottom: 50px;}

.btn-wrapper {margin-top: 50px;}

.item-page h1 {font-size: 56px;}

/**************************************

            Randspalte

**************************************/








/**************************************

            Footer

**************************************/



#sp-footer, #sp-bottom {
  background: #004C4F;
  color: #fff;
}

#sp-footer a, #sp-bottom a {color: #ABA486}
#sp-footer a:hover, #sp-bottom a:hover,#sp-footer a:focus, #sp-bottom a:focus {color: #ABA486}




/**************************************

            Mediaqueries

**************************************/

@media (max-width: 989px) {
#sp-header .col-lg-3 {
  display: none !important;
	}
	
	.burger-icon > span {background-color: #fff;}
#sp-header .col-lg-9 {margin-left: 50px;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: #ABA486 !important;}
  .logo-image {height: 70px;}
.logotext {font-size: 18px;}
}



@media screen and (min-width: 768px) and (max-width: 989px) {
 
	
}


@media screen and (min-width: 480px) and (max-width: 767px) {


}


@media (min-width: 990px) {

}


@media screen and (min-width: 990px) and (max-width: 1199px) {

	
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}