/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 04 2025 | 15:11:08 */
.vamtam-related-content {
  display: none !important;
}

body {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
}

#source-video {
  position: absolute;
  left: -639px;
  opacity: 0;
}

#output-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 10000000000000 !important;
}

.tl {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.tl .tlbg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-2%);
  -moz-transform: translateY(-50%) translateX(-2%);
  -ms-transform: translateY(-50%) translateX(-2%);
  -o-transform: translateY(-50%) translateX(-2%);
  transform: translateY(-50%) translateX(-2%);
  height: 100%;
  width: 2500%;
  background: url(/img/ink.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.tl.visible {
  opacity: 1;
  visibility: visible;
}

.tl.opening .tlbg {
  -webkit-animation: cd-sequence 0.8s steps(24);
  -moz-animation: cd-sequence 0.8s steps(24);
  animation: cd-sequence 0.8s steps(24);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.tl.closing .tlbg {
  -webkit-animation: cd-sequence-reverse 0.8s steps(24);
  -moz-animation: cd-sequence-reverse 0.8s steps(24);
  animation: cd-sequence-reverse 0.8s steps(24);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.no-cssanimations .tl {
  display: none;
}

@-webkit-keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -webkit-transform: translateY(-50%) translateX(-2%);
  }

  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -webkit-transform: translateY(-50%) translateX(-98%);
  }
}

@-moz-keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -moz-transform: translateY(-50%) translateX(-2%);
  }

  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -moz-transform: translateY(-50%) translateX(-98%);
  }
}

@keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
  }

  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -webkit-transform: translateY(-50%) translateX(-98%);
    -moz-transform: translateY(-50%) translateX(-98%);
    -ms-transform: translateY(-50%) translateX(-98%);
    -o-transform: translateY(-50%) translateX(-98%);
    transform: translateY(-50%) translateX(-98%);
  }
}

@-webkit-keyframes cd-sequence-reverse {
  0% {
    -webkit-transform: translateY(-50%) translateX(-98%);
  }

  100% {
    -webkit-transform: translateY(-50%) translateX(-2%);
  }
}

@-moz-keyframes cd-sequence-reverse {
  0% {
    -moz-transform: translateY(-50%) translateX(-98%);
  }

  100% {
    -moz-transform: translateY(-50%) translateX(-2%);
  }
}

@keyframes cd-sequence-reverse {
  0% {
    -webkit-transform: translateY(-50%) translateX(-98%);
    -moz-transform: translateY(-50%) translateX(-98%);
    -ms-transform: translateY(-50%) translateX(-98%);
    -o-transform: translateY(-50%) translateX(-98%);
    transform: translateY(-50%) translateX(-98%);
  }

  100% {
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
  }
}

@keyframes neonAnim {
  from {
    text-shadow:
      0 0 12px rgba(39, 156, 189, .7),
      0 0 42px rgba(39, 156, 189, .7),
      0 0 102px rgba(39, 156, 189, .7);
  }

  to {
    text-shadow:
      0 0 7px rgba(39, 156, 189, .7),
      0 0 22px rgba(39, 156, 189, .7),
      0 0 62px rgba(39, 156, 189, .7);
  }
}

.vamtam-heading-text_old {
  text-shadow: rgba(83, 255, 212, 1) 0px 0px 19px;
  animation: neonAnim 2s alternate-reverse infinite;
}

.vamtam-heading-text,
.page-header *,
.fl-photo-caption {
  text-shadow: rgba(83, 255, 212, 0.1) 0px 0px 26px !important;
  background-color: #f3ec78;
  background-image: linear-gradient(45deg, #eb2aa6, #1164f1);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.fl-node-5c6d8e022f83c>.fl-row-content-wrap {
  border-width: 4px 0 0 0 !important;
  border-style: solid !important;
  border-image: linear-gradient(45deg, #eb2aa6, #1164f1) 1 !important;
}

#transitionlayer {
  mix-blend-mode: multiply;
  width: 100%;
  height: 100vh;
}

.glow-on-hover {
  width: 220px;
  height: 50px;
  border: none;
  outline: none;
  color: #fff;
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  font-weight: bold !important;
}

.glow-on-hover:before {
  content: '';
  background: linear-gradient(45deg, #eb2aa6, #1164f1);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
}

.glow-on-hover:hover {
  color: #fff !important;
}

.glow-on-hover:active {
  color: #fff
}

.glow-on-hover:active:after {
  background: transparent;
}

.glow-on-hover:before {
  opacity: 1;
}

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  left: 0;
  top: 0;
  border-radius: 10px;
}

@keyframes glowing {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

html body .widget-visible .open {
  bottom: 70px !important;
}

.portfolio-content .project-meta {
	display: none !important;
}

.portfolio-item-head {
	font-family: 'Mr Dafoe';
	text-align: center;
	font-size: 24px;
}


.portfolio-item-description {
	text-align: center;
}

article.type-jetpack-portfolio .portfolio-text-content img {
	width: auto !important;
	max-width: 100% !important;
	height: initial !important;
	max-height: 140px !important;
}

article.type-jetpack-portfolio .portfolio-text-content .fl-video-poster img {
	max-height: 300px !important;
}

.page-content .fl-module-vamtam-heading .vamtam-heading .vamtam-heading-text, h2.vamtam-heading .vamtam-heading-text {
	padding: 20px !important;
	font-family: "Mr Dafoe", cursive !important;
}

.page-header h1 {
	font-family: "Mr Dafoe", cursive !important;
	padding: 30px !important;
}

.glow-on-hover {
	display: none !important;
}

@media (max-width: 768px) {
    .fl-node-5c6d8e022f83c.fl-row > .fl-row-content-wrap > .fl-node-content {
		padding-bottom: 250px !important;
	}

	body .post-siblings {
		display: block !important;
	}
	
	.post-siblings a {
		position: absolute !important;
	}
	
	.fl-node-o5u2p6tahyl7 .vamtam-heading-text {
		font-size: 40px !important;
	}
	
	h1 {
		font-size: 70px !important;
	}
	
	#source-video {
		max-width: 100% !important;
	}
	
	.page-content .fl-module-vamtam-heading .vamtam-heading .vamtam-heading-text, h2.vamtam-heading .vamtam-heading-text {
		display: block !important;
	}

}
/*	.fl-builder-content-988106 .fl-node-u2vjxh4i0mwl {
		display: block !important;
	}*/

.page-id-987919 .jetpack-portfolio-type-auftragsarbeit.type-jetpack-portfolio div.portfolio-image {
	width: 100%;
	max-height: 242px !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media (max-width: 1024px) {
	.home .fl-module-rich-text {
		transform: translate(0,0,0) !important;
	}
}

@media (min-width: 500px) and (max-width: 1024px) {
	.home .fl-module-rich-text {
		opacity: 1 !important;
		transform: translate(0,0,0) !important;
	}
	
	.home .cbp-ready .cbp-item {
		width: 49% !important;
		position: static !important;
	}
	
	.home .portfolios .portfolio_details .text-wrapper .excerpt {
		height: 66px !important;
	}
	
	.home .portfolio-items.vamtam-cubeportfolio {
		height: 1500px !important;
	}
}

@media (min-width: 500px) and (max-width: 740px) {
	.home .portfolios .portfolio_details .text-wrapper .excerpt {
		height: 98px !important;
	}
}