/* 
Theme Name: Filigran Custom Theme
Author: glow communication GmbH
Author URI: https://glow-berlin.de
Description: Filigran Custom Theme
Version: 1.0

*/

.uacf7-form-1167 .wpcf7-submit{
	color: black !important;
	background; white !important;
	position: relative !important;
	transform: translate(0,0) !important;
}

.transition {
  position:absolute;
  height:100%;
  width:30%;
  background:#d6d6d6;
  transform: skewX(-5deg) translateX(-50px);
  transition:2s all ease-in-out;
  -webkit-transition:2s all ease-in-out;
}
 
#wpcf7-f1167-o1 {
  position:relative;
  z-index:10;
  overflow: hidden;
}
 
button.uacf7-next, button.uacf7-prev {
  outline:none;
  border:none;
  text-decoration:none;
  text-transform:uppercase;
  background:#202020;
  color:#eaeaea;
  box-sizing:border-box;
  margin-top:20px;
  padding:10px 40px;
}
 
.anim-trans {
  animation: anim 2s ease-in-out;
  }
 
@keyframes anim{
   0% { }
  20%  { z-index:11;\transform: translateY(-100%); }
}

/* 404 Page */
main.404{
	display: grid;
	place-items: center;
	height: 100vh;
}

/* Frontpage Main Content */

.gallery__prev,
.gallery__next {
  background: #313131;
}

/*TABLE*/

.introduction td {
  padding: 0 15px;
  font-weight: 300;
  font-size: 0.9rem;
  border: 1px solid black;
}

.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
@media only screen and (max-width: 900px) {
  .anchor {
    top: -100px;
  }
}

/*START OUTER WRAPPER SECTION*/

.main-content {
  padding: 140px 40px 40px 40px;
  /*overflow-x: hidden;*/
}
@media only screen and (max-width: 900px) {
  .main-content {
    padding: 140px 15px 40px 15px;
  }
}
@media only screen and (min-width: 2000px) {
  .main-content {
    max-width: 80vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 2500px) {
  .main-content {
    max-width: 60vw;
  }
}

.main-content2 {
  padding: 0px 40px;
  overflow-x: hidden;
}
@media only screen and (max-width: 900px) {
  .main-content2 {
    padding: 0px 15px;
  }
}

/* END OUTER WRAPPER SECTION*/

.acc__outer {
  padding: 20px 20px;
}
@media only screen and (max-width: 900px) {
  .acc__outer {
    padding: 0px 0px;
  }
}

.products__cards {
  display: grid;
  grid-gap: 40px 0px;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 425px) {
  .products__cards {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.card {
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.16);
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  max-width: 400px;
  /*height: 400px;*/
  align-self: flex-start; /*center*/
  justify-self: center;
}

.card:hover {
  cursor: pointer;
  /*box-shadow: 2px 0px 4px #2e2e2e;*/
}
.card:hover .goto::after {
  transform: translate(10px, 20%);
}

.textcard__wrap {
  padding: 15px;
  /*align-self: center;*/
  display: grid;
  grid-template-rows: minmax(20px, 1fr) auto;
  align-content: center;
}
.text__wrap {
  padding: 10px;
  max-width: 550px;
}
.card__title {
  font-weight: 400;
  color: #c4182a;
  font-size: 1.05rem;
}
.card__text {
  /*font-size: 0.85rem;*/
  padding-top: 10px;
}

/* Bauweise */
.construction {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  align-items: center;
}

/* img text blocks*/
.img--text {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  /*gap: 60px;*/
}

@media only screen and (max-width: 1079px) {
  .img--text > .img__wrap2 {
    order: 2;
  }
}
/* END: Front Page */

/*Architects Subpage*/
.fullgraphic img {
  display: block;
  margin: 0 auto;
  padding: 20px;
}

/*CONTACT FORMULAR*/
/*.wpcf7-submit::after {
  content: "⟶";
  position: absolute;
  font-size: 22px;
  margin-left: 15px;
  display: inline-block;
  color: #fff;
}
*/

.bottom-space {
  padding-bottom: clamp(2em, 8vh, 6em);
}

#sp-ea-634 tr > td {
  cursor: pointer;
}

.newsticker {
  background-color: #c4182a;
  color: white;
  padding: 15px 25px;
  position: absolute;
  right: 0;
  top: 100px;
  margin: 60px 30px;
  z-index: 111;
  max-width: 22rem;
  line-height: 28px;
  font-weight: 200;
  animation: shake 4s 0.5 ease forwards;
}

@media only screen and (max-width: 900px) {
  .newsticker {
    transform: scale(0.7);
    right: 0rem;
  }
}

@media only screen and (max-width: 750px) {
  .newsticker {
    display: none;
    /*transform: scale(0.5);
    top: 32rem;
    left: -4rem;*/
  }
}

@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}

/*Slider dots*/
.dots {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  z-index: 99;
}
.slider-dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active--dot {
  background-color: rgb(49, 49, 49);
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}


section li {
  font-weight: 300;
  font-size: 0.9rem;
}

@media (max-width: 1330px){
	.additionals{
		justify-content: center !important;
	}
}	
}

/*Gitterträger Table*/
table.modelstable tbody {
	display: flex !important;
}


/*CONTACT FORM*/
form.wpcf7-form span select{
	width: 285px;
}
form.wpcf7-form input[name="PLZ"]{
	border: none;
    background: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 40px;
}