/*********************** Header, Menü *************************/
#sp-header {
  box-shadow: 0 0 0 0;
  background-color: rgba(0,0,0,0) !important;
}

.logo-image {
  position: absolute;
  top: 30px;
  left: 0;
}

.offcanvas-toggler-secondary {
  display: none !important;
}

#offcanvas-toggler.offcanvas-toggler-right {
  /*position: absolute;
  right: 15px !important;
  top: 5px;*/
  margin-top: 22px;
}

#offcanvas-toggler .burger-icon > span {
  background: #fff !important;
  margin: 8px 0;
  height: 1px;
}

#offcanvas-toggler .burger-icon {
  margin-bottom: 6px;
}

@media (max-width: 991px) {
  #offcanvas-toggler.offcanvas-toggler-right {
    position: absolute;
    top: 5px;
  }
}

@media (max-width: 767px) {
  #offcanvas-toggler.offcanvas-toggler-right {
    position: absolute;
    top: 5px;
    right: 35px;
    margin-top: 17px;
  }
}

@media (min-width: 576px) {
  #offcanvas-toggler::before {
    content: "MENÜ";
    margin: 0 15px 3px 0;
    font-size: 1.5rem;
    font-family: 'Futura', sans-serif !important;
    font-weight: 500;
  }
}

@media (max-width: 575px) {
  .logo-image {
    height: 40px !important;
  }
  #offcanvas-toggler.offcanvas-toggler-right {
    right: 25px !important;
  }
}
  
@media (max-width: 399px) {
  .logo-image {
    height: 30px !important;
  }
  #offcanvas-toggler.offcanvas-toggler-right {
    margin-top: 12px;
    right: 15px !important;
  }
}

/***************** Off-Canvas *********************/
.offcanvas-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.close-offcanvas {
  right: 35px !important;
}

.offcanvas-menu {
  background-color: #e1222d;
  font-family: 'Futura', 'Verdana', sans-serif !important;
  text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner {
  padding-left: 50px;
}

@media (min-width: 992px) {
  .offcanvas-menu {
    width: 500px; 
  }
  body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -500px;
  }
  .offcanvas-menu .offcanvas-inner ul.menu > li > a {
    font-size: 24px;
  }
}

