/*
Theme Name: WP Bootstrap Child
Description: Childtheme WP Bootstrap Starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Template: wp-bootstrap-starter
Version: 1.0
Tags:
*/

/*
.slider::before {
  position: absolute;
  content: '';
  background: #434343;
  bottom: 0;
  left:0;
  height: 74%;
  width: 100%;
  z-index: 0;
}
*/

.slider > div {
  position: relative;
  z-index: 2;
}

.slick-prev.slick-arrow, .slick-next.slick-arrow {display: none !important;}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon {
	display:none;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
	position:relative;
	padding-left:55px !important;
}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a::before {
	position:absolute;
	content:'';
	width:30px;
	height:2px;
	background:#000;
	left:10px;
	top:50%;
}
/**************************************************

      Typography

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

@font-face{
        font-family:"Univia";
	font-weight:700;
        src:url("/relaunch/wp-content/uploads/fonts/1ad5829f-fb99-47a4-8d8f-23c2f9b50932.woff2") format("woff2"),url("Fonts/5172813/ae9d9a33-c5ab-43d2-8fc4-0183f7f01ea3.woff") format("woff");
    }
    @font-face{
        font-family:"Univia";
		font-weight:500;
        src:url("/relaunch/wp-content/uploads/fonts/3f4a0f64-cc83-43f7-a19e-3711842db0a4.woff2") format("woff2"),url("Fonts/5194865/fec75268-3d8c-43c3-b169-dcf77da0e17a.woff") format("woff");
    }
    @font-face{
        font-family:"Univia";
		font-weight:600;
        src:url("/relaunch/wp-content/uploads/fonts/933e0709-40e8-4843-b9a7-25046e92ec82.woff2") format("woff2"),url("Fonts/5325349/24b16e84-5acc-4a48-bf75-e350d17a7ab7.woff") format("woff");
    }
    @font-face{
        font-family:"Univia";
		font-weight:400;
        src:url("/relaunch/wp-content/uploads/fonts/327e352a-bd0e-4dcc-ad74-b502ed7fa7ce.woff2") format("woff2"),url("Fonts/5349325/944d8437-c3ad-49f2-91c1-8331f71209bd.woff") format("woff");
    }

html, body {
  font-size: 100% !important;
  overflow-x: hidden;
}

body {
  font-family: 'Univia';
  font-weight: 400;
  color: #434343;
  text-align: justify;
  font-size: 16px;
}

ul {
  list-style: none;
}
.widget {
  font-size: 16px;
}

a{
  color: #434343;
}

a:hover {
  color: #000;
  cursor: pointer;
}

a, a:hover, a:focus {
  text-decoration: none;
  outline: 0;
  transition: all 0.3s ease-out;
}

h2, h3 {
  font-weight: 600;
  text-align: left;
  line-height: 1.25;
  padding-bottom: 0;
}

h2 {
  font-size: 32px;
  margin-bottom: 25px;
}

h3 {
  font-size: 24px;
  color: #000 /* fallback */;
  color: rgba(0,0,0,.8);
  margin-bottom: 15px;
}

.white h2 {
  color: #fff;
  font-weight: 500;
}

.black h2 {
  color: #000;
}

.medium {
  font-weight: 600;
}


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

      Generals

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

.page-content, .entry-content, .entry-summary, .post.hentry,
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0;
}

#content.site-content {
  padding-top: 0;
}

.pos_rel {
  position: relative;
}

.right-align {
  text-align: right;
}

.set-right {
  float: right;
}

.left-align {
  text-align: left;
}

.set-left {
  float: left;
}

.center-align {
  text-align: center;
}

.set-center {
  margin: 0 auto;
}

.bg-style {
	background-position: center;
	background-size: cover;
}

.container {
  max-width: 1140px !important;
}

#content.site-content {
  padding-bottom: 0;
}

button:focus {
  outline: 0;
}


body {
  background: url(/relaunch/wp-content/uploads/2018/01/stripe.png);
}


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

      Header, menu

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


header#masthead {
  background: #fff;
  box-shadow: none;
  padding: 10px 0;
}

.navbar-brand img {
  width: 208px;
  height: auto;
}

#masthead .navbar-nav > li > a {
  color: #747474;
  font-size: 16px;
  padding: 10px 20px;
}

#masthead .navbar-nav > li > a:hover, #masthead .navbar-nav > li.current_page_item > a {
  color: #000;
  font-weight: 400;
}

