.elementor-kit-9{--e-global-color-primary:#54595F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFFFFF;--e-global-color-db4bc8e:#707070;--e-global-color-d8d8376:#7070702E;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:400;font-family:"Avenir next LT pro", Sans-serif;}.elementor-kit-9 h1{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1.875rem;}.elementor-kit-9 h2{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1.6rem;}.elementor-kit-9 h3{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:1.25rem;line-height:1.75rem;}.elementor-kit-9 h4{font-family:"Montserrat", Sans-serif;font-size:1.25rem;line-height:1.75rem;}.elementor-kit-9 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-9 h6{font-family:"Montserrat", Sans-serif;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*Slider Startseite inkl. der Boxen*/
.hero .elementor-slide-heading {
  opacity: 1;
  transform: translateY(100%);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  color:#fff
}
body.scroll .hero .elementor-slide-heading {
  opacity: 1;
  transform: translateY(0);
}
/* Ausblenden der boxen-Sektion bei Scrollposition 0 */
.boxen {
  opacity: 1;
  transform: translateY(100%);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  z-index: 10;
}

/* Einblenden der boxen-Sektion beim Scrollen */
body.scroll .boxen {
  opacity: 1;
  transform: translateY(-65%);
}

/* Vorschboxen Projekte Anfang*/
.thumb {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  overflow: hidden;
}
.thumb-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 500ms;
}
.thumb-gradient{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0%;
  object-fit: cover;
  transition: 500ms;
  
}
.thumb::after{
    position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0%;
  object-fit: cover;
  content: "";
  z-index: 1;
    background: linear-gradient(45deg, rgb(84, 89, 95) 0%, rgba(255,255,255,0) 100%);
   -webkit-transition: all 500ms;
   transition: all 500ms;
}
.thumb:hover::after{
    position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
   -webkit-transition: all 500ms;
   transition: all 500ms;
  content: "";
  z-index: -1;
}
.thumb-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.56) 100%);
}
.thumb-anim {
  margin-top: auto;
  position: relative;
  transition: 0.5s;
  transform: translateY(100%);
   color: #fff00!important;
}

.thumb-title {
  padding: 20px;
  transition: 0.5s;
  background: #54595F;
  width: 100%;
  transform: translateY(-100%);
  z-index: 9999;
  position: relative;
  z-index: 2;
}
.thumb-description {
  padding: 10px 20px;
  transition: 0.5s;
  opacity: 0;
  flex: 1;
}


.thumb:hover .thumb-anim {
  transform: translateY(0);
}

.thumb:hover .thumb-title {
  transform: translateY(0%);
  background:transparent;
}

.thumb:hover .thumb-description {
  opacity: 1;
}

.thumb:hover .thumb-gradient{
  width: 100%;
  height: 100%;
}
/* Vorschboxen Projekte Ende*/

/*Icon Projektseiten*/
.icon-projekt .elementor-icon {
   background-color: #707070;
   padding: 5px;
}
.icon-projekt .elementor-icon:hover {
   background-color: #54595F;
}
/*Icons Projektseite*/
.icon-projektseite .elementor-icon-list-item{
    display:flex;
}
.icon-projektseite .elementor-icon-list-icon{
    order:2;
}
.icon-projektseite .elementor-icon-list-text
{padding-right: 20px
}

/* Icons Startseite*/
.icon-startseite .elementor-icon-list-item{
    display:flex;
}
.icon-startseite .elementor-icon-list-icon{
    order:2;
}
.icon-startseite .elementor-icon-list-text
{padding-right: 20px
}
/*Next / Prev */
.next-post-link {
background: #707070;
display: inline-block;
line-height: 1;
transition: 0.5s;
margin-right: 15px;
padding: 1.3em;
}
.next-post-link:hover {
background: #54595F;
}
.next-post-link i {
color: #fff;
}
.prev-post-link {
background: #707070;
display: inline-block;
line-height: 1;
transition: 0.5s;
margin-right: 15px;
padding: 1.3em;
margin-right: 15px;
}
.prev-post-link:hover {
background: #54595F;
}
.prev-post-link i {
color: #fff;
}
#post-preview-container{
    margin-top: 15px
}
@media only screen and (max-width: 1024px) {
#post-preview-container{
    display: none !important;
}
}
/*Fonts*/
.top_nav {
 font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
}
.boxen h3 {
 font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1600 - 320)));
}
.wpml-ls-legacy-list-horizontal a {
  padding: 5px 5px 6px 5px!important;

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/03/Montserrat-Regular.eot');
	src: url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/03/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/03/Montserrat-Regular.woff2') format('woff2'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/03/Montserrat-Regular.woff') format('woff'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/03/Montserrat-Regular.ttf') format('truetype'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/03/Montserrat-Regular.svg#Montserrat') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir next LT pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/02/AvenirNextLTPro-Regular.eot');
	src: url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/02/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/02/AvenirNextLTPro-Regular.woff2') format('woff2'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/02/AvenirNextLTPro-Regular.woff') format('woff'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/02/AvenirNextLTPro-Regular.ttf') format('truetype'),
		url('https://www.architekturbuero-darmstadt.de/wp-content/uploads/2023/02/AvenirNextLTPro-Regular.svg#AvenirnextLTpro') format('svg');
}
/* End Custom Fonts CSS */