.offcanvas-menu .logo-image {
  display: none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul {
  padding: 50px 15px 0 0;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a {
  color: #fff !important;
  opacity: 1;
  line-height: 1.2;
  text-align: right;
  font-weight: 400 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
	margin-bottom: 
    50px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
  color: #fff !important; 
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover {
  color: #2d2620 !important; 
}

.close-offcanvas .burger-icon > span {
  	top: 25px;
	background: #fff;
	right: 25px;
}

/********************* Footer *******************/
#sp-footer img {
  width: auto;
}


/************************** Slider ALT ********************************/
/*
.sp-slider .sppb-container {
  padding-left: unset;
}

.agg-h-slider {
  text-transform: uppercase;
}

#agg-home-architektur-ref .sp-slider, #agg-home-gestaltung-ref .sp-slider, #agg-home-konzeption-ref .sp-slider, #agg-home-team-buero-bilder .sp-slider  {
    width: 100%;
}

.agg-img-slider img {
  height: auto !important;
  width: 100% !important;
}

@media (min-width: 1200px) {
  .sp-slider-outer-stage {
    height: 93vw !important;
  }
}

@media (max-width: 1199.98px) {
  .sp-slider-outer-stage {
    height: 107vw !important;
  }
}

@media (max-width: 991.98px) {
  .sp-slider-outer-stage {
    height: 102vw !important;
  }
}

@media (max-width: 969.98px) {
  .sp-slider-outer-stage {
    height: 105vw !important;
  }
}

@media (max-width: 939.98px) {
  .sp-slider-outer-stage {
    height: 109vw !important;
  }
}

@media (max-width: 899.98px) {
  .sp-slider-outer-stage {
    height: 115vw !important;
  }
}

@media (max-width: 879.98px) {
  .sp-slider-outer-stage {
    height: 117.5vw !important;
  }
}

@media (max-width: 859.98px) {
  .sp-slider-outer-stage {
    height: 120vw !important;
  }
}

@media (max-width: 819.98px) {
  .sp-slider-outer-stage {
    height: 125vw !important;
  }
}

@media (max-width: 789.98px) {
  .sp-slider-outer-stage {
    height: 127vw !important;
  }
}

@media (max-width: 767.98px) {
  .sp-slider-outer-stage {
    height: 97vw !important;
  }
}

@media (max-width: 739.98px) {
  .sp-slider-outer-stage {
    height: 102vw !important;
  }
}

@media (max-width: 699.98px) {
  .sp-slider-outer-stage {
    height: 109vw !important;
  }
}

@media (max-width: 649.98px) {
  .sp-slider-outer-stage {
    height: 117vw !important;
  }
}

@media (max-width: 609.98px) {
  .sp-slider-outer-stage {
    height: 120vw !important;
  }
}

@media (max-width: 575.98px) {
  .sp-slider-outer-stage {
    height: 130vw !important;
  }
  .sp-slider .sp-dots ul li {
    height: 11px !important;
    width: 11px !important;
    margin: 5px 3px 5px 3px !important;
  }
}

@media (max-width: 399.98px) {
  .sp-slider-outer-stage {
    height: 135vw !important;
  }
}

@media (max-width: 299.98px) {
  .sp-slider-outer-stage {
    height: 140vw !important;
  }
}

.sp-slider .sp-nav-control .nav-control i {
	display: none;
}

.sp-slider .sp-nav-control .nav-control {
  width: 20px !important;
  height: 36px !important;
}

.sp-slider .sp-nav-control .nav-control.next-control {
  right: 0;
  border: 0;
  background: url(/images/agg-seehars-architekten-dresden-icon-pfeil-rechts-rot.svg) !important;
  background-size: cover !important;
}

.sp-slider .sp-nav-control .nav-control.prev-control {
  right: 0;
  border: 0;
  background: url(/images/agg-seehars-architekten-dresden-icon-pfeil-links-rot.svg) !important;
  background-size: cover !important;
  width: 20px;
  height: 36px;
  }
*/

/************************* Carousel NEU *************************/
.agg-carousel .sppb-carousel-indicators {
  bottom: -70px !important;
}

.sppb-carousel-indicators {
  left: 50%;
  width: 90%;
  margin-left: -45%;
}

.sppb-carousel-indicators .active {
  background: #e1222d;
}

.agg-carousel .sppb-carousel-arrow.left i, .agg-carousel .sppb-carousel-arrow.right i {
  width: 20px;
  height: 36px !important;
  margin-top: 30px;
}

.agg-carousel .sppb-carousel-arrow.right i {
  background: url(/images/agg-seehars-architekten-dresden-icon-pfeil-rechts-rot.svg) !important;
}

.agg-carousel .sppb-carousel-arrow.left i {
  background: url(/images/agg-seehars-architekten-dresden-icon-pfeil-links-rot.svg) !important; 
}

.agg-carousel .sppb-carousel-control i {
  opacity: 0;
  visibility: hidden;
}

.agg-carousel:hover .sppb-carousel-control i {
  visibility: visible !important;
  opacity: 1;
  transition: 0.4s;
}

.agg-carousel:hover .sppb-carousel-control i:before {
  color: rgba(0,0,0,0) !important;
  text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

.agg-carousel .sppb-carousel-item-inner .sppb-text-right {
	margin-top: 22px;
}

@media (max-width: 991px) {
  .agg-carousel .sppb-carousel-indicators {
    bottom: -50px !important;
  }
}

@media (max-width: 767px) {
  .agg-carousel .sppb-carousel-indicators {
    bottom: -20px !important;
  }
}


@media (max-width: 575px) {
  .agg-carousel .sppb-carousel-indicators {
    bottom: -10px !important;
  }
}

/************* Sonstiges, Bilder, Listen etc. *******************/
p:last-child {
  margin-bottom:0;
}

.trennung {
  -webkit-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}

.agg-link-braun a {
  color: #2d2620 !important;
}

.agg-link-margin-top {
  margin-top: 1.5em;
}

.agg-home-hero-h, .agg-vita-hero-h {
  font-family: 'Futura', 'Verdana', sans-serif !important;
  font-weight: 700;
  line-height: 1.0 !important;
  text-transform: uppercase;
}

.agg-home-hero-h-quote, .agg-vita-hero-h-quote {
  font-family: serif !important;
  font-weight: 700;
  line-height: 1.0 !important;
  text-transform: uppercase;
}

#agg-ds-ds h4 {
  margin-top: 3em !important;
  margin-bottom: 1em;
}

#agg-ds-ds h4:first-child {
	margin-top: 0em !important;
}

.ds-zwischen-hl-klein {
  margin-top: 2em;
  text-transform: uppercase;
}

.ds-hervorhebung {
  margin-top: 1.5em;
}

.sp-scroll-up {
  background: unset !important;
  content: url(/images/agg-seehars-architekten-dresden-icon-pfeil-oben-rot.svg);
  bottom: 20px !important;
  border-radius: unset !important;
}

/************************* Sections *************************/
body {
  overflow-y: unset !important;
}

#sp-main-body {
  margin-top: -80px;
}

/*.body-innerwrapper {
  overflow-x: unset !important;
}*/

@media (min-width: 1200px) {
  .agg-sec {
    padding-left: 15vw !important;
    padding-right: 15vw !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .agg-sec {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
  }
}

@media (min-width: 768px) {
  .agg-pos-bottom {
    position: absolute;
    bottom: 9px;
  }
}

@media (max-width: 767px) {
  #agg-home-hero {
    background-image: url(/images/agg-seehars-architekten-dresden-Cathrin-Seehars-750x1350-80.jpg) !important;
    background-position: 0% 40% !important;
    background-attachment: scroll !important;
  }
}

/***************** Fonts *************************/
@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 400;
  src: url('../local-fonts/fe11003t.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../local-fonts/fe11003t.ttf') format('truetype');
}

@font-face {
  font-family: 'Futura';
  font-style: medium;
  font-weight: 500;
  src: url('../local-fonts/fe11004t.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../local-fonts/fe11004t.ttf') format('truetype');
}

@font-face {
  font-family: 'Futura';
  font-style: bold;
  font-weight: 700;
  src: url('../local-fonts/fe11006t.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('../local-fonts/fe11006t.ttf') format('truetype');
}

h1, h2, h3, h4 {
  font-family: 'Futura', 'Verdana', sans-serif !important;
  text-transform: uppercase !important;
}

p, body {
  font-family: 'Futura', 'Verdana', sans-serif !important;
  font-weight: 500;
}

#sp-footer {
  font-size: unset !important;
}

.agg-h-display p, .agg-h-display h3 {
  font-weight: 700 !important;
  text-transform: uppercase;
  text-decoration: underline;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  p, body {
    line-height: 1.8;
  }
  #agg-home-hero p {
    line-height: 1.0;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  p, body {
    line-height: 1.5;
  }
  #agg-home-hero p {
    line-height: 1.0;
  }
}

@media (max-width: 767px)  {
  p, body {
    line-height: 1.3;
  }
  #agg-home-hero p {
    line-height: 1.0;
  }
}