.meta-nav, .meta-nav:before, .meta-nav:after,
.navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon:after {
	width: 35px;
	height: 100%;
	border-top: 2px solid #000;
  border-radius: 3px;
	display: inline-block;
  transition: all 0.3s ease-out;

}
.meta-nav, .navbar-toggler-icon {
	position: relative;

}
.meta-nav:before, .meta-nav:after,
.navbar-toggler-icon::before, .navbar-toggler-icon::after {
	position: absolute;
	content:'';
	left: 0;
}
.meta-nav:before, .navbar-toggler-icon::before {
	top: -10px;
}
.meta-nav:after, .navbar-toggler-icon::after {
	bottom:-8px;
}
.meta-nav.open, .navbar-toggler-icon.open {
  border-top: 2px solid transparent;
}
.meta-nav.open:before, .navbar-toggler-icon.open::before {
	transform: rotate(-45deg);
  top:0;
  transition: all 0.3s ease-out;
}
.meta-nav.open:after, .navbar-toggler-icon.open::after {
	transform: rotate(45deg);
  bottom:-2px;
  transition: all 0.3s ease-out;
}

#menu-meta-nav {
  width: 0;
  height: 0;
  margin-top: 40px;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
#menu-meta-nav.open {
  height: 100%;
  width: 100%;
  transition: all 1s ease-out;
  
}

.meta-nav-click,
.menu-meta-nav-container{
	position:absolute;
	z-index:5;
}
.menu-meta-nav-container{
	z-index:4;
}
/**************************************************

      Content

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


.link {
  text-align: right;
}

.link.left-align {
  text-align: left;
}

.link a, .post-navigation .nav-previous {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding-right: 58px;
}

.link.big {
  text-align: center;
}

.link.big a{
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.link a:after, .post-navigation .nav-previous a:after{
  position: absolute;
  content: '';
  width: 50px;
  height: 2px;
  background: #000;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}

.link.big a::after {
  background: #fff;
  height: 4px;
  top: 60%;
}

.link a:hover::after, .post-navigation .nav-previous a:hover::after {
  width: 60px;
  right: -10px;
  transition: all 0.3s ease-out;
}

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

.black-box {
  padding: 35px 20px;
  background: #000;
  max-width: 290px;
  width:100%;
  text-transform: uppercase;
}

.black-box h2 {
  margin-bottom: 0;
}

.black-box.abs {
  position: absolute;
  top:200px;
  z-index: 3;
}

.box-700 {
  max-width: 700px;
  width: 100%;
}

.box-650 {
  max-width: 650px;
  width: 100%;
}

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

.aktuelle-projekte {
	margin-top: 28px;
  margin-bottom: 15px;
}

.aktuelle-projekte .black-box {
	padding: 46px 20px;
}
.page-id-2339 .wp-projekte-widget {
	margin-top:-215px;
}
.project-item-before {
	display:none;
}
.project-item-before:first-child {
	display:block;
}
.project-image {
	width:100%;
	height: 170px;
	position: relative;
	margin-top: 5px;
  margin-bottom: 15px;
}

.project-title {
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	font-size: 12px;
	color: #fff;
	background: #000;
	text-align: center;
	padding: 8px;
	font-weight: 400;
}

.project-nr {
	opacity: .3;
	transition: all 0.5s ease-out;
}

.project:hover .project-nr {
	opacity: 1;
	transition: all 0.5s ease-out;
}



.wpls-logo-showcase .wpls-logo-cnt.slick-slide img {
  border: none;
  padding:0;
	width:100%;
}

.wpls-logo-showcase .slick-slide {
  vertical-align: top !important;
}

.wpls-logo-showcase .slick-dots li button {
  background: #D1D1D1;
  border: none !important;
  width: 8px !important;
  height: 8px !important;
}

.wpls-logo-showcase .slick-dots li.slick-active button {
  background: #000 !important;
}

.wpls-logo-showcase .slick-dots {
  bottom: -30px !important;
	z-index:1;
}





.leistungen-intro {
  position: relative;
  z-index: 1;
}

.leistungen-intro:before, .page-id-108 .site-content:after {
    position: absolute;
    content: '';
    background: #fff;
    right: 0;
    z-index: -1;
}


.leistungen-intro:before {
    width: 60%;
    height: 450px;
    top:0;
}
.page-id-108 .site-content:after {
    width: calc(calc(100vw - 1110px) / 2);
    height: 300%;
    top:0;
}




.gallery-head {
  color: #F5F5F5;
  font-size: 80px;
  font-weight: 700;
  letter-spacing: 9px;
  text-transform: uppercase;
}

.gallery-img {
  position: absolute;
  bottom: 80px;
  z-index: 1;
  width: 540px;
  height: 455px;
}
.gallery-list {
  position: relative;
  z-index: 2;
}

.gallery-list:after {
    position: absolute;
    content: '';
    background: #fff;
    width: calc((100% + ((100vw - 1110px) / 2)) -  (10% + 15px));
    height: 100%;
    top: 0;
    left: calc(10% + 15px);
    z-index: -1;
}

.gallery-list img {
  border: 3px solid #fff;
}


.gallery-list .sow-image-container {
	position: relative;
}

.gallery-list .sow-image-container:after {
	position: absolute;
	content:'';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	top:0;
	left:0;
	transition: all 0.3s ease-out;
	border: 3px solid #fff;
}

.gallery-list .sow-image-container:hover:after {
	background: rgba(0,0,0,0);
	cursor: pointer;
	transition: all 0.3s ease-out;
}







.white-bg:after {
  position: absolute;
  content: '';
  background: #fff;
  z-index: -1;
}


.white-bg.vollendung:after {
  width: 47%;
  left: calc(calc(100vw - 1140px) / 2);;
  height: 57%;
  top:0;
}

.white-bg.form-material:after {
  width: 53%;
  right: 0;
  height: 100%;
  top:0;
}

.white-bg.kunst:after {
  width: 75%;
  right: 0;
  height: 110%;
  top:0;
}

.white-bg.grat:after {
  width: 60%;
  height: 200%;
  left: 0;
  top: -100%;
}


/******************* Filter ********************/

.project-filter {
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:50px;
	position:relative;
}

.project-filter::after {
	position:absolute;
	content:'';
	width:200px;
	height:2px;
	background:#000;
	right:0;
	top:50%;
	transform:translatey(-50%);
}

.project-filter button{
    border:1px solid #000;
    background:#fff;
	font-weight:500;
    padding:12px 30px;
    cursor:pointer;
    transition: all .5s;
	text-transform:uppercase;
}

.project-filter button.active{
    background:#000;
	transition: all .5s;
    color:#fff;
}

.project-item{
    opacity:1;
    transform:translateY(0);
    transition:
        opacity .35s,
        transform .35s;
}

.project-item.is-hiding{
    opacity:0;
    transform:translateY(20px);
}

.project-item.is-showing{
    opacity:0;
    transform:translateY(20px);
}

.presse h5 {
	opacity:.5;
	font-size:14px;
}
.presse h4 {
	font-size:17px;
	font-weight:600;
	color:#000;
	text-align:left;
}

.presse .link {
	text-align:left;
}
/**************************************************

      Single Post / Projekte

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

.single-thumbnail {
  margin-top:40px;
  height: 30vh;
  background-position: center;
  background-size: cover;
}

.eckdaten {
  color: #000;
  font-weight: 600;
}

.eckdaten h4 {
  font-size: 18px;
font-weight: 600;
  margin-bottom: 30px;
}

.eckdaten ul, .imprint ul {
  list-style: square;
  padding: 0;
  padding-left: 20px;
}
.eckdaten ul li {
  margin-bottom: 5px;
  font-size: 14px;
}
.imprint ul li  {
  margin-bottom: 5px;
}

.white-back {
  background: #fff;
}

.inner-single-post {
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0 100px;
  display: flex;
  justify-content: space-between;
}

.post-navigation .nav-previous a, .post-navigation .nav-next a {
  border: none;
  border-radius: 0;
  padding: 0;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover {
  background: none;
}
.post-navigation .nav-previous a:before {
  content: '';
}


.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  width: 100%;
  float: none;
}
.site-main .post-navigation {
  overflow: visible;
}

.navigation.post-navigation {
  padding-top: 0;
}

.single-post .sow-image-container a img {
	width: 350px !important;
	height: 213px !important;
	overflow:hidden;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
  border-radius: 0 !important;
}

.slb_slideshow, .nav-next {
  display: none;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag {
  background: none !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_template_tag_ui {
  width:30px !important;
	height: 30px !important;
	position: relative;
	opacity:0.8;
}

.slb_close {
	right: -50px;
    position: absolute !important;
    top: -60px;

}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:after,
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag::before {
  position: absolute;
  content: '';
  width: 30px;
  height: 3px;
  background: #fff;
	right: 0;
	top: 50%;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:after {
	transform: rotate(45deg);
}


#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:before {
	transform: rotate(135deg);
}
/**************************************************

      Footer

**************************************************/
.icon-ai {
	position:relative;
}
.icon-ai::before {
	position:absolute;
	content:'';
	background:url(https://www.eisele-architekten.com/relaunch/wp-content/uploads/2026/08/LABEL_AI_white-transparent.png);
	background-size:contain;
	width:20px;
	height:20px;
	right:15px;
	bottom:15px;
}

/* footer title */
.footer-title {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 30px;
}

.footer-title::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 8px;
  background: #000;
  right: 50%;
  bottom:0;
  transform: translate(50%);
}

/* map */
#sow-google-map-2 {
  border: 1px solid #000;
}

/* ch adress */
.ch {
  width: 40px;
  height: 2px;
  background: #000;
  display: block;
  margin: 40px 0 10px 0;
}

/* footer menu */
#menu-footer li a {
  color: #434343;
}

.nav > li > a:focus, .nav > li > a:hover {
  background: transparent;
}

.nav-link {
  padding: 0;
  display: inline-block;
}

.footer {
  background: #F6F6F6;
}

.footer.container {
  padding: 15px 0;
}
.footer.imp {
  display: flex;
  justify-content: space-between;
	flex-wrap:wrap;
}

#footer-widget .widget{

  font-size: 14px;
}

#footer-widget {
  margin-top: 40px;
}

footer#colophon {
  color: #000;
  color: rgba(0,0,0,.5);
}
footer#colophon .container {

  border-top: 1px solid #000;
  border-top: 1px solid rgba(0,0,0,.5);
}



.sow-slider-base .sow-slider-pagination li a {
  display: initial;
}

#map {
  height: 190px;
  border: 1px solid #000;
}

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

      Media queries

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

@media (max-width: 575px) {
  .footer-title {
    writing-mode: horizontal-tb;
    transform: rotate(0);
    padding: 0 0 0 30px;
    margin-bottom: 15px;
    display: inline-block;
  }
  .footer-title::after {
    left: 0;
    top:50%;
    transform: translateY(-50%);
  }
  .gallery-head {
    font-size: 30px !important;
  }
  .gallery-img {
	display: none;
  }
	.three-links .link {
		display: none;
	}
  .black-box.abs {
    position: static;
    margin-bottom: 25px;
  }
}

@media (max-width: 759px) {
	.meta-nav-click {
		display: none;
	}
	.dropdown-menu {
		border: none;
		margin: 0;
	}
	.dropdown-menu li a {
		padding: 5px 20px;
	}
	.gallery-img {
	   position: static;
		width: 100%;
		margin-bottom: 15px;
    }
	.single-post .sow-image-container a img {
		height: auto !important;
		width: auto !important;
		margin-bottom: 10px;
	}
}

@media (max-width: 1200px) {
  .footer.container {
    padding: 15px;
  }
	.gallery-head {
		letter-spacing: 2px;
	}
}

@media (max-width: 1140px) {
  .white-bg.vollendung:after {
    left:0;
  }
  .gallery-img img {
    bottom: -50px;
  }
  .page-id-108 .site-content:after {
    width: 15px;
    height: 400%;
  }
  .gallery-img {
    width: 47vw;
    bottom: 50px;
  }
  .single-post .sow-image-container a img {
	height: 190px !important;
	overflow:hidden;
  }
}


@media (max-width: 992px) {
  .vollendung {
    padding: 0 !important;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 22px;
  }
  .aktuelle-projekte .black-box {
    padding: 70px 20px;
    max-width: 100%;
  }
  .gallery-head {
    font-size: 60px;
  }
  .gallery-img {
    height: 430px;
  }
}


@media (max-width: 900px) {
	.gallery-img {
		height: 400px;
	}
}

@media (min-width: 576px) {
	.small-space .panel-grid-cell {
	  width: calc(33.3333% - ( 0.66666666666667 * 10px ) ) !important;
	}
	.small-space .panel-grid {
		flex-direction: row !important;
	}
}

@media (min-width: 780px) {
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .col-lg-05, .col-lg-25 {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
  }
  .col-lg-05 {
      -ms-flex: 0 0 4.166666%;
      flex: 0 0 4.166666%;
      max-width: 4.166666%;

  }
  .col-lg-25 {
      -ms-flex: 0 0 20.833333%;
      flex: 0 0 20.833333%;
      max-width: 20.833333%;

  }
}

@media (min-width: 1600px) {
	#wpls-logo-showcase-slider-1 .wpls-fix-box, #wpls-logo-showcase-slider-1 .wpls-fix-box img.wp-post-image {
		max-height:350px;
	}
}