/* WARTUNGSMODUS
body:not(.admin-bar) {
overflow-y: hidden;
}
body:not(.admin-bar):before {
position: absolute;
top:0;
right:0;
left: 0;
bottom: 0;
content:"Wartungsmodus - Diese Webseite befindet sich aktuell im Umbau - Bitte besuche uns später noch einmal";
background-image: url("/wp-content/uploads/twin_reel_final.jpg");
background-size: cover;
z-index: 40000000;
text-align: center;
vertical-align: middle;
padding-top: 50vh;
font-size: 30px;
color: white;
}
WARTUNGSMODUS */
.container-wrap {
  max-width: 1510px;
  margin-right: auto!important;
  margin-left: auto!important;
  padding: 0 var(--belt-gap);
}
.container-wrap-1310 {
  max-width: 1310px;
  margin-right: auto!important;
  margin-left: auto!important;
  padding: 0 var(--belt-gap);
}
.container-wrap-1150 {
  max-width: 1150px;
  margin-right: auto!important;
  margin-left: auto!important;
  padding: 0 var(--belt-gap);
}
.container-wrap-1150 .shadow {
  box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
}
.introtext h1 {
  width: 100vw;
}
.wp-block-columns {
  margin-bottom: 0;
}
.introtext .block-text-column .aio-grid.spread__basic {
  display: flex;
}
.introtext .block-text-column .aio-grid.spread__basic .text-content {
  column-gap: 0 !important;
}
.nptab {
  padding-top: 0;
  padding-bottom: 0;
}
.center {
  text-align: center;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-1em {
  margin-bottom: 1em;
}
.pt-20 {
  padding-top: 20px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pr-belt-gap {
  padding-right: var(--belt-gap);
}
.pl-belt-gap {
  padding-left: var(--belt-gap);
}
.gap-20 {
  gap: 20px;
}
.page-container {
  overflow:hidden;
}
.wp-block-columns.container.bubble {
  display: flex;
  justify-content: center;
}
.wp-block-columns.container.bubble > div {
  text-align: center;
}
.wp-block-columns.container.bubble figure {
  margin: 0 0 0 10px;
}
.wp-block-columns.container img {
  height: auto;
  max-height: 700px;
}
.block-text-column {
  overflow: hidden;
}
.block-text-column .aio-grid {
  gap: 0;
}
.block-text-column .block-header {
  margin-bottom: 30px;
}
.block-text-column .block-header h2 {
  margin: 0;
}
.block-header h2 {
  hyphens: manual!important;
}
.multiply .textbox__icon img  {
  mix-blend-mode: multiply;
}
.container-wrap-1150 .img-headline p {
  margin: 80px 0 20px 0;
}
@media screen and (max-width: 1510px) {
  .container-wrap-1310 {
	max-width: unset;
  }
}
@media screen and (max-width: 1430px) {
  .container-wrap-1150 {
	max-width: unset;
  }
}
@media screen and (max-width: 1023px) {
  .wp-block-columns.container {
	flex-direction: column;
	align-items: center;
  }
  .container-wrap {
	padding: 0 var(--belt-gap);
  }
  .wp-block-columns.container.bubble {
	display: flex;
	justify-content: center;
	align-items: center!important;
  }
}
#block-counter {
  font-family: 'Inter', sans-serif;
}
.block-akkordeon-classic .tab {
  margin: 0;
  border-bottom: 1px solid white;
}
.block-akkordeon-classic .tab .arrow {
  top: 45px;
}
@media screen and (max-width: 767px)  {
  .block-akkordeon-classic .tab .arrow {
	top: 19px !important;
  }
  .container-wrap, .container-wrap-1310, .container-wrap-1150  {
	padding: 0 var(--belt-gap);
  }
  .container-wrap-1150 .img-headline p {
	margin: 50px 0 20px 0;
  }
}
.block-akkordeon-classic .tab.show span.arrow span {
  background: var(--c1);
}
.block-akkordeon-classic h3.subline {
  font-weight: 600;
  padding-bottom: 20px;
  font-size: 20px;
}
.block-akkordeon-classic .tab.show .tab-content {
  max-height: 140vh;
}
.block-akkordeon-classic .show .tab-label {
  color: var(--c1) !important;
}
.block-akkordeon-classic .item.col__12--xl.button-field {
  padding-top: 20px;
}
.block-akkordeon-classic .item.col__12--xl.button-field a {
  color: white !important;
}
.block-akkordeon-classic a {
  text-decoration: underline;
  transition: all 0.3s ease;
}
.block-akkordeon-classic a:hover {
  color: var(--c1);
}
/* ALLGEMEN */

.teaser-hori-overlap-intro-image::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: transparent linear-gradient(180deg, #272830 0%, transparent 70%) 0% 0% no-repeat padding-box;
}
.teaser-hori-overlap-intro-image::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: transparent linear-gradient(180deg, #272830 0%, transparent 70%) 0% 0% no-repeat padding-box;
}
.block-referenz-content .teaser-hori-overlap-intro-image::before {
  background: none;
}
/* STARTSEITE START */
.block-teaser-hori-overlap .intro-box {
  background: var(--c4);
  margin-top: -137px;
}
.home .block-teaser-vert-overlap.video {
  overflow: hidden;
}
.home .block-teaser-vert-overlap.video .cta-img-box {
  height: 100vh;
}
.home .block-teaser-vert-overlap.video .cta-text-box {
  opacity: 0;
}
.home .block-teaser-vert-overlap.video.show-box .cta-text-box {
  opacity: 1;
}
.block-teaser-hori-overlap .intro-box .box-content p:first-child {
  margin: 0;
}
.block-teaser-hori-overlap .intro-box .box-content p {
  max-width: 850px;
}
.block-teaser-vert-overlap.video {
  display: flex;
  flex-direction: column;
}
.block-teaser-vert-overlap.video .cta-text-box .gridaction__box p {
  font-size: 22px;
}
.block-teaser-vert-overlap.video .cta-text-box .gridaction__box p:not(:last-child) {
  margin-bottom: 1.5em;
}
.block-teaser-vert-overlap.video .cta-text-box {
  width: 100%;
  max-width: var(--belt-width);
  margin: -200px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 150px 0 !important;
}
.block-teaser-vert-overlap.video .cta-text-box .gridaction__box {
  max-width: 850px;
  padding-left: var(--belt-gap);
  padding-right: var(--belt-gap);
}
.block-teaser-vert-overlap.video .cta-img-box {
  height: 750px;
}
.block-teaser-vert-overlap.video video[poster] {
  object-fit: cover;
  height: 100%;
}
.block-teaser-vert-overlap.video .cta-text-box .gridaction__box h1 {
  font-size: 56px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .block-teaser-vert-overlap.video-kreativagentur {
	position: relative;
  }
  .block-teaser-vert-overlap.video-kreativagentur::before {
	content: "";
	background-image: url(/wp-content/uploads/overlay-kreativ.webp);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
	background-blend-mode: multiply;
  }
}

@media screen and (max-width: 1510px) {
  .block-teaser-vert-overlap.video .cta-text-box {
	margin: -200px var(--belt-gap) 0;
	width: calc(100% - (var(--belt-gap)*2));
  }
}
@media screen and (max-width: 1280px) {
  .block-teaser-vert-overlap.video .cta-text-box {
	margin: -100px var(--belt-gap) 0;
  }
  .block-teaser-vert-overlap.video .cta-text-box {
	padding: 100px 0 !important;
  }
  .block-teaser-vert-overlap.video .cta-img-box {
	height: 600px;
  }
}
@media screen and (max-width: 1023px) {
  .block-teaser-vert-overlap.video .cta-text-box {
	padding: var(--belt-gap) 0 !important;
	margin: -50px var(--belt-gap) 0;
  }
  .block-teaser-vert-overlap.video .cta-text-box .gridaction__box h1 {
	margin-bottom: 30px;
  }
  .block-teaser-vert-overlap.video {
	padding-bottom: 0px;
  }
  .block-teaser-vert-overlap.video .cta-img-box {
	height: 500px;
  }
}
@media screen and (max-width: 767px) {
  .block-teaser-vert-overlap.video .cta-img-box {
	margin-top: 105px;
	min-height: unset;
  }
  .home .block-teaser-vert-overlap.video .cta-text-box {
	opacity: 1;
  }
  .block-teaser-vert-overlap.video .cta-img-box {
	height: 350px;
  }
}
/* STARTSEITE ENDE */
.post-33 {
  max-width: var(--belt-width);
  margin: 0 auto;
}
/* ANIMIERTER TEASER */
.block-bild-text-overlap a.gridaction__button {
  top:0;
}
.chefs.block-bild-text-overlap .visitenkarten-inner.only-one .visitenkarten-image {
  background: transparent;
  min-height: auto;
  grid-row: 1/3;
}
.chefs.block-bild-text-overlap .visitenkarten-inner.only-one .visitenkarten-image img {
  height: 100%;
  object-fit: cover;
  width: auto;
  object-position: 40%;
}
.chefs.block-bild-text-overlap .visitenkarten-inner.only-one .visitenkarten-info-wrapper h4 {
  color: var(--c2) !important;
  font-size: 32px !important;
  line-height: 1.3;
  font-weight: 800 !important;
  text-transform: none !important;
}
.chefs.block-bild-text-overlap .visitenkarten-inner.only-one {
  grid-template-rows: 435px  180px 1fr;
  grid-template-columns: 1fr 300px 1fr;
}
.chefs .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.chefs .content-wrap p {
  font-style: italic;
  font-family: 'Noto Serif';
  font-size: 20px;
  line-height: 38px;
}
.block-referenz-spalten.block-bild-text-overlap .aio-grid {
  grid-row-gap: 40px!important;
}
.block-referenz-spalten.reduce-gap.block-bild-text-overlap .aio-grid {
  grid-row-gap: 10px !important;
  grid-column-gap: 10px!important;
}

@media screen and (min-width: 1024px) {
  .chefs.block-bild-text-overlap .visitenkarten-inner.only-one .visitenkarten-info-wrapper {
	grid-row:2/4;
	padding-left: 90px;
  }
  .button-below-slider a.wp-block-button__link  {
	margin-top: 0;
  }
}
#imgswiper, #refimgswiper {
  max-width: 100vw;
}
@media screen and (max-width: 1023px) {
  /*main .aio-wrap.aio-grid.block-bild-slider #imgswiper .swiper-wrapper,*/
  main .aio-wrap.aio-grid.block-referenzen-highlight-slider #imgswiper .swiper-wrapper  {
	height: 380px !important;
  }
  .chefs.block-bild-text-overlap .visitenkarten-inner.only-one {
	grid-column: 1/13!important;
  }
  .chefs.block-bild-text-overlap .visitenkarten-info-wrapper {
	max-width: calc(100% - (var(--belt-gap)*4));
	background: var(--c7);
  }
  .chefs.block-bild-text-overlap .visitenkarten-image {
	max-height: unset;
  }
  .chefs.block-bild-text-overlap .visitenkarten-inner.only-one .visitenkarten-image img {
	object-fit: cover;
	width: 100%;
  }
  .chefs .content-wrap p {
	font-size: 18px;
  }
  .chefs.block-bild-text-overlap .visitenkarten-inner.only-one .visitenkarten-info-wrapper h4 {
	font-size: 28px !important;
  }
}

@media screen and (max-width: 1280px) {
  .agentur-slider #imgswiper {
	width: calc(100% - (var(--belt-gap)*2));
  }
}

@media screen and (max-width: 767px) {
  .block-bild-text-overlap .visitenkarten-image img {
	object-position: top;
  }
  .block-bild-text-overlap .visitenkarten-info-wrapper,
  .chefs.block-bild-text-overlap .visitenkarten-info-wrapper {
	max-width: calc(100% - (var(--belt-gap)*2));
	margin: 0;
  }
  .chefs .content-wrap p {
	line-height: 30px !important;
  }
  .chefs.block-bild-text-overlap .visitenkarten-inner.only-one .visitenkarten-info-wrapper h4 {
	font-size: 24px !important;
  }
}

@media screen and (max-width: 599px) {
  .agentur-slider #imgswiper, .agentur-slider .wrapIt {
	width: 100%;
  }
}
.agentur-slider .imgswiper .swiper-wrapper .swiper-slide img {
  object-fit: unset;
  height: auto;
  filter: unset;
}
.agentur-slider .imgswiper .swiper-wrapper .swiper-slide img.grayscale {
  filter: unset;
}

.team.block-bild-text-slider .slide-wrap .swiper-slide .img-wrap img {
  max-width: 380px;
  max-height: unset;
}
.team.block-bild-text-slider .slide-wrap .text-field {
  max-width: 55%;
}
.team.block-bild-text-slider .swiper-button-next, .block-bild-text-slider .swiper-button-prev {
  top: 300px;
}

@media screen and (max-width: 1280px) {
  .team.block-bild-text-slider .slide-wrap .text-field {
	max-width: 48%;
  }
}
@media screen and (max-width: 1023px) {
  .team.block-bild-text-slider .slide-wrap .text-field {
	max-width: 400px;
	text-align: center;
  }
  .team.block-bild-text-slider .block-header {
	text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .block-bild-text-slider .slide-wrap .swiper-slide .img-wrap img {
	max-width: 400px;
  }
}
@media screen and (max-width: 500px) {
  .team.block-bild-text-slider .slide-wrap .swiper-slide .img-wrap,
  .team.block-bild-text-slider .slide-wrap .swiper-slide .img-wrap img {
	max-width: 100%;
	width: 100%;
  }
  .team.block-bild-text-slider .swiper-button-next, .block-bild-text-slider .swiper-button-prev {
	top: calc(50% - 50px);
  }
}
@media screen and (min-width: 1024px) {
  .team.block-bild-text-slider .slide-wrap .text-field {
	padding-top: 100px;
  }
}
.team.block-bild-text-slider .slide-wrap .text-field h4 {
  font-size: 30px;
  margin-bottom: 20px;
  letter-spacing: unset;
}
.team.block-bild-text-slider .block-header {
  margin-bottom: 0;
}
.team.block-bild-text-slider .slide-wrap .text-field p {
  font-size: 18px;
  line-height: 30px;
}
.team.block-bild-text-slider .slide-wrap .swiper-button-prev {
  left:0;
  transform: rotate(-180deg);
}
.team.block-bild-text-slider .slide-wrap .swiper-button-next {
  right:-10px;
}
.block-media-einbettung > div {
  grid-column-gap: 0;
}
.block-media-einbettung .frame-wrapper[data-items="1"]>.item.full-width-media  {
  grid-column-start: 2;
  grid-column-end: 12;
}
.google-map.block-media-einbettung {
  display: block;
}
.google-map.block-media-einbettung .frame-wrapper[data-items="1"]>.item.full-width-media  {
  grid-column-start: 1;
  grid-column-end: 13;
}
.block-media-einbettung iframe {
  max-width: unset !important;
}
.single-twin_portfolio_srv .block-media-einbettung {
  position: relative;
}
.single-twin_portfolio_srv .block-media-einbettung::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: var(--c8);
  z-index: -1;
}
.single-twin_portfolio_srv section.block-media-einbettung video {
  height: 100%;
}
#tpfo-ref-refsite-widget a.gridaction__button:last-of-type {
  margin-top: 0px;
}
.single-twin_portfolio_ref.postid-9124  .block-testimonial-slider-referenzen .swiper-slide .slide-image img {
  transform: scale(1.2);
  object-position: 50% 30%;
}

/*
@media screen and (max-width: 1380px) {
.single-twin_portfolio_srv section.block-media-einbettung video {
max-width: 80vw !important;
}
}
*/
/** Teaser horizontal Overlap START **/
.head-animated-wrap {
  z-index: 30;
  max-width: var(--belt-width);
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding: 0 var(--belt-gap);
}
.head-animated-wrap h2 {
  font-size: 5em;
  color: white;
}
.head-animated-wrap span {
  border-right: 15px solid;
  animation: caret 1s steps(1) infinite;
}
@keyframes caret {
  50% {
	border-color: transparent;
  }
}
.block-animated-teaser-hori-overlap .teaser-hori-overlap-intro-image {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*height: 85vh;*/
  height: 750px;
  background-color: var(--c2);
  display: flex;
  align-items: center;
}
.block-animated-teaser-hori-overlap .teaser-hori-overlap-overlay {
  width: 100%;
  height: 70vh;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 90%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.block-animated-teaser-hori-overlap .intro-box {
  margin-top: -150px;
  position: relative;
  z-index: 1;
  grid-row-gap: 50px;
}
.block-animated-teaser-hori-overlap .box-header {
  display: flex;
  align-items: center;
  margin: -50px auto 0;
  padding: 10px;
  justify-content: center;
  max-width: 355px;
}
.block-animated-teaser-hori-overlap .intro-box-inner h1,.block-animated-teaser-hori-overlap .intro-box-inner h2, .block-animated-teaser-hori-overlap .box-content {
  max-width: 850px;
  width: 100%;
}
.block-animated-teaser-hori-overlap .intro-box-inner .box-content p {
  font-size: 22px;
}
.block-animated-teaser-hori-overlap .box-header h2 {
  color: var(--c1-inv);
}
.block-animated-teaser-hori-overlap .box-header.bg-boxtitle-one-color {
  background: var(--c1);
}
.block-animated-teaser-hori-overlap .box-header.bg-boxtitle-gradient {
  background: var(--c1);
  background: linear-gradient(270deg, rgba(var(--c1-r), var(--c1-g), var(--c1-b), 1) 25%, rgba(var(--c3-r), var(--c3-g), var(--c3-b), 1) 75%);
}
.block-animated-teaser-hori-overlap .box-header img {
  height: 40px;
  width: 40px;
  margin-right: 1em;
}
.block-animated-teaser-hori-overlap .box-header svg {
  fill: var(--c1-inv);
  height: 20px;
  width: 20px;
  margin-right: 1em;
}
.block-teaser-hori-overlap .intro-box-inner, .block-animated-teaser-hori-overlap .intro-box-inner {
  background: var(--c4);
  padding: 100px 12% 100px;
  box-shadow: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-id-2 .block-teaser-hori-overlap .intro-box-inner, .page-id-2 .block-animated-teaser-hori-overlap .intro-box-inner {
  background: var(--c4);
  box-shadow: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block-animated-teaser-hori-overlap .intro-box-inner .box-content p:not(:last-child) {
  margin-bottom: 1.5em;
}
.block-animated-teaser-hori-overlap h1 {
  margin-bottom: 60px;
}

@media screen and (max-width: 1280px) {
  .block-animated-teaser-hori-overlap .teaser-hori-overlap-intro-image {
	height: 600px;
  }
  .block-animated-teaser-hori-overlap .intro-box-inner .box-content p {
	font-size: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .head-animated-wrap {
	text-align: center;
  }
  .block-teaser-hori-overlap .intro-box-inner, .block-animated-teaser-hori-overlap .intro-box-inner {
	padding: 50px;
  }
  .head-animated-wrap span {
	border-right: 5px solid;
  }
  .block-animated-teaser-hori-overlap h1 {
	margin-bottom: 30px;
  }
  .block-animated-teaser-hori-overlap .intro-box-inner .box-content p {
	font-size: 18px;
  }
  .block-animated-teaser-hori-overlap .teaser-hori-overlap-intro-image {
	height: 500px;
  }
  .block-animated-teaser-hori-overlap .intro-box {
	margin-top: -100px;
  }
}
@media screen and (max-width: 767px) {
  .block-teaser-hori-overlap .intro-box-inner, .block-animated-teaser-hori-overlap .intro-box-inner {
	padding: 30px var(--belt-gap);
  }
  .block-animated-teaser-hori-overlap .teaser-hori-overlap-intro-image {
	height: 350px;
  }
  .block-animated-teaser-hori-overlap .intro-box {
	margin-top: -50px;
  }
  .space-eventlocation {
	margin-bottom: 100px;
  }
}
@media screen and (max-width: 710px) {
  .block-animated-teaser-hori-overlap .intro-box-inner.item {
	grid-column: span 12 !important;
  }
}
@media screen and (min-width: 711px) and (max-width: 1023px) {
  .block-animated-teaser-hori-overlap .intro-box.ratio__3 .intro-box-inner.item:last-child {
	grid-column: 4/10 !important;
  }
}
/** Teaser horizontal Overlap ENDE **/

/* AGENTUR */

.google-reviews .wp-block-column {
  max-width: 1460px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
}
.google-reviews .wprevpro.wprev-no-slider {
  font-family: 'Inter';
}
.google-reviews .wprevpro.wprev-no-slider .wpproslider_t6_DIV_4 * {
  font-size: 16px;
}
.google-reviews .wpproslider_t6_DIV_3 {
  line-height: 25px;
}
#wprev-slider-1 .wprev_preview_bg1_T6 {
  border: 1px solid #dfdfdf!important;
  background: #fff;
}

@media screen and (max-width: 1023px) {
  .wprevpro_t6_outer_div {
	margin: 0 -10px;
  }
  .google-reviews {
	margin-top: 20px;
  }
}

@media screen and (max-width: 992px) {
  #Kundenzufriedenheit h2 {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
  }
  .google-reviews .wp-block-column {
	max-width: 400px;
  }
}

@media screen and (max-width: 767px) {
  .google-reviews .wp-block-column {
	padding-left: 10px;
	padding-right: 10px;
  }
  .google-reviews {
	margin-top: 0;
  }
}

/* LEISTUNGEN */
.block-animation-kacheln.abstand-top {
  padding-top: 200px;
}
.block-banner-cta .block-header, .block-banner-cta .block-header h2 {
  margin-bottom: 0;
}
.block-banner-cta .text-content {
  max-width: 535px;
}
.block-banner-cta .text-content p {
  color: var(--text);
}
.block-banner-cta .bg-wrap {
  background: transparent linear-gradient(180deg,#00E5FF 0%,#00F5BB 100%) 0% 0% no-repeat padding-box;
  padding: 50px;
  display: flex;
  flex-direction: column;
  margin-top: -110px;
  z-index: 10;
  position: relative;
}
.sub-intro .block-header,
.sub-intro.sub .block-header h3  {
  margin-bottom: 0;
}
.double-box .aio-grid.spread__basic.ratio__3>.item {
  grid-column: span 6!important;
  overflow: hidden;
}
.double-box .textbox__header {
  display: none;
}
.double-box .textbox {
  background: rgba(47, 48, 59, 0.9);
  padding: 60px;
  height: 100%;
}
.double-box {
  background-image: url(/wp-content/uploads/twin-werbeagentur_analyse.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.smartphones h3 {
  margin-bottom: 1em;
}
.smartphones .textbox__content p:nth-child(5) {
  padding: var(--belt-gap);
  background: var(--c2);
  color: var(--c4);
  margin-top: 10px;
}
.smartphones .textbox__content p:nth-child(5) strong {
  color: #00F5BB;
}


@media screen and (min-width: 1281px) {
  .double-box.block-text-icon-cta.aio-grid .spread__basic {
	grid-column-gap: 100px;
  }
  .double-box  {
	align-items: center;
	height: 750px;
  }
}

@media screen and (min-width: 1024px) {
  .smartphones .block-header {
	margin-bottom: 30px!important;
  }
  .smartphones .block-content .item .item:nth-child(1) {
	transform: translateY(80px);
  }
}


@media screen and (min-width: 768px) {
  .block-banner-cta a.gridaction__button.goBack {
	position: absolute;
	right: 20px;
	bottom: 50px;
  }
}
.block-banner-cta a.gridaction__button.goBack {
  max-width: 200px;
}
.block-banner-cta a.gridaction__button  {
  display: block;
  max-width: 150px;
}
.block-banner-cta .gridaction__button {
  margin-top:0;
  min-width: 150px;
}
.block-banner-cta a.gridaction__button::after {
  background: white;
}
@media screen and (max-width: 1280px) {
  .sub-intro .block-text-column .text-content p {
	font-size: 20px!important;
  }
  .webdesign-arbeitsweise.info .aio-grid.spread__basic.ratio__3>.item {
	grid-column: span 6!important;
  }
  .double-box.block-text-icon-cta.aio-grid .spread__basic {
	grid-column-gap: var(--belt-gap);
  }
}
@media screen and (max-width: 1023px) {
  .block-banner-cta {
	padding-top: 60px;
	padding-bottom: var(--belt-gap);
  }
  .sub-intro.sub {
	margin-top: -50px;
  }
  .sub-intro .block-text-column .text-content p {
	font-size: 18px!important;
  }
  .double-box .textbox {
	padding: var(--belt-gap);
  }
}
@media screen and (max-width: 767px) {
  .block-bild-text-kacheln .text-box {
	margin: 0 20px;
  }
  .block-animation-kacheln.abstand-top {
	padding-top: 100px;
  }
  .sub-intro .block-text-column .text-content p {
	font-size: 15px!important;
  }
  .block-bild-text-cta.webkonzept {
	margin-bottom: -50px;
  }
  .webdesign-arbeitsweise.info .aio-grid.spread__basic.ratio__3>.item {
	grid-column: span 12!important;
  }
  .double-box .aio-grid.spread__basic.ratio__3>.item {
	grid-column: span 12!important;
  }
  .smartphones .textbox__content {
	display: flex;
	flex-flow: column;
	align-items: center;
  }
  .smartphones .textbox__content h3,
  .smartphones .textbox__content p {
	width: 100%;
  }
  .smartphones img {
	max-height: 600px
  }
}
/* TEASER ANIMATION */
.block-animation-kacheln h1 {
  margin-bottom: 20px;
}
.block-animation-kacheln .img-box {
  max-width: 757px;
}
.block-animation-kacheln .img-box video, .block-animation-kacheln .img-box img {
  width: 100%;
}
.block-animation-kacheln .text-box .text-wrapper {
  padding: 80px 0 40px 0;
}
.block-animation-kacheln .text-box .text-wrapper h3 {
  font-family: 'Inter', sans-serif;
  font-size: 18px!important;
  line-height: 1.3;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 55px 0;
  letter-spacing: 1px;
}
.block-text-column .block-header h2 {
  margin-bottom: 20px;
}
.block-text-column .block-header h3 {
  margin-bottom: 25px;
}
.block-animation-kacheln .text-box .text-wrapper p {
  font-size: 22px;
  line-height: 1.6;
}
.block-bild-text-kacheln.block-animation-kacheln .wrapper-box {
  align-items: center;
}
.leistungs-section.block-bild-text-cta.iframe-video .gridaction__box  {
  background: rgba(47, 48, 59, 0.9);
}
.leistungs-section.block-bild-text-cta.iframe-video .block-header h2 {
  font-size: 30px!important;
}
.leistungs-section.block-bild-text-cta.iframe-video .gridaction__box p  {
  color: var(--c4);
}
.leistungs-section.block-bild-text-cta.gw-img-left .cta-img-box {
  grid-column: 3/17 !important;
  background-size: contain;
  background-position: left;
}
.leistungs-section.block-bild-text-cta.gw-img-right .cta-img-box {
  grid-column: 3/15 !important;
  background-size: contain;
  background-position: right;
}
.leistungs-section.block-bild-text-cta.gw-img-left .cta-text-box .gridaction__box {
  background: rgba(var(--c8-r),var(--c8-g),var(--c8-b), 0.9);
  padding: 50px 0 50px 50px;
}
.leistungs-section.block-bild-text-cta.gw-img-right .cta-text-box .gridaction__box {
  background: rgba(var(--c4-r),var(--c4-g),var(--c4-b), 0.9);
  padding: 50px 50px 50px 0;
}
.imageclincer.block-bild-text-cta .cta-text-box {
  max-height: max-content;
  align-self: center;
  padding: 50px;
}
.imageclincer.block-bild-text-cta.full-width-links .spread__full .cta-img-box,
.imageclincer.block-bild-text-cta.full-width-rechts .spread__full .cta-img-box {
  grid-column: 1 / 17;
}
.imageclincer.img-full.block-bild-text-cta.full-width-links .spread__full .cta-img-box {
  grid-column: 5 / 17;
}
.imageclincer.img-full.block-bild-text-cta.full-width-rechts .spread__full .cta-img-box {
  grid-column: 1 / 13;
}
.refboxes.block-bild-text-kacheln .teaser-wrapper  {
  grid-row-gap: var(--block-space--xl);
}
.refboxes.block-bild-text-kacheln .wrapper-box .text-box .text-wrapper {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
}
.refboxes.block-bild-text-kacheln .wrapper-box:nth-child(odd) .text-box .text-wrapper {
  padding: 0 100px 0 0;
}
.refboxes.block-bild-text-kacheln .wrapper-box:nth-child(even) .text-box .text-wrapper {
  padding: 0 0 0 100px;
}
.refboxes.block-bild-text-kacheln .wrapper-box h3 {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-primary {
	background-color: rgba(var(--c1-r), var(--c1-g), var(--c1-b), 0.5);
  }
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-secondary {
	background-color: rgba(var(--c2-r), var(--c2-g), var(--c2-b), 0.5);
  }
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-accent {
	background-color: rgba(var(--c3-r), var(--c3-g), var(--c3-b), 0.5);
  }
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-white {
	background-color: rgba(var(--c4-r), var(--c4-g), var(--c4-b), 0.5);
  }
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-grey {
	background-color: rgba(var(--c5-r), var(--c5-g), var(--c5-b), 0.5);
  }
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-black {
	background-color: rgba(var(--c6-r), var(--c6-g), var(--c6-b), 0.5);
  }
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-z1 {
	background-color: rgba(var(--c7-r), var(--c7-g), var(--c7-b), 0.5);
  }
  .box-opacity.block-bild-text-cta .cta-text-box.color-set-bg-z2 {
	background-color: rgba(var(--c8-r), var(--c8-g), var(--c8-b), 0.5);
  }
}

@media screen and (max-width: 1280px) {
  .block-animation-kacheln .text-box .text-wrapper p {
	font-size: 20px;
  }
  .leistungs-section.block-bild-text-cta.gw-img-left .cta-img-box {
	margin-left: var(--belt-gap);
  }
  .leistungs-section.block-bild-text-cta.gw-img-right .cta-img-box {
	margin-right: var(--belt-gap);
  }
  .refboxes.block-bild-text-kacheln .wrapper-box:nth-child(odd) .text-box .text-wrapper {
	padding: 0 50px 0 0;
  }
  .refboxes.block-bild-text-kacheln .wrapper-box:nth-child(even) .text-box .text-wrapper {
	padding: 0 0 0 50px;
  }
  .block-bild-text-kacheln .wrapper-box h3 {
	font-size: 24px!important;
  }
}

@media screen and (min-width: 1024px) {
  .leistungs-section.block-bild-text-cta.gw-img-left .cta-img-box,
  .leistungs-section.block-bild-text-cta.gw-img-right .cta-img-box {
	height: 750px;
  }
}

@media screen and (max-width: 1023px) {
  .block-animation-kacheln .img-box {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
  }
  .block-bild-text-kacheln.block-animation-kacheln .wrapper-box {
	gap: var(--belt-gap);
	display: flex;
	flex-direction: column;
  }
  .block-bild-text-kacheln .wrapper-box .text-box .text-wrapper {
	padding: 50px 0 20px 0;
  }
  .block-animation-kacheln .text-box .text-wrapper p {
	font-size: 18px;
  }
  .leistungs-section.block-bild-text-cta.iframe-video .block-header h2 {
	font-size: 24px!important;
  }
  .leistungs-section.block-bild-text-cta.iframe-video .block-header h2,
  .leistungs-section.block-bild-text-cta.iframe-video .gridaction__box p  {
	color: var(--text)!important;
  }
  .leistungs-section.block-bild-text-cta.gw-img-left .cta-img-box,
  .leistungs-section.block-bild-text-cta.gw-img-right .cta-img-box {
	background-size: contain;
	background-position: center;
	max-width: calc(100% - (var(--belt-gap)*2));
	margin-left: auto;
	margin-right: auto;
  }
  .leistungs-section.block-bild-text-cta.gw-img-left .cta-text-box,
  .leistungs-section.block-bild-text-cta.gw-img-right .cta-text-box {
	background: transparent;
	padding: 20px var(--belt-gap) 0 var(--belt-gap)!important;
  }
  .leistungs-section.block-bild-text-cta.gw-img-left .cta-text-box .gridaction__box,
  .leistungs-section.block-bild-text-cta.gw-img-right .cta-text-box .gridaction__box {
	background: transparent;
	padding: 0!important;
  }
  .leistungs-section.block-bild-text-cta.gw-img-left .cta-inner,
  .leistungs-section.block-bild-text-cta.gw-img-right .cta-inner {
	padding-bottom: 0;
  }
  .imageclincer.block-bild-text-cta .cta-inner {
	display: flex !important;
	flex-direction: column;
	padding-bottom: 100px;
  }
  .imageclincer.block-bild-text-cta .cta-text-box {
	width: auto;
	max-width: unset;
	margin: -100px var(--belt-gap);
	padding: 30px var(--belt-gap) 0 var(--belt-gap) !important;
  }
  .imageclincer.box-bottom-mobile.block-bild-text-cta .cta-text-box .gridaction__box {
	padding-bottom: 40px;
  }
  .refboxes.block-bild-text-kacheln .teaser-wrapper  {
	grid-row-gap: var(--block-space--md);
  }
  .refboxes.block-bild-text-kacheln .wrapper-box {
	display: flex;
  }
  .refboxes.block-bild-text-kacheln .wrapper-box:nth-child(odd) {
	flex-direction: column-reverse;
  }
  .refboxes.block-bild-text-kacheln .wrapper-box:nth-child(even) {
	flex-direction: column;
  }
  .refboxes.block-bild-text-kacheln .wrapper-box:nth-child(odd) .text-box .text-wrapper,
  .refboxes.block-bild-text-kacheln .wrapper-box:nth-child(even) .text-box .text-wrapper {
	padding: 0;
  }
  .block-bild-text-kacheln .wrapper-box h3 {
	font-size: 20px!important;
  }

}
@media screen and (max-width: 767px) {
  .block-animation-kacheln .teaser-wrapper {
	display: flex;
  }
  .block-bild-text-cta .block-header h2, .block-bild-text-cta .block-header h3 {
	max-width: 60vw;
  }
  .leistungs-section.block-bild-text-cta .block-header h2, .leistungs-section.block-bild-text-cta .block-header h3 {
	max-width: unset;
  }
  .block-animation-kacheln .img-box {
	min-height: 300px;
  }
  .block-animation-kacheln .text-box .text-wrapper h3 {
	margin: 0 0 30px 0;
	font-size: 16px!important;
  }
  .block-bild-text-kacheln .wrapper-box .text-box .text-wrapper {
	padding: 20px 0 20px 0;
  }
  .leistungs-section.block-bild-text-cta.iframe-video .block-header h2 {
	font-size: 20px!important;
  }
  .leistungs-section.block-bild-text-cta.iframe-video .cta-text-box .gridaction__box {
	padding: 30px var(--belt-gap) 0 var(--belt-gap);
  }
  .refboxes.block-bild-text-kacheln .teaser-wrapper  {
	grid-row-gap: 0;
  }
  .block-bild-text-kacheln .wrapper-box h3 {
	font-size: 18px!important;
  }
  .refboxes.block-bild-text-kacheln .text-box {
	margin: 0;
  }
  .refboxes.block-bild-text-kacheln .wrapper-box:nth-child(odd) {
	flex-direction: column;
  }
}

.single-twin_portfolio_srv .block-text-column .block-header, .single-twin_portfolio_srv .block-text-column .text-content {
  max-width: 550px;
  grid-column: 1/12 !important;
}
.single-twin_portfolio_srv .block-text-column .text-content p {
  font-size: 18px;
}
.single-twin_portfolio_srv .block-text-column .block-header h2 {
  max-width: 540px;
}
.single-twin_portfolio_ref .block-text-column > div {
  padding-left: 0;
  padding-right: 0;
}
.single-twin_portfolio_srv .block-referenzen-highlights-slider {
  padding-bottom: var(--block-space--sm);
}
.leistungs-section.block-bild-text-cta .cta-img-box {
  grid-column: 1/17 !important;
  background-color: transparent;
}
@media screen and (min-width: 1280px){
  .leistungs-section.block-bild-text-cta.homepage-website .cta-img-box {
	height: unset;
  }
}
@media screen and (min-width: 1024px){
  .leistungs-section.block-bild-text-cta .cta-img-box {
	height: 100vh;
  }
}

@media screen and (max-width: 1280px){
  .single-twin_portfolio_srv .block-text-column .block-header, .single-twin_portfolio_srv .block-text-column .text-content {
	grid-column: 1/13 !important;
  }
  .block-media-einbettung .frame-wrapper[data-items="1"]>.item.full-width-media {
	grid-column-start: 1;
	grid-column-end: 13;
  }
  .single-twin_portfolio_srv section.block-media-einbettung video {
	max-width: unset !important;
  }
  .single-twin_portfolio_srv .block-text-column .text-content p {
	font-size: 20px;
  }
}

@media screen and (max-width: 1023px){
  .single-twin_portfolio_srv .block-referenzen-highlights-slider {
	padding: var(--block-space--sm) var(--belt-gap);
  }
  .single-twin_portfolio_srv .block-text-column .block-header h3 {
	margin-bottom: 0;
  }
  .single-twin_portfolio_srv .block-text-column .text-content p {
	font-size: 18px;
  }
}
.leistungs-section.block-bild-text-cta .gridaction__content {
  background: none !important;
}
.leistungs-section.block-bild-text-cta .gridaction__box {
  background: rgba(var(--c4-r),var(--c4-g),var(--c4-b), 0.9);
  padding: 50px;
}
.leistungs-section.block-bild-text-cta.color-set-bg-secondary .gridaction__box {
  background: rgba(var(--c2-r),var(--c2-g),var(--c2-b), 0.9);
}
.leistungs-section.black-section, .leistungs-section.black-section.block-bild-text-cta .gridaction__box, .leistungs-section.black-section.block-bild-text-cta .cta-img-box {
  background-color: #000000 !important;
}
.leistungs-section.black-section.block-bild-text-cta .block-header .text-wrap h2, .leistungs-section.black-section a.gridaction__button {
  color: var(--c4) !important;
}
.leistungs-section.block-bild-text-cta .block-header .text-wrap {
  margin-bottom: 35px !important;
}
.leistungs-section.block-bild-text-cta .block-header .text-wrap h3 {
  margin-top: 20px !important;
}
ul#insurance-comparison__navigation {
  display: flex;
  flex-flow: wrap;
  row-gap: 20px;
  column-gap: 30px;
  justify-content: center;
  padding: 20px 0;
  align-items: baseline;
}
#insurance-comparison .item>div {
  padding: 0;
}
.block-sticky-content-menu {
  margin-top: -40px;
}
@media screen and (max-width: 1023px) {
  .shadow-divider {
	margin-bottom: -50px;
  }
}
@media screen and (max-width: 767px) {
  .leistungs-section.block-bild-text-cta .block-header .text-wrap {
	margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  #insurance-comparison {
	top: 73px;
  }
}
.block-sticky-content-menu li{
  margin-right: 0 !important;
}
.block-sticky-content-menu li a {
  font-weight: 800;
  font-size: 18px;
}
.corporate-design-content.wp-container-3 {
  max-width: var(--belt-width);
  margin: 0 auto;
  align-items: start;
  padding: 0 var(--belt-gap);
}
.corporate-design-content .wp-container-1 {
  width: 70%;
  position: relative;
}
.corporate-design-content .wp-container-2 {
  width: 60%;
  position: relative;
}
.corporate-design-content .wp-container-1 figure {
  position: absolute;
  top: 0;
  left: -50%;
}
.tpfo-single-header, #header, #page hr, #footer {
  display: none;
}
.twin_portfolio_srv-template-default .tpfo-container, .entry-content {
  margin:0;
}
.single-twin_portfolio_ref .tpfo-contents, .single-twin_portfolio_srv .tpfo-contents {
  padding-top:0;
}
.printdesign-uebersicht .textbox__icon, .printdesign-uebersicht .textbox__icon svg {
  width: 100px;
  height: 100px;
}
.printdesign-uebersicht .textbox__icon img {
  height: 100%;
}
.printdesign-uebersicht h4 {
  font-size: 23px;
}
.flex-group .icon-field {
  display: flex;
  gap: 10px !important;
}
.start.flex-group .icon-field {
  gap: 60px !important;
}
.flex-group .icon-field .item {
  width: 50%;
}
.block-text-icon-cta.flex-group .textbox .textbox__content {
  max-width: 560px;
}
.textlinker.block-text-icon-cta .block-header {
  margin-bottom: var(--belt-gap);
}
.textlinker.block-text-icon-cta .block-header h2 {
  margin-bottom: 0;
}
.textlinker.block-text-icon-cta .block-content {
  display: block;
}
.textlinker.block-text-icon-cta .textbox-color {
  max-width: 940px;
}

@media screen and (max-width: 1023px) {
  #insurance-comparison {
	display: none;
  }
  .space-onepager {
	margin-top: 50px;
  }
  .textlinker.block-text-icon-cta .text-field {
	margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .flex-group .icon-field {
	flex-direction: column;
  }
  .flex-group .icon-field .item {
	width: 100%;
  }
}
.block-text-icon-cta .block-header h2 {
  margin-bottom: 20px;
}
.block-text-icon-cta .textbox {
  gap: 25px;
}
.work.block-text-icon-cta .textbox {
  gap: 20px;
}
.work.block-text-icon-cta .textbox  .textbox__content {
  margin-top:0;
  padding-left: 80px;
  max-width: 320px;
}
.start.block-text-icon-cta .textbox  .textbox__content {
  padding-left: 0;
  max-width: unset;
}
.twin_portfolio_ref .block-bild-text-kacheln ul {
  padding-top: 20px;
  padding-left: 20px;
  line-height: 1.6;
}
.block-referenz-teaser-hori-overlap.finfero .teaser-hori-overlap-intro-image {
  background-position: 84%;
}
.block-referenz-teaser-hori-overlap.computop h1 {
  max-width: 900px;
}
/* LEISTUNGSÜBERBLICK */
.block-text-icon-cta.aio-grid.Leistungen .spread__basic {
  grid-column-gap: 5%;
}
.block-text-icon-cta.Leistungen .item {
  position: relative;
}

.block-text-icon-cta .textbox-color {
  max-width: 550px;
}
.block-text-icon-cta.Leistungen .textbox__icon {
  position: absolute;
  margin: 0;	
  height: auto;
}
.block-text-icon-cta.Leistungen h4 {
  font-family: 'Inter', sans-serif;
  font-size: 42px;
  font-weight: 700;
  z-index: 2;
}
.block-text-icon-cta.Leistungen h5 {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 40px 0;
  color: #ababa5 !important;
}
.block-text-icon-cta.Leistungen .textbox {
  gap: 15px;
}
.block-text-icon-cta.Leistungen .textbox__icon video {
  width: 100%;
}
.block-text-icon-cta.wordpress .block-header {
  margin-bottom: 30px;
}
.block-text-icon-cta.wordpress .textbox__content img {
  max-width: 360px;
}
.block-text-icon-cta.wie-wir-arbeiten .textbox__header {
  display: none;
}
.steps.block-text-icon-cta a.gridaction__button {
  margin-top: 20px;
}
.steps.block-text-icon-cta.aio-grid .spread__basic {
  grid-row-gap: 60px;
}
@media screen and (min-width: 1281px) and (max-width: 1600px) {
  .block-text-icon-cta.Leistungen h4,
  .block-text-icon-cta.Leistungen h4 {
	max-width: 400px;
  }
  .block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(5) .textbox__icon {
	right: 5% !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .block-text-icon-cta.Leistungen h4,
  .block-text-icon-cta.Leistungen h5 {
	max-width: 250px;
  }
}

.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(1) .textbox__icon {
  right: 10px;
  top: -90px;
  width: 120px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(2) {
  margin-top: 130px;
}
.block-text-icon-cta.Leistungen.kreativagentur .item.ratio__2 .item:nth-child(2) .textbox__icon {
  right:-30px;
  top: -110px;
  width: 130px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(3) {
  grid-column: 2/8;
  margin-top: 50px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(3) .textbox__icon {
  left: -120px;
  width: 150px;
  top: -140px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(4) {
  grid-column: 8/14;
  margin-top: 170px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(4) .textbox__icon {
  width: 130px;
  bottom: -50px;
  left: -160px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(5) {
  margin-top: 80px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(5) .textbox__icon {
  width: 115px;
  bottom: 42px;
  left: 260px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(6) {
  margin-top: 200px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(6) .textbox__icon {
  width: 130px;
  right: -26px;
  top: -75px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(7) {
  grid-column: 2/8;
  margin-top: 90px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(7) .textbox__icon {
  left: -125px;
  width: 120px;
  top: 120px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(8) {
  grid-column: 8/14;
  margin-top: 210px;
}
.block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(8) .textbox__icon {
  width: 140px;
  bottom: -80px;
  left: -140px;
}

@media screen and (max-width: 1280px) {
  .work.block-text-icon-cta .textbox .textbox__content {
	max-width: unset;
  }
  .work.block-text-icon-cta .aio-grid.spread__basic.ratio__3>.item {
	grid-column: span 6;
  }
}
@media screen and (max-width: 1023px) {
  .block-text-icon-cta.Leistungen .block-content {
	display: flex;
	grid-column-gap: 0 !important;
	width: 100%;
  }
  .block-text-icon-cta.Leistungen .item.icon-field {
	width: 100%;
  }
  .block-text-icon-cta.Leistungen .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
  }
  .block-text-icon-cta.Leistungen .item.icon-field .item {
	max-width: 75vw;
	width: 100%;
  }
  .work.block-text-icon-cta .textbox .textbox__content {
	padding-left: 0;
  }
  /*
  .block-text-icon-cta.Leistungen .textbox__icon {
  width: 180px;
  right:-130px;
  top:0;
}
  */
  .block-text-icon-cta .textbox-color {
	max-width: 530px;
  }
  .block-text-icon-cta.Leistungen h4 {
	font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .block-text-icon-cta.Leistungen .item.icon-field .item {
	width: 100%;
	max-width: unset;
  }
  .block-text-icon-cta.Leistungen .item.icon-field .item:nth-child(odd) {
	align-items: flex-end;
  }
  .block-text-icon-cta.Leistungen .item.icon-field .item:nth-child(even) .textbox__icon {
	left: 560px;
  }
  .block-text-icon-cta.Leistungen .item.icon-field .item:nth-child(odd) .textbox__icon {
	right: 560px;
	left: unset;
  }
  .block-text-icon-cta.Leistungen .item.icon-field .item:not(:first-child) .textbox__icon {
	top: 50px;
  }
  .block-text-icon-cta.Leistungen .item.icon-field {
	gap: 80px;
  }
  .block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(4) {
	grid-column: 8 / 14;
	margin-top: 60px;
  }
  .block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(5) {
	margin-top: 40px;
  }
  .block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(6) {
	margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .block-text-icon-cta .textbox__header {
	align-items: start;
  }
  .block-text-icon-cta.Leistungen .textbox__header,
  .work.block-text-icon-cta .textbox__header {
	flex-flow: column;
  }
  .block-text-icon-cta.Leistungen .textbox__icon {
	position: relative;
	right: unset !important;
	left: unset !important;
	top: unset !important;
	bottom: 28px !important;
  }
  .block-text-icon-cta.Leistungen .item.ratio__2 .item:nth-child(1) .textbox__icon {
	margin-top: 20px!important;
  }
  .block-text-icon-cta.Leistungen .item.icon-field .item {
	max-width: 100vw;
	width: 100%;
	margin-top: 0!important;
  }
  .block-text-icon-cta.aio-grid.Leistungen .spread__basic {
	grid-row-gap: 100px;
	text-align: center;
  }
  .block-text-icon-cta.aio-grid.Leistungen .spread__basic .textbox__header {
	align-items: center;
  }
  .block-text-icon-cta.Leistungen .item {
	align-items: center;
  }
  .block-text-icon-cta.Leistungen {
	padding-top: 0;
	padding-bottom: 50px;
  }
  .block-text-icon-cta.Leistungen .button-field {
	display: none;
  }
  .block-text-icon-cta.wordpress .block-header {
	margin-bottom: 20px;
  }
  .block-text-icon-cta.wordpress .textbox__content img {
	max-width: 250px;
  }
  .steps.block-text-icon-cta.aio-grid .spread__basic {
	grid-row-gap: 40px;
  }
}
/* LEISTUNGSÜBERBLICK ENDE */

.block-bild-text-kacheln.Leistungen .twist .wrapper-box .item.img-box {
  overflow: hidden;
}
.block-bild-text-kacheln.Leistungen .twist .wrapper-box:nth-child(even) .item.img-box {
  display: flex;
  justify-content: flex-end;
}
.block-bild-text-kacheln.Leistungen .img-box img {
  max-width: 550px;
  max-height: 550px;
  object-fit: contain;
}
.block-bild-text-kacheln.Leistungen .img-box {
  padding: 100px 0;
}
.block-bild-text-kacheln.Leistungen .wrapper-box:nth-child(even), .block-bild-text-kacheln#Leistungen .wrapper-box:nth-child(even) .text-box {
  background: var(--c7);
}
.block-bild-text-kacheln.Leistungen .wrapper-box:nth-child(even) .img-box {
  margin-right: 40px;
}
.block-bild-text-kacheln.Leistungen .text-box .text-wrapper {
  padding: 80px 40px 80px 0;
}
.block-bild-text-kacheln.Leistungen .twist .wrapper-box h4 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  color: var(--c1) !important;
  padding-bottom: 20px;
  line-height: 32px;
}
img[src=""] {
  display: none;
}

/* NAVIGATIONS TEASER */
.block-navigation-teaser {
  position: relative;
}
.block-navigation-teaser .ratio__2 {
  grid-column-gap: 60px;
  display: flex;
}
.block-navigation-teaser .ratio__2 .item {
  width: 50%;
}
.block-navigation-teaser h2 {
  margin-bottom: 0.5em;
}
.block-navigation-teaser .text-content {
  margin: 2em 0 0 0;
}
.block-navigation-teaser .text-content * {
  color: white;
}
.block-navigation-teaser .text-content p {
  font-size: 18px;
}
.block-navigation-teaser .block-header a.gridaction__button {
  color: white !important;
  transition: all 0.2s ease;
}
.block-navigation-teaser .block-header a.gridaction__button:hover {
  color: var(--text) !important;
}
.block-navigation-teaser .link-list-wrapper {
  display: flex;
  padding-top: 3.5em;
}
.block-navigation-teaser .nav-list li {
  line-height: 46px;
}
.block-navigation-teaser ul li a {
  font-size: 42px;
  line-height: 1.6;
  font-weight: 800;
  transition: all 0.5s ease;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
}
.block-navigation-teaser ul li a:hover {
  color: var(--c1);
  padding-left: 62px;
}
.block-navigation-teaser ul li a::after {
  content: " ";
  position: absolute;
  height: 20px;
  width: 12px;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  background: url('/wp-content/uploads/icon-nav-arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.2s ease;
}
.block-navigation-teaser ul li a:hover::after {
  opacity: 1;
  left: 27px;
  transition: all 0.6s ease;
}
.block-navigation-teaser .bg-image-field {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--c2);
}
.block-navigation-teaser .link-list-wrapper {
  padding-left: 5%;
}
.block-navigation-teaser .block-header {
  margin-bottom: 0;
}
.einstieg.block-navigation-teaser .text-content p a {
  font-family: 'Inter' !important;
  font-weight: bold;
  padding: 5px 20px !important;
  position: relative;
  background: transparent !important;
  color: var(--text) !important;
  z-index: 2;
  text-transform: none !important;
  font-weight: bold !important;
  border-radius: 0 !important;
  display: inline-block;
  color: white !important;
  transition: all 0.2s ease;
  margin-top: 20px;
}
.einstieg.block-navigation-teaser .text-content p a:after {
  content: " ";
  width: 5px;
  background: transparent linear-gradient(180deg, #00E5FF 0%, #00F5BB 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: all 0.5s ease;
  z-index: -1;
  border-radius: 0 !important;
}
.einstieg.block-navigation-teaser .text-content p a:hover {
  color: var(--c2)!important;
}
.einstieg.block-navigation-teaser .text-content p a:hover:after {
  width: 100% !important;
}
.einstieg.block-navigation-teaser ul li a {
  font-size: 30px;
  line-height: 1.6!important;
}
.einstieg.block-navigation-teaser ul li:first-child a,
.einstieg.block-navigation-teaser ul li:nth-child(8) a {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--c1);
  margin-bottom: 10px;
  pointer-events: none;
}
.einstieg.block-navigation-teaser ul li:nth-child(8) {
  margin-top: 2em;
}
.einstieg.block-navigation-teaser .link-list-wrapper {
  padding-top: 12px;
}
.einstieg.block-navigation-teaser .text-content p {
  margin-bottom: 1em;
}
@media screen and (min-width: 1300px) {
  .einstieg.block-navigation-teaser .text-content {
	display: flex;
	flex-flow: row wrap;
  }
  .einstieg.block-navigation-teaser .text-content p:nth-child(1),
  .einstieg.block-navigation-teaser .text-content p:nth-child(2) {
	width: 100%;
  }
  .einstieg.block-navigation-teaser .text-content p:nth-child(3),
  .einstieg.block-navigation-teaser .text-content p:nth-child(4) {
	width: 50%;
  }
}
@media screen and (max-width: 1280px) {
  .block-navigation-teaser ul li a {
	font-size: 25px;
  }
  .block-navigation-teaser .link-list-wrapper {
	padding-top: 0;
	padding-left: 5%;
  }
  .einstieg.block-navigation-teaser ul li a {
	font-size: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .block-navigation-teaser .link-list-wrapper {
	padding-left: 0;
  }
  .einstieg.block-navigation-teaser ul li a {
	font-size: 20px;
  }
  .einstieg.block-navigation-teaser .nav-list li {
	padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .block-navigation-teaser .ratio__2 {
	flex-direction: column;
  }
  .block-navigation-teaser .block-header {
	margin-bottom: var(--block-space--sm);
  }
  .block-navigation-teaser .ratio__2 .item {
	width: 100%;
  }
  .block-navigation-teaser .text-content {
	margin: 1em 0 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .block-navigation-teaser ul li a {
	font-size: 25px;
  }
  .block-navigation-teaser .nav-list li {
	padding-bottom: 10px;
  }
}
/* BLOCK TESTIMONIAL REFERENZEN START */
.block-testimonial-slider-referenzen {
  overflow: hidden;
}
.block-testimonial-slider-referenzen .swiper {
  display: flex;
  align-items: center;
  max-width: var(--belt-width);
}
.block-testimonial-slider-referenzen .swiper.whiteSwiper {
  padding-bottom: 100px;
}
.block-testimonial-slider-referenzen .swiper-slide {
  display: flex;
  gap: 40px;
  opacity: 0 !important;
}
.block-testimonial-slider-referenzen .swiper-fade .swiper-slide-active, .block-testimonial-slider-referenzen .swiper-fade .swiper-slide-active .swiper-slide-active {
  opacity: 1 !important;
}
.block-testimonial-slider-referenzen .swiper-slide .image-wrap {
  padding-left: 80px;
}
.block-testimonial-slider-referenzen .swiper-slide .slide-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.block-testimonial-slider-referenzen .swiper-slide .slide-image {
  text-align: right;
  height: 160px;
  width: 160px;
  border-radius: 150px;
  overflow: hidden;
}
.block-testimonial-slider-referenzen .swiper-slide .wp-block-image {
  height: 400px;
  margin-bottom: 0;
}
.block-testimonial-slider-referenzen .swiper-slide-prev {
  opacity: 0;
}
.block-testimonial-slider-referenzen .swiper-button-next svg, .block-testimonial-slider-referenzen .swiper-button-prev svg {
  width: 100px;
}
.block-testimonial-slider-referenzen .swiper-button-next.swiper-button-disabled, .block-testimonial-slider-referenzen .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.block-testimonial-slider-referenzen .swiper-button-prev:after, .block-testimonial-slider-referenzen .swiper-button-next:after {
  content: " ";
}
.block-testimonial-slider-referenzen {
  min-height: 400px;
  margin: 0;
}
.page-id-2 .block-testimonial-slider-referenzen {
  padding-bottom:54px;
}
.block-testimonial-slider-referenzen .swiper {
  margin: 0;
  align-items: top;
  padding: 100px 0;
  overflow: visible;
}
.block-testimonial-slider-referenzen .swiper-wrapper {
  align-items: top;
}
.block-testimonial-slider-referenzen .testimonial__title {
  font-size: 40px;
  font-weight: 400;
  max-width: 300px;
  position: relative;
  margin: 0;
  color: white;
}
.block-testimonial-slider-referenzen .testimonial__content p {
  margin: 0;
}
.block-testimonial-slider-referenzen  .item.text-wrap {
  width: calc(100% - 380px);
}
.block-testimonial-slider-referenzen .testimonial__description {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.55;
  font-family: 'Noto Serif', serif;
  font-style: italic;
  letter-spacing: -0.2px;
}
.block-testimonial-slider-referenzen .testimonial__name {
  font-size: 14px;
  font-weight: 400;
  padding-top: 30px;
}
.block-testimonial-slider-referenzen .swiper-button-prev {
  left: 37px;
} 
.block-testimonial-slider-referenzen .swiper-button-next, .block-testimonial-slider-referenzen  .swiper-rtl .swiper-button-prev {
  right: 40px;
}
.block-testimonial-slider-referenzen .swiper-button-prev, .block-testimonial-slider-referenzen .swiper-rtl .swiper-button-next,
.block-testimonial-slider-referenzen .swiper-button-next, .block-testimonial-slider-referenzen .swiper-button-prev{
  top: 51.5%;
}

.block-testimonial-slider-referenzen .swiper-scrollbar-drag {
  background: rgba(255, 255, 255, 0.8);
}
.block-testimonial-slider-referenzen .swiper-pagination {
  padding: 0;
}
.block-testimonial-slider-referenzen .swiper-pagination-bullets {
  right: 0;
  bottom: 40px !important;
  margin: auto;
  text-align: left;
}
.block-testimonial-slider-referenzen .swiper-pagination-bullet {
  background: white;
  width: 11px;
  height: 11px;
}
.block-testimonial-slider-referenzen .swiper-button svg path, .block-testimonial-slider-referenzen .swiper-scrollbar-drag, .block-testimonial-slider-referenzen .swiper-pagination span.swiper-pagination-bullet, .block-testimonial-slider-referenzen .swiper-button:hover svg path, .block-testimonial-slider-referenzen .swiper-scrollbar-drag:hover, .block-testimonial-slider-referenzen .swiper-pagination span.swiper-pagination-bullet:hover {
  transition: all 0.5s ease;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-primary"]:hover svg path {
  fill: var(--c1) !important;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-sekundary"]:hover svg path {
  fill: var(--c2) !important;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-accent"]:hover svg path {
  fill: var(--c3) !important;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-white"]:hover svg path {
  fill: var(--c4) !important;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-grey"]:hover svg path {
  fill: var(--c5) !important;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-black"]:hover svg path {
  fill: var(--c6) !important;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-z1"]:hover svg path {
  fill: var(--c7) !important;
}
.block-testimonial-slider-referenzen .swiper-button[data-hover="color-set-text-z2"]:hover svg path {
  fill: var(--c8) !important;
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-primary span.swiper-pagination-bullet {
  background: var(--c1);
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-sekundary span.swiper-pagination-bullet {
  background: var(--c2);
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-accent span.swiper-pagination-bullet {
  background: var(--c3);
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-white span.swiper-pagination-bullet {
  background: var(--c4);
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-grey span.swiper-pagination-bullet {
  background: var(--c5);
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-black span.swiper-pagination-bullet {
  background: var(--c6);
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-z1 span.swiper-pagination-bullet {
  background: var(--c7);
}
.block-testimonial-slider-referenzen .swiper-pagination.color-set-text-z2 span.swiper-pagination-bullet {
  background: var(--c8);
}
/* SCROLLBAR FARBSUPPORT */
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-primary .swiper-scrollbar-drag {
  background: var(--c1);
}
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-sekundary .swiper-scrollbar-drag {
  background: var(--c2);
}
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-accent .swiper-scrollbar-drag {
  background: var(--c3);
}
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-white .swiper-scrollbar-drag {
  background: var(--c4);
}
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-grey .swiper-scrollbar-drag {
  background: var(--c5);
}
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-black .swiper-scrollbar-drag {
  background: var(--c6);
}
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-z1 .swiper-scrollbar-drag {
  background: var(--c7);
}
.block-testimonial-slider-referenzen .swiper-scrollbar.color-set-text-z2 .swiper-scrollbar-drag {
  background: var(--c8);
}
/* HOVER SUPPORT */
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-primary"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-primary"] .swiper-scrollbar-drag:hover {
  background: var(--c1);
}
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-sekundary"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-sekundary"] .swiper-scrollbar-drag:hover {
  background: var(--c2);
}
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-accent"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-accent"] .swiper-scrollbar-drag:hover {
  background: var(--c3);
}
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-white"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-white"] .swiper-scrollbar-drag:hover {
  background: var(--c4);
}
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-grey"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-grey"] .swiper-scrollbar-drag:hover {
  background: var(--c5);
}
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-black"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-black"] .swiper-scrollbar-drag:hover {
  background: var(--c6);
}
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-z1"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-z1"] .swiper-scrollbar-drag:hover {
  background: var(--c7);
}
.block-testimonial-slider-referenzen .swiper-pagination[data-hover="color-set-text-z2"] span.swiper-pagination-bullet:hover, .block-testimonial-slider-referenzen .swiper-scrollbar[data-hover="color-set-text-z2"] .swiper-scrollbar-drag:hover {
  background: var(--c8);
}
@media screen and (max-width: 1500px) {
  .block-testimonial-slider-referenzen .swiper {
	padding: 100px 0;
  }
}
@media screen and (max-width: 1428px) {
  .block-testimonial-slider-referenzen .testimonial__inner {
	padding: 0 28px;
  }
  .block-testimonial-slider-referenzen .testimonial-container {
	overflow: hidden;
  }
}
@media screen and (max-width: 1280px) {
  .block-testimonial-slider-referenzen .testimonial {
	min-height: 420px;
  }
  .block-testimonial-slider-referenzen .testimonial__description {
	font-size: 20px;
  }
  .block-testimonial-slider-referenzen .testimonial__name {
	font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .block-testimonial-slider-referenzen .swiper {
	padding: 70px 40px 70px;
  }
  .block-testimonial-slider-referenzen .testimonial {
	min-height: 420px;
  }
  .block-testimonial-slider-referenzen .testimonial__title {
	font-size: 30px;
	max-width: 220px;
  }
  .block-testimonial-slider-referenzen .testimonial__description {
	font-size: 18px;
  }
  .block-testimonial-slider-referenzen .arrow-mobile-off {
	display: none;
  }
  .block-testimonial-slider-referenzen .testimonial {
	min-height: auto;
  }
  .block-testimonial-slider-referenzen .testimonial-container {
	padding: 0 20px;
  }
  .block-testimonial-slider-referenzen .testimonial__inner {
	flex-flow: column;
	padding: 0;
  }
  .block-testimonial-slider-referenzen {
	background-size: 150px;
	background-position: 35% 10%;
  }
  .block-testimonial-slider-referenzen .swiper {
	padding: 50px 30px 50px;
  }
  .block-testimonial-slider-referenzen .swiper-slide {
	flex-direction: column;
	align-items: center;
	padding: 0;
  }
  .block-testimonial-slider-referenzen .testimonial__header {
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 30px;
	width: 100%;
  }
  .block-testimonial-slider-referenzen .testimonial__content {
	width: 100%;
  }
  .block-testimonial-slider-referenzen .testimonial__description {
	max-width: 100%;
	text-align: center;
  }
  .block-testimonial-slider-referenzen .swiper-pagination {
	padding: 0 35px;
	left: 0 !important;
  }
  .block-testimonial-slider-referenzen .swiper-slide .image-wrap {
	padding-left: 0;
  }
  .block-testimonial-slider-referenzen .item.text-wrap {
	padding-top: 0;
	width: calc(100% - 120px);
	display: flex;
	flex-flow: column;
	align-items: center;
  }
  .block-testimonial-slider-referenzen .testimonial__title {
	font-size: 24px;
	max-width: 250px;
	text-align: left;
	margin: 0 auto;
  }
  .block-testimonial-slider-referenzen .testimonial__name {
	font-size: 14px;
	text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .block-testimonial-slider-referenzen .swiper-pagination, .testimonial__inner {
	padding: 0 40px;
  }
  .block-testimonial-slider-referenzen .swiper-pagination {
	max-width: 100%;
	padding: 0 40px;
  }
}
@media screen and (max-width: 500px) {
  .block-testimonial-slider-referenzen .item.text-wrap {
	width: calc(100% - 20px);
  }
  .block-testimonial-slider-referenzen .swiper-button-prev {
	left: 5px;
  }
  .block-testimonial-slider-referenzen .swiper-button-next, .block-testimonial-slider-referenzen .swiper-rtl .swiper-button-prev {
	right: 5px;
  }
}

@media screen and (max-width: 360px) {
  .block-testimonial-slider-referenzen .swiper {
	padding: 50px 10px 50px;
  }
}

/* BLOCK TESTIMONIAL REFERENZEN ENDE */

.block-referenzenliste {
  overflow: hidden;
}
.block-referenzenliste .reference-list .referenz-element h3 {
  line-height: 1.6;
}
.block-referenzenliste .reference-list .referenz-element {
  width: 100%;
  max-width: calc(95%/3) !important;
  text-align: left;
}
.block-referenzenliste .reference-list .referenz-element img {
  width: 100%;
}
.block-referenzenliste .reference-list .referenz-element h3 {
  font-size: 18px!important;
}
@media screen and (max-width: 1023px) {
  .block-referenzenliste .reference-list .referenz-element {
	min-width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .block-referenzenliste .reference-list .referenz-element {
	min-width: 95%;
  }
  .block-referenzenliste .reference-list .referenz-element h3,
  .block-referenzenliste .reference-list .referenz-element p {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 15px!important;
  }

}
/* BLOCK LOGO WALL START */
.block-logo-wall {
  overflow: hidden;
}
/*
.block-logo-wall:not(.logo-design) {
padding-top: 147px;
padding-bottom: 147px;
}
*/
.block-logo-wall .block-header {
  margin-bottom: 50px;
}
.block-logo-wall .spread__basic {
  display: flex;
  flex-direction: column;
}
.block-logo-wall:not(.logo-design) .logo-wrapper {
  margin: 0;
}
.block-logo-wall:not(.logo-design) .logo-wrapper .img-wrap {
  text-align: center;
}
.block-logo-wall .spread__basic .aio-flex {
  row-gap: 20px;
}
.block-logo-wall .spread__basic h2 {
  color: var(--c1);
}
.block-logo-wall .spread__basic h3 {
  color: var(--c4);
}
.block-logo-wall.agenturlogos img.logo {
  max-height: 150px;
  height: 100%;
}
.block-logo-wall img.logo {
  width: 100%;
  transition: all 1s ease;
}
.block-logo-wall:not(.no-hover) img.logo:hover {
  transform: scale(1.5)
}
.block-logo-wall .logo-wrapper .item .gap--x {
  padding: 15px;
}
.block-logo-wall.logo-design .spread__basic .aio-flex {
  column-gap: 20px;
  justify-content: center;
}
.block-logo-wall.logo-design img.logo {
  width: 225px;
  height: 225px;
}
.block-logo-wall.logo-design:not(.agenturlogos) .aio-flex.flex__container>.col__6--xl {
  width: 225px;
}
/*.block-logo-wall .logo-wrapper .item:hover .gap--x {
background: transparent linear-gradient(180deg, #00E5FF 0%, #00F5BB 100%) 0% 0% no-repeat padding-box;
}*/
.block-logo-wall.logo-design.push-up-logo-wrapper {
  padding-top: var(--block-space--sm);
}
.block-logo-wall .logo-wrapper > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .block-logo-wall.logo-design.push-up-logo-wrapper {
	z-index: 2;
	position: relative;
	padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .block-logo-wall:not(.logo-design) .logo-wrapper > div {
	margin: 0 -35px;
  }
}
@media screen and (max-width: 1280px) {
  .block-logo-wall:not(.logo-design) .aio-flex.flex__container > .item {
	width: calc(100% / 5) !important;
  }
}
@media screen and (max-width: 1023px) {
  .block-logo-wall:not(.logo-design) .aio-flex.flex__container > .item {
	width: calc(100% / 4) !important;
  }
  .block-logo-wall .block-header {
	margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .block-logo-wall.logo-design .aio-flex.flex__container > .item {
	width: calc(100% / 3) !important;
  }
  .block-logo-wall:not(.logo-design) .aio-flex.flex__container > .item {
	width: calc(100% / 3) !important;
  }
  .block-logo-wall.logo-design img.logo {
	height: auto;
  }
  .block-logo-wall:not(.logo-design) img.logo {
	max-width: 40vw;
  }
  .block-logo-wall:not(.logo-design) .logo-wrapper > div {
	margin: 0;
  }
  .block-logo-wall .logo-wrapper .img-wrap {
	text-align: center;
  }
  .block-logo-wall .logo-wrapper .item .gap--x {
	text-align: center;
  }
  .block-logo-wall .block-header {
	text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .block-logo-wall:not(.logo-design) .aio-flex.flex__container > .item {
	width: calc(100% / 2) !important;
  }
}
/* BLOCK LOGO WALL ENDE */
/* GOOGLE MAPS */
.block-media-einbettung {
  padding: 0;
}
.page-id-57 .block-media-einbettung .frame-wrapper {
  grid-column-start: 1 !important;
  grid-column-end: 6;
}
.page-id-57 .block-media-einbettung .frame-wrapper[data-items="1"]>.item.full-width-media  {
  grid-column-start: 1;
  grid-column-end: 13;
}
.block-media-einbettung.color-set-bg-white .video_iframeoverlay {
  max-width: unset !important;
  transition: background-position 0.8s ease;
} 
.block-media-einbettung .item[data-overlay-image] .video_iframeoverlay p {
  background: transparent linear-gradient(180deg,rgb(0 229 255 / 80%) 0%,rgb(0 245 187 / 80%) 100%) 0% 0% no-repeat padding-box;
}
.block-media-einbettung .video_iframeoverlay p {
  transform: translate(0, 0);
  top: var(--belt-gap);
  left: var(--belt-gap);
  max-width: 455px;
  text-align: left;
  padding: var(--belt-gap) !important;
}
.block-media-einbettung .video_iframeoverlay {
  background-position: 55% top;
}
.block-media-einbettung #unlockiframe {
  font-family: 'Inter' !important;
  font-weight: bold;
  padding: 5px 20px !important;
  position: relative;
  background: transparent !important;
  color: var(--text) !important;
  z-index: 2;
  text-transform: none !important;
  font-weight: bold !important;
  border-radius: 0 !important;
  margin: 40px 0 0 !important;
  display: inline-block;
}
.block-media-einbettung #unlockiframe::after {
  content: " ";
  width: 5px;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: all 0.5s ease;
  z-index: -1;
  border-radius: 0 !important;
}
.block-media-einbettung #unlockiframe:hover::after {
  width: 100%;
}
.block-media-einbettung .video_iframeoverlay #unlockiframe {
  background: var(--c4);
  color: var(--text);
  padding: 10px;
  max-width: 30%;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  transition: all 0.5s ease;
}
.block-media-einbettung .video_iframeoverlay #unlockiframe:hover {
  background: var(--c2);
  color: var(--c4);
}

@media screen and (max-width: 1023px) {
  .block-media-einbettung #unlockiframe {
	margin: 20px 0 0 !important;
  }
}


@media screen and (max-width: 767px) {
  .block-media-einbettung .video_iframeoverlay {
	height: 350px!important;
  }
  .block-media-einbettung .video_iframeoverlay p {
	width: calc(100% - (var(--belt-gap))*4);
	max-width: unset;
	font-size: 12px!important;
	line-height: 1.6!important;
  }
  .block-media-einbettung .video_iframeoverlay {
	background-position: 62% top;
  }
}

/* TIMELINE START */
.block-timeline .spread__basic {
  grid-column-start: 1 !important;
  grid-column-end: 6;
}
.block-timeline .swiper-button-next, .block-timeline .swiper-button-prev {
  width: 40px;
  background: var(--c4);
  border: unset;
  top: 48.5%;
}
.block-timeline h4 {
  color: var(--c2);
}
.block-timeline .spread__basic .swiper {
  overflow: visible;
}
.block-timeline.block-timeline-twin .swiper {
  height: 480px;
}
.block-timeline .swiper-slide:after {
  content: unset;
}
.block-timeline.block-timeline-twin .swiper-slide p {
  font-size: 16px;
  line-height: 1.6;
}
.block-timeline .swiper-slide:before {
  height: 194px !important;
  top: 48px !important;
}
.block-timeline #timelineSwiper {
  padding: 30px;
}


@media screen and (min-width: 1024px) {
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) {
	bottom: -205px;
	display: flex;
	flex-direction: column;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) .timeline-content {
	display: block;
	order: 1;
	padding-top: 65px;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) h4 {
	padding-top: 40px;
	order: 2;
  }
  .block-timeline.block-timeline-twin .swiper-slide h4 {
	margin-left: -25px;
	padding-top: 0;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0)::before {
	top: 35px !important;
  }
  /*
  .block-timeline.block-timeline-twin {
  padding-bottom: 50px;
}
  .block-timeline #timelineSwiper::after {
  bottom: -50px;
}
  */
}

.block-timeline {
  overflow: hidden;
}
.block-timeline #timelineSwiper {
  position: relative;
}
.block-timeline #timelineSwiper::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 0;
  height: 80px;
  width: 45px;
  background: url('/wp-content/uploads/icon-swipe.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.block-timeline {
  position: relative;
}
.block-timeline h4 {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.block-timeline .swiper-wrapper {
  padding-left: 30px;
}
.block-timeline .swiper {
  max-width: var(--belt-width);
  height: 600px;
}
.block-timeline .swiper:hover {
  cursor: grab;
}
.block-timeline .swiper:active {
  cursor: grabbing;
}
.block-timeline .timeline {
  height: 2px;
  background: var(--c2);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.block-timeline .swiper-slide {
  max-width: 100vw;
}
.block-timeline .swiper-slide p {
  max-width: 80vw;
  min-height: 130px;
}
.block-timeline .swiper-slide:nth-child(2n+0) {
  bottom: -300px;
}
.block-timeline .swiper-slide:nth-child(2n+0) h4 {
  padding-top: 40px;
}
.block-timeline .swiper-slide:before {
  content: "";
  height: 50%;
  width: 2px;
  background: var(--c2);
  position: absolute;
  left: -20px;
  top: 0;
}
.block-timeline .swiper-slide:nth-child(2n+0)::before {
  bottom: 0;
}
.block-timeline #timelineSwiper::after {
  animation-name: wave-animation; /* Refers to the name of your @keyframes element below */
  animation-duration: 2.5s; /* Change to speed up or slow down */
  animation-iteration-count: infinite; /* Never stop waving :) */
  transform-origin: 70% 70%; /* Pivot around the bottom-left palm */
  display: inline-block;
  z-index: 50;
}
.block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) h4 {
  position: relative;
}
.block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) h4:before {
  content: "";
  position: absolute;
  top: 35px;
  width: 10px;
  height: 40px;
  background: #fdfef9;
  z-index: -1;
}

@keyframes wave-animation {
  0% {
	transform: rotate(0.0deg)
  }
  10% {
	transform: rotate(14.0deg)
  } /* The following five values can be played with to make the waving more or less extreme */
  20% {
	transform: rotate(-10.0deg)
  }
  30% {
	transform: rotate(18.0deg)
  }
  40% {
	transform: rotate(-8.0deg)
  }
  50% {
	transform: rotate(18.0deg)
  }
  60% {
	transform: rotate(6.0deg)
  } /* Reset for the last half to pause */
  100% {
	transform: rotate(0.0deg)
  }
}

@media screen and (max-width: 1540px) {
  .block-timeline #timelineSwiper::after {
	right: 100px;
  }
}

@media screen and (max-width: 1280px) {
  .block-timeline.block-timeline-twin .swiper {
	height: 535px;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) .timeline-content {
	padding-top: 90px;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0)::before {
	top: 63px !important;
	z-index: -2;
  }
  .block-timeline .swiper-slide:before {
	height: 220px !important;
  }
  .block-timeline #timelineSwiper::after {
	width: 25px;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) h4:before {
	top: 25px;
  }
}

@media screen and (max-width: 1023px) {
  .block-timeline .swiper {
	max-width: 100vw;
	height: 450px;
  }
  .block-timeline .swiper-slide:nth-child(2n+0) {
	bottom: 0;
  }
  .block-timeline #timelineSwiper::after {
	bottom: 0;
	right: 100px;
  }
  .block-timeline .swiper-slide h4 {
	padding-top: 0 !important;
  }
  .block-timeline .swiper-slide:before {
	height: 160px !important;
	top: 10px !important;
  }
  .block-timeline .timeline {
	bottom: 100px;
	top: unset;
  }
  .block-timeline .timeline-content {
	padding-left: 0;
  }
  .block-timeline .swiper-slide p {
	max-width: 87vw;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) h4 {
	padding-top: 20px;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0) .timeline-content {
	padding-top: 0;
  }
  .block-timeline .swiper-wrapper {
	padding-left: var(--belt-gap);
  }
  .block-timeline .swiper-slide:before {
	left: -30px;
  }
  .block-timeline.block-timeline-twin .swiper-slide:nth-child(2n+0)::before {
	top: 10px !important;
  }
  .block-timeline .swiper-slide h4 {
	padding-top: 4px !important;
  }
}
@media screen and (max-width: 767px) {
  .block-timeline #timelineSwiper {
	overflow: hidden;
	padding:0 !important;
	max-width: calc(100% - (var(--belt-gap)*2));
  }
  .block-timeline .timeline {
	bottom: 82px;
	top: unset !important;
  }
  .block-timeline #timelineSwiper .swiper-wrapper {
	max-width: 90vw;
  }
  .block-timeline #timelineSwiper .swiper-wrapper .timeline-content {
	padding-left:0;
  }
  .block-timeline #timelineSwiper::after {
	height: 50px;
	width: 25px;
	top: 0;
	right: 20px;
  }
  .block-timeline .timeline {
	bottom: 0;
  }
  .block-timeline .swiper-slide:before {
	height: 228px !important;
  }
  .block-timeline .swiper-slide p {
	max-width: 80vw;
  }
  .block-timeline .swiper-slide:before {
	left: -20px;
  }
  .block-timeline .swiper-slide h4 {
	padding-top: 6px !important;
  }
}
/* TIMELINE ENDE */

/* BILD SLIDER */
/*
.page-id-2 .block-bild-slider, .page-id-2 .block-referenzen-highlights-slider {
padding-top: 155px;
padding-bottom: 73px;
}
*/
.block-bild-slider, .block-referenzen-highlights-slider {
  grid-template-columns: minmax(1fr, var(--belt-width));
  overflow: hidden;
  position: relative;
}
.block-bild-slider h5.image-subtitle, .block-referenzen-highlights-slider h5.image-subtitle {
  font-weight: 700;
  line-height: 1.6;
  position: relative;
  margin-bottom: 0;
  margin-top: 35px;
  font-size: 18px;
  text-align: left;
}
.block-bild-slider h5.additional-info, .block-referenzen-highlights-slider h5.additional-info {
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 18px;
}

.block-bild-slider .slide-wrap .swiper-slide, .block-referenzen-highlights-slider .slide-wrap .swiper-slide {
  height: auto;
  align-items: start;
  gap: 0;
}

.block-bild-slider #imgswiper .swiper-wrapper .swiper-slide img, .block-referenzen-highlights-slider #refimgswiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  filter: unset;
}
.block-referenzen-highlights-slider #refimgswiper .swiper-wrapper .swiper-slide video{
  width: 100%;
}
.block-bild-slider #imgswiper::after, 
.block-referenzen-highlights-slider #refimgswiper::after,
#tpfo-after-content-references::after {
  animation-name: wave-animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  transform-origin: 70% 70%;
  display: inline-block;
  content: "";
  position: absolute;
  right: 8.3%;
  bottom: 0;
  height: 80px;
  width: 45px;
  background: url(/wp-content/uploads/icon-swipe.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1280px) {
  .block-referenzen-highlights-slider #refimgswiper {
	padding-bottom: 100px;
  }
  .block-referenzen-highlights-slider #refimgswiper .swiper-wrapper {
	height: auto !important;
  }
}
@media screen and (min-width: 1024px) {
  .block-referenzenliste .button-liste {
	margin-left: 0!important;
  }
}
@media screen and (min-width: 768px) {
  /*
  .block-referenzen-highlights-slider #refimgswiper .swiper-wrapper {
  height: 700px !important;
}
  */
  .block-bild-slider #imgswiper .swiper-wrapper {
	padding-bottom: 100px;
  }
  .block-referenzenliste .button-liste {
	display: flex!important;
	align-items: center!important;
	flex-flow: row wrap!important;
	justify-content: center!important;
	gap: 4px;
  }
}
@media screen and (max-width: 1279px) {
  .block-bild-slider, .block-referenzen-highlights-slider {
	padding: 50px var(--belt-gap);
  }
  .block-bild-slider.agentur-slider {
	padding: 0 var(--belt-gap) 100px var(--belt-gap);
  }
  .block-bild-slider #imgswiper::after {
	width: 25px;
	bottom: -90px;
  }
  .block-referenzen-highlights-slider #refimgswiper::after {
	width: 25px;
	bottom: -80px;
  }
  #tpfo-after-content-references::after {
	width: 25px;
	bottom: 0;
  }
  .block-bild-slider #imgswiper .swiper-wrapper {
	padding-bottom: 0;
  }
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) h4 {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin:0 0 20px 0;
  color: #ababa5;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .teaser-wrapper {
  gap: var(--block-space--xl);
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .wrapper-box {
  min-height: auto;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .text-box .text-wrapper {
  padding: 0;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .img-box img {
  height: auto;
  width: auto;
  top: -70px;
  object-fit: unset;
  z-index: 2;
  position: relative;
  left: -100px;
  max-height: 170px;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .wrapper-box:nth-child(2n+0) .text-box {
  grid-column-start: 7;
  grid-column-end: 13;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .wrapper-box:nth-child(2n+0) .img-box {
  grid-column-start: 13;
  grid-column-end: 13;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .wrapper-box:nth-child(2n+0) .img-box img {
  left:0;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .reversedAll .img-box {
  grid-column: span 1 !important;
}
.page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .reversedAll .img-box img {
  left:0;
}
.block-bild-text-kacheln.servus-twinion .text-box .text-wrapper h3 {
  hyphens: none;
}
@media screen and (max-width: 1023px) {
  .page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .teaser-wrapper {
	display: flex;
	flex-direction: column;
  }
  .page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .wrapper-box {
	display: flex;
	flex-direction: column;
  }
  .page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .img-box {
	text-align: center;
  }
  .page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .img-box img {
	top:0;
	left:0;
  }
  .page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .wrapper-box .text-box .text-wrapper {
	padding-top: 0;
  }
  .page-id-59 .block-bild-text-kacheln:not(.servus-twinion) .text-box {
	margin:0;
  }
  .block-bild-slider #imgswiper .swiper-wrapper {
	padding-bottom: 0;
  }
  .block-bild-slider.agentur-slider {
	padding: 0 var(--belt-gap) 100px var(--belt-gap);
  }
}

@media screen and (max-width: 599px) {
  .block-bild-slider.agentur-slider {
	padding: 0 0 100px 0!important;
  }
}

/* REFERENZEN SEITE */
.filter-button-group .gridaction__button::after {
  width: 0 ;
}
.wp-container-2.wp-block-gallery-1, .wp-block-gallery, .wp-block-gallery .wp-block-image {
  margin:0;
  gap:0;
  width: 100%;
}
.wp-container-2.wp-block-gallery-1 figure , .wp-container-2.wp-block-gallery-1 figure img, .wp-block-gallery .wp-block-image img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1290px) {
  .block-image-simple video {
	grid-column: 1/13;
	width: 100%;
  }
}
.block-image-simple.full-width, .block-image-simple.full-width .aio-grid {
  display: flex;
}
.block-image-simple.full-width .aio-grid video,.block-image-simple.full-width .aio-grid img, .block-image-simple.full-width .aio-grid {
  width: 100%;
}
.physiogallerie {
  padding-left: 90px;
  padding-right: 90px;
  gap: 20px;
  margin-bottom: 20px;
}
.physiogallerie .block-image-simple {
  height: 100%;
}
.physiogallerie .block-image-simple img {
  max-height: 600px;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 781px) {
  .physiogallerie.logo > div {
	max-width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1023px) {
  .block-image-simple.wildschoenau > div {
	margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .physiogallerie {
	padding-left: var(--belt-gap);
	padding-right: var(--belt-gap);
  }
  .block-image-simple.wildschoenau > div {
	margin-top: 50px;
  }
}
@media (max-width: 500px) {
  .block-image-simple.wildschoenau > div {
	margin-top: 0;
  }
}
@media (max-width: 400px) {
  .physiogallerie.logo > div {
	max-width: unset;
  }
}

#tpfo-after-content-references {
  margin: var(--block-space--xl) 0 0 0;
  display: block!important;
}
h2#tpfo-after-content-references-title {
  margin: 0 0 50px 0;
  text-align: left;
  max-width: 1430px;
  margin-left: auto;
  margin-right: auto;
}
.tpfo-ref-item-info {
  position: relative;
}
.tpfo-ref-item {
  border: unset;
}
.tpfo-ref-item-info-content {
  padding-left: 0;
  padding-right: 0;
}
.tpfo-ref-item-info-content .tpfo-ref-item-info-shortdesc, .tpfo-ref-item-info-content .tpfo-ref-item-info-title {
  color: var(--text);
  font-size: 18px;
  line-height: 1.6;
}
.tpfo-ref-item-info-content .tpfo-ref-item-info-title {
  font-weight: 700;
  text-transform: none;
}
.tpfo-ref-iso-item:hover h3,.block-referenzenliste .reference-list .referenz-element:hover h3  {
  color: var(--c1);
}
.nav-container.page-container.fixed.w1280 {
  padding: 0 var(--belt-gap);
}
@media screen and (min-width: 1280px) {
  h2#tpfo-after-content-references-title {
	padding-left: var(--belt-gap);
	padding-right: var(--belt-gap);
  }
}
@media screen and (max-width: 1279px) {
  #tpfo-after-content-references {
	padding: 0 20px 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  #tpfo-after-content-references {
	padding: 0 30px 0 30px;
  }
  h2#tpfo-after-content-references-title {
	padding-left: 10px;
	padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #tpfo-after-content-references {
	padding: 0 10px 0 10px;
  }
}

/** REFERENZ Teaser horizontal Overlap START **/
.head-animated-wrap {
  z-index: 30;
  max-width: var(--belt-width);
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding: 0 var(--belt-gap);
}
.head-animated-wrap h1 {
  font-size: 5em;
  color: white;
}
.head-animated-wrap span {
  border-right: 15px solid;
  animation: caret 1s steps(1) infinite;
}
@keyframes caret {
  50% {
	border-color: transparent;
  }
}
.block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /*height: 85vh;*/
  height: 800px;
  background-color: var(--c2);
  display: flex;
  align-items: center;
}
.postid-8919 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9018 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
  background-position: 77%;
}
.postid-9124 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9158 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9105 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9167 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9088 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9028 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9000 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-9121 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
  background-position: right;
}
.postid-8939 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image,
.postid-42518 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
  background-position: 80%;
}
.postid-42636 .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
  background-position: left;
}
.block-referenz-teaser-hori-overlap .teaser-hori-overlap-overlay {
  width: 100%;
  height: 70vh;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 90%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.block-referenz-teaser-hori-overlap .intro-box {
  margin-top: -150px;
  position: relative;
  z-index: 1;
  grid-row-gap: 50px;
}
.block-referenz-teaser-hori-overlap .intro-box.one-column {
  gap: 100px;
  padding: 100px;
  background: var(--c4);
}
.block-referenz-teaser-hori-overlap .intro-box.add-column {
  display: flex;
  gap: 100px;
  padding: 100px 100px 0 100px;
  background: var(--c4);
}
.block-referenz-content .intro-box.one-column {
  padding: 100px 100px 0 100px;
}
.block-referenz-content .intro-box.add-column {
  padding: 100px 100px 0 100px;
}
.block-referenz-content .intro-box.one-column .content-wrapper-box .item {
  grid-column: span 12 !important;
  max-width: 940px;
}
.block-referenz-teaser-hori-overlap .intro-box .intro-box-inner p:empty {
  display: none;
}
.block-referenz-teaser-hori-overlap .intro-box.one-column .intro-box-inner p
.block-referenz-teaser-hori-overlap .intro-box.add-column .intro-box-inner p {
  margin: 0;
}
.block-referenz-teaser-hori-overlap .intro-box.one-column .intro-box-inner,
.block-referenz-teaser-hori-overlap .intro-box.add-column .intro-box-inner {
  padding: 0;
}
.block-referenz-teaser-hori-overlap .intro-box.add-column.column-third .intro-box-inner {
  width: 75%;
}
.block-referenz-teaser-hori-overlap .intro-box.add-column.column-third .intro-box-inner-second {
  width: 25%;
}
.block-referenz-teaser-hori-overlap .intro-box.add-column.column-half .intro-box-inner {
  width: 50%;
}
.block-referenz-teaser-hori-overlap .intro-box.add-column.column-half .intro-box-inner-second {
  width: 50%;
}
.block-referenz-teaser-hori-overlap .intro-box.add-column .content-wrapper-box {
  display: block;
}
.block-referenz-teaser-hori-overlap .intro-box.one-column .content-wrapper-box .box-content,
.block-referenz-teaser-hori-overlap .intro-box.add-column .content-wrapper-box .box-content {
  max-width: 100%;
  margin: 0;
}
.block-referenz-teaser-hori-overlap .intro-box .content-wrapper-box .item h3 {
  margin-bottom: 30px;
}
.block-referenz-teaser-hori-overlap .intro-box.add-column .content-wrapper-box .box-content p:last-child {
  margin-bottom: 0;
}
.block-referenz-teaser-hori-overlap .intro-box .tpfo-service-list {
  display: flex;
  flex-direction: column;
}
.block-referenz-teaser-hori-overlap .box-header {
  display: flex;
  align-items: center;
  margin: -50px auto 0;
  padding: 10px;
  justify-content: center;
  max-width: 355px;
}
.block-referenz-teaser-hori-overlap .box-header h2 {
  color: var(--c1-inv);
}
.block-referenz-teaser-hori-overlap .box-header.bg-boxtitle-one-color {
  background: var(--c1);
}
.block-referenz-teaser-hori-overlap .box-header.bg-boxtitle-gradient {
  background: var(--c1);
  background: linear-gradient(270deg, rgba(var(--c1-r), var(--c1-g), var(--c1-b), 1) 25%, rgba(var(--c3-r), var(--c3-g), var(--c3-b), 1) 75%);
}
.block-referenz-teaser-hori-overlap .box-header img {
  height: 40px;
  width: 40px;
  margin-right: 1em;
}
.block-referenz-teaser-hori-overlap .box-header svg {
  fill: var(--c1-inv);
  height: 20px;
  width: 20px;
  margin-right: 1em;
}
.block-teaser-hori-overlap .intro-box-inner {
  background: var(--c4);
  padding: 150px 12% 110px 220px;
  box-shadow: unset;
}
.block-referenz-teaser-hori-overlap .intro-box-inner {
  padding: 100px;
  background: var(--c4);
}
.block-referenz-teaser-hori-overlap h1 {
  margin-bottom: 20px;
  font-size: 48px;
  line-height: 1.1;
  max-width: 940px;
}
.block-referenz-content h2 {
  max-width: 940px;
}

.block-referenz-teaser-hori-overlap h3 {
  font-size: 18px;
}
.block-referenz-teaser-hori-overlap .intro-box-inner-second h3,
.block-bild-text-overlap .content-wrap h3 {
  font-size: 24px;
  font-weight: 600;
  text-transform: none;
  color: var(--text);
  margin: 0 0 1em 0;
  padding: 0;
}
.block-bild-text-overlap .content-wrap h3 {
  margin: 0 0 0.5em 0;
}
.block-bild-text-overlap .content-wrap {
  margin-top: 2em;
}
.block-referenz-spalten.block-bild-text-overlap.inner-distance-textbox .content-wrap {
  margin: var(--belt-gap);
}
.block-referenz-spalten.block-bild-text-overlap .visitenkarten-image {
  max-height: unset;
}
.block-referenz-teaser-hori-overlap .intro-box-inner-second p:empty {
  display: none;
}
.block-referenz-teaser-hori-overlap .intro-box-inner-second p a {
  transition: color 0.3s ease;
}
.block-referenz-teaser-hori-overlap .intro-box-inner-second p a:hover {
  color: var(--c1) !important;
}

h3.widget-title {
  margin-bottom: 40px;
}
.block-referenz-teaser-hori-overlap .intro-box-inner .box-content {
  margin-top: 30px;
  max-width: 750px;
}

.block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box {
  gap: var(--belt-gap);
}
.block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box h4 {
  margin-top: 0;
  font-size: 22px;
}
.block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box ul {
  list-style: none;
}
.block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box ul li {
  min-height: 30px;
}
.block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box ul li a {
  color: var(--text);
  font-size: 18px;
}
.block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box ul li a:hover {
  color: var(--c1);
}
.tpfo-ref-item-info-content .tpfo-ref-item-info-shortdesc, .tpfo-ref-item-info-content .tpfo-ref-item-info-title {
  font-size: 18px !important;
}
.block-referenz-content .intro-box.one-column .intro-box-inner h2, 
.block-referenz-content .intro-box.add-column .intro-box-inner h2 {
  margin-bottom: 0.25em;
}

@media screen and (max-width: 1280px) {
  .head-animated-wrap h1 {
	font-size: 48px;
	color: white;
  }
  .block-referenz-teaser-hori-overlap h3 {
	font-size: 18px!important;
  }
  .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
	height: 600px;
  }
  .block-referenz-teaser-hori-overlap .intro-box.one-column .intro-box-inner,
  .block-referenz-teaser-hori-overlap .intro-box.add-column .intro-box-inner {
	padding: 0;
  }
  .block-referenz-teaser-hori-overlap .intro-box.one-column,
  .block-referenz-teaser-hori-overlap .intro-box.add-column {
	gap: var(--belt-gap);
	padding: var(--belt-gap);
  }
  .block-referenz-teaser-hori-overlap .intro-box.add-column,
  .block-referenz-content .intro-box.one-column,
  .block-referenz-content .intro-box.add-column {
	padding: var(--belt-gap) var(--belt-gap) 0 var(--belt-gap);
  }
  .block-referenz-teaser-hori-overlap .intro-box-inner-second h3,
  .block-bild-text-overlap .content-wrap h3 {
	font-size: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .head-animated-wrap {
	text-align: center;
  }
  .block-teaser-hori-overlap .intro-box-inner {
	padding: 5%;
  }
  .block-referenz-teaser-hori-overlap .intro-box-inner {
	padding: 50px 50px 70px 50px;
  }
  .head-animated-wrap span {
	border-right: 5px solid;
  }
  .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
	height: 500px;
  }
  .block-referenz-teaser-hori-overlap .intro-box {
	margin-top: -100px;
  }
  #tpfo-after-content-references{
	margin: var(--block-space--md) 0 0 0;
  }
  .block-referenz-teaser-hori-overlap .intro-box.add-column {
	flex-direction: column;
  }
  .block-referenz-teaser-hori-overlap .intro-box.add-column .intro-box-inner,
  .block-referenz-teaser-hori-overlap .intro-box.add-column .intro-box-inner-second,
  .block-referenz-teaser-hori-overlap .intro-box.add-column.column-third .intro-box-inner,
  .block-referenz-teaser-hori-overlap .intro-box.add-column.column-third .intro-box-inner-second,
  .block-referenz-teaser-hori-overlap .intro-box.add-column.column-half .intro-box-inner,
  .block-referenz-teaser-hori-overlap .intro-box.add-column.column-half .intro-box-inner-second {
	width: 100%;
  }
  .block-referenz-teaser-hori-overlap .intro-box-inner-second h3,
  .block-bild-text-overlap .content-wrap h3 {
	font-size: 20px!important;
  }
}

@media screen and (max-width: 767px) {
  .block-referenz-teaser-hori-overlap .intro-box-inner {
	padding: 30px var(--belt-gap) 50px var(--belt-gap);
  }
  .block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box {
	display: flex;
	flex-direction: column;
	gap: 80px;
  }
  .block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box h3 {
	margin-bottom: 20px;
	font-size: 16px;
  }
  .block-referenz-teaser-hori-overlap h3 {
	font-size: 16px!important;
  }
  .block-referenz-teaser-hori-overlap .intro-box-inner .content-wrapper-box li.tpfo-service-item {
	display: block;
  }
  .head-animated-wrap h1 {
	font-size: 2em;
  }
  .block-referenz-teaser-hori-overlap .teaser-hori-overlap-intro-image {
	height: 350px;
  }
  .block-referenz-teaser-hori-overlap .intro-box {
	margin-top: -50px;
  }
  .tpfo-ref-item-info-content .tpfo-ref-item-info-shortdesc, .tpfo-ref-item-info-content .tpfo-ref-item-info-title {
	font-size: 15px!important;
  }
  #tpfo-after-content-references{
	margin: var(--block-space--sm) 0 0 0;
  }
  .block-referenz-teaser-hori-overlap .intro-box .content-wrapper-box .item h3 {
	margin-bottom: 1em;
	padding-top: 0;
  }
  .block-referenz-teaser-hori-overlap .intro-box-inner-second h3,
  .block-bild-text-overlap .content-wrap h3 {
	font-size: 18px!important;
  }
}

@media screen and (max-width: 710px) {
  .block-referenz-teaser-hori-overlap .intro-box-inner.item {
	grid-column: span 12 !important;
  }
}
@media screen and (max-width: 768px) {
  .tpfo-iso-grid {
	flex-direction: row !important;
  }
}
@media screen and (max-width: 1023px) {

  .tpfo-iso-grid {
	margin:0;
  }
}
@media screen and (min-width: 711px) and (max-width: 1023px) {
  .block-referenz-teaser-hori-overlap .intro-box.ratio__3 .intro-box-inner.item:last-child {
	grid-column: 4/10 !important;
  }
}
/** REFERENZ Teaser horizontal Overlap ENDE **/

.tpfo-iso-grid {
  display: flex;
  align-items: flex-start;
}

/** LEISTUNGEN **/
@media screen and (max-width: 767px) {
  ul#insurance-comparison__navigation {
	row-gap: 0;
	column-gap: 0;
	justify-content: center;
	padding: 20px 0;
	align-items: center;
  }
  ul#insurance-comparison__navigation li a {
	text-align: center;
  }
}
@media screen and (max-width: 600px) {
  ul#insurance-comparison__navigation {
	flex-direction: column;
  }
}
.logoentwicklung-ff.block-bild-text-cta .item.gridaction__content {
  padding:0;
  grid-row: 1/3;
}
.logoentwicklung-ff.block-bild-text-cta .item.gridaction__content .gridaction__box  {
  background: transparent;
}
.logoentwicklung-ff.block-bild-text-cta.full-width-rechts .spread__full .cta-img-box {
  background-size: contain;
  background-color: var(--c8);
}
@media screen and (max-width: 1023px) {
  .logoentwicklung-ff.leistungs-section.leistung-bg-small-left .gridaction__image {
	background-position: left !important;
  }
}
.block-bild-text-kacheln .wrapper-box h3 {
  text-transform: none;
  font-weight: 800;
}
.block-bild-text-kacheln h4 {
  letter-spacing: 2px;
}
.block-bild-text-kacheln .text-box p a {
  font-style: italic;
  transition: all 0.3s ease;
}
.block-bild-text-kacheln .text-box a:hover {
  color: var(--c1);
}

.block-text-column h2 {
  max-width: 770px;
}
.block-text-column ul, .visitenkarten-info-wrapper ul {
  list-style: none;
}
.visitenkarten-info-wrapper ul li::before, .block-text-column ul li::before {
  content: "";
  position: absolute;
  left:0;
  top:7px;
  background-image: url('/wp-content/uploads/icon-nav-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 16px;
}
.leistungs-section.block-bild-text-cta .gridaction__image.cta-img-box {
  background-repeat: no-repeat;
}
.leistungs-section.block-bild-text-cta.bg-contain .gridaction__image.cta-img-box {
  background-size: contain;
}
.block-text-column ul li, .visitenkarten-info-wrapper ul li {
  line-height: 30px;
  position: relative;
  padding-left: 20px;
}
.block-text-column .aio-grid .text-content {
  grid-column: span 12;
}
.leistung-content.block-bild-text-kacheln h4 {
  letter-spacing: unset;
}
.leistung-content.block-bild-text-kacheln .text-box .text-wrapper {
  padding: 0;
}
.leistung-content.block-bild-text-kacheln .img-box img {
  object-fit: contain;
}
/*
.leistungs-section.block-bild-text-cta .cta-text-box .gridaction__box {
max-width: 535px;
}
*/

.leistungs-section.block-bild-text-cta.bg-white .cta-text-box .gridaction__box {
  background-color: #fff;
}
.leistungs-section.block-bild-text-cta.bg-black .cta-text-box .gridaction__box {
  background-color: #000;
}
.leistungs-section.block-bild-text-cta .cta-text-box {
  padding: 0;
}
.box-up.leistungs-section.block-bild-text-cta .cta-text-box  {
  align-items: flex-start !important;	
}
.leistungs-section.block-bild-text-cta.reversed .gridaction__content {
  justify-content: flex-end;	
}
.leistungs-section.block-bild-text-cta.box-start .gridaction__content {
  align-items: flex-start;	
}
.box-down.leistungs-section.block-bild-text-cta .cta-text-box  {
  align-items: flex-end !important;	
}
.leistungs-section.block-bild-text-cta.first-item .gridaction__content {
  align-items: start;
}
.leistungs-section.block-bild-text-cta.landingpage-teaser .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 10vw center;
  max-height: 70vh;
}
.leistungs-section.block-bild-text-cta.strategieplanung .gridaction__image.cta-img-box {
  background-position: right;
  background-size: contain;
}
.leistungs-section.block-bild-text-cta.zielsetzung .gridaction__image.cta-img-box {
  background-position: left;
}
.leistungs-section.block-bild-text-cta.marktpositionierung .gridaction__image.cta-img-box {
  background-position: right 20%;
  background-size: 52%;
}
.leistungs-section.block-bild-text-cta.corporate-identity .gridaction__image.cta-img-box {
  background-position: left center;
  background-size: 52%;
}
.leistungs-section.block-bild-text-cta.ideenfindung .gridaction__image.cta-img-box {
  background-position: right top;
  background-size: 52%;
}
.leistungs-section.block-bild-text-cta.gestaltungsraster .gridaction__image.cta-img-box {
  background-size: contain!important;
}
.leistungs-section.block-bild-text-cta.anzeigen .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.rollups .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.mailings .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left bottom;
}
.leistungs-section.block-bild-text-cta.werbemittel .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 14% center;
}
.leistungs-section.block-bild-text-cta.online .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: top left;
}
.leistungs-section.block-bild-text-cta.landingpage .gridaction__image.cta-img-box {
  background-size: 1150px;
  background-position: 85%;
}
.leistungs-section.block-bild-text-cta.hosting .gridaction__content {
  align-items: center;
}
.leistungs-section.block-bild-text-cta.hosting .gridaction__image.cta-img-box {
  background-size: 800px;
  background-position: 85%;
}
.leistungs-section.block-bild-text-cta.bannerformats .gridaction__content {
  align-items: center;
}
.leistungs-section.block-bild-text-cta.bannderformats .gridaction__image.cta-img-box {
  background-size: 800px;
  background-position: 85%;
}
.leistungs-section.block-bild-text-cta.aio-theme .gridaction__image.cta-img-box {
  background-size: 815px;
  background-position: 85%;
}
.leistungs-section.block-bild-text-cta.aio-theme h2 {
  max-width: 500px;
}
.leistungs-section.block-bild-text-cta.homepage-website .gridaction__image.cta-img-box {
  background-size: 700px;
  background-position: 17%;
}
.block-bild-text-cta.homepage-website {
  margin-bottom: -50px;
}
.leistungs-section.block-bild-text-cta.webdesign-arbeitsweise .gridaction__image.cta-img-box {
  background-size: 800px;
  background-position: 17% top;
}
.leistungs-section.block-bild-text-cta.webdesign-arbeitsweise .cta-img-box {
  height: auto;
}
.webdesign-arbeitsweise.info .block-header {
  margin-bottom: 50px;
}
.webdesign-arbeitsweise.info .aio-grid.spread__basic.ratio__3>.item {
  grid-column: span 5;
}
.webdesign-arbeitsweise.info.phase-3.text .content-wrapper,
.webdesign-arbeitsweise.info.phase-3.wireframes .content-wrapper {
  margin-top: -40px;
}
.webdesign-arbeitsweise.info.phase-3.text .block-header,
.webdesign-arbeitsweise.info.phase-3.wireframes .block-header {
  margin-bottom: 20px;
}
.webdesign-arbeitsweise.info .block-header h2 {
  margin-bottom: 10px;
}
.webdesign-arbeitsweise.info .block-header h3,
.block-text-icon-cta.webdesign-arbeitsweise.info h3,
.double-box h3 {
  font-size: 30px!important;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.double-box h3 {
  margin-bottom: 0.75em;
}
.webdesign-arbeitsweise.info.grey-head .block-header h3 {
  color: #ABABA5!important;
}
.webdesign-arbeitsweise.info .textbox__header {
  display: none;
}
.leistungs-section.block-bild-text-cta.seo .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 84%;
}
.leistungs-section.block-bild-text-cta.newsletter .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: bottom right;
}
.leistungs-section.block-bild-text-cta.bewertung .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: bottom right;
}
.leistungs-section.character-design .gridaction__image {
  background-position: 10%;
  background-size: contain;
}
.leistungs-section.doodle-and-comics .gridaction__image {
  background-position: 10%;
  background-size: 38%;
}
.leistungs-section.block-bild-text-cta.produktillustration .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: bottom right;
  background-color: #000;
}
.leistungs-section.block-bild-text-cta.editorial .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: -10vw;
  background-color: #fff;
}
.leistungs-section.block-bild-text-cta.infografiken .gridaction__image.cta-img-box {
  background-position: right;
}
.leistungs-section.block-bild-text-cta.corporate-illustration .gridaction__image.cta-img-box {
  background-position: 118%;
  background-size: contain;
  background-color: #023d75;
}
.leistungs-section.block-bild-text-cta.animation2d .gridaction__image.cta-img-box {
  background-position: -100px;
  background-size: contain;
}
.leistungs-section.block-bild-text-cta.namensfindung-tasche .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 10vw;
}
.leistungs-section.block-bild-text-cta.werbetexte .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 70px 120px;
}
.leistungs-section.block-bild-text-cta.visitenkarte .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left;
}
.leistungs-section.block-bild-text-cta.ga-physioline .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.vbsm .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: center top;
}
.leistungs-section.block-bild-text-cta.hochzeit-broschuere .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 100px top;
}
.leistungs-section.block-bild-text-cta.bbb-broschuere .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.einladung .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.flyer-ff .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.wichtige-doks .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.aufsteller .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: -300px top;
}
.leistungs-section.block-bild-text-cta.sm-intro .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left bottom;
}
.leistungs-section.block-bild-text-cta.notebook-computop .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: -100px top;
}
.leistungs-section.block-bild-text-cta.comfort .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
}
.leistungs-section.block-bild-text-cta.marketing-instrument .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 10vw top;
}
.leistungs-section.block-bild-text-cta.mail-intro .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: -100px center;
}
.leistungs-section.block-bild-text-cta.animation-2d .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left center;
}
.block-animation-kacheln.animation-2d .img-box video {
  margin-left: -270px;
  margin-top: 50px;
  height: 100%;
  width: auto;
}
.leistungs-section.block-bild-text-cta.produktillu .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left center;
}
.leistungs-section.block-bild-text-cta.werbetafel .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: right center;
}
.leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: left top;
  max-height: 600px;
}
.leistungs-section.block-bild-text-cta.doodles-intro .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 10vw center;
  margin-top: 20px;
}
.leistungs-section.block-bild-text-cta.doodles .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: right center;
  width: 90%;
}
.leistungs-section.block-bild-text-cta.story-intro .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: right center;
  width: 95%;
}
.leistungs-section.block-bild-text-cta.clean-desk .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: 100px center;
  max-height: 600px;
}
.leistungs-section.block-bild-text-cta.cover-gestaltung .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: top left;
}
.leistungs-section.block-bild-text-cta.bildsprache .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: top right;
}
.leistungs-section.block-bild-text-cta.wichtel .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
  align-self: end;
}
.leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
  background-size: 90%;
  background-position: center 20%;
  max-height: 700px;
}
.leistungs-section.block-bild-text-cta.redesign .gridaction__image.cta-img-box {
  background-size: 62%;
  background-position: right top;
}
.leistungs-section.block-bild-text-cta.zusammenhang-rohr .gridaction__image.cta-img-box {
  background-size: contain;
  background-position: right top;
  max-height: 600px;
}
.leistungs-section.block-bild-text-cta.tipp .gridaction__box  {
  background: rgba(47, 48, 59, 0.9)!important;
}
.leistungs-section.block-bild-text-cta.tipp .gridaction__box p  {
  color: var(--c4);
}
.leistungs-section.block-bild-text-cta.tipp .gridaction__box strong  {
  color: var(--c1);
}
.leistungs-section.block-bild-text-cta.tipp .gridaction__image.cta-img-box {
  background-position: center 32%;
}
.cdesign .gridaction__image {
  background-position: 14vw top;
  background-size: 90%;
}
.ct-wrapper {
  max-width: 1510px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--belt-gap);
}
.ct-images.connection.wp-block-columns {
  flex-wrap: wrap!important;
  flex-basis: unset!important;
}
.ct-schlagworte {
  margin-bottom: -200px;
  z-index: 100;
  background-color: transparent;
  position: relative;
}
.ct-text {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.ct-inner {
  padding: 50px;
}
.ct-images {
  display: flex;
}
.ct-images > div {
  width: calc(100% / 3);
}
.ct-img {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.ct-img > section {
  height: 100%;
}
.ct-img img {
  object-fit: cover;
  object-position: 52%;
}
.ct-pic-overlap figure {
  margin: 0;
}
.ct-pic-overlap .ct-img-1 {
  text-align: right;
  z-index: 2;
  position: relative;
}
.ct-pic-overlap .ct-img-2 {
  z-index: 1;
}

.ct-wrapper .plus {
  position: relative;
}

.ct-wrapper .plus::after {
  content: "";
  background-image: url(/wp-content/uploads/twin-werbeagentur_ct-25-plus.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 28px);
  right: -38px;
  width: 56px;
  height: 56px;
  z-index: 100;
}
.ct-arrow {
  padding: 20px var(--belt-gap) 0 var(--belt-gap);
}
.ct-arrow > div {
  display: flex;
  align-items: flex-start;
}
.icon-1 .block-header, 
.icon-2 .block-header, 
.icon-3 .block-header, 
.icon-4 .block-header, 
.icon-5 .block-header {
  position: relative;
  margin-left: 100px;
}

.icon-1 .block-header:before {
  background-image: url(/wp-content/uploads/twin-werbeagentur_konzeption.gif);
}
.icon-2 .block-header:before {
  background-image: url(/wp-content/uploads/twin-werbeagentur_layout.gif);
}
.icon-3 .block-header:before {
  background-image: url(/wp-content/uploads/twin-werbeagentur_wireframes.gif);
}
.icon-4 .block-header:before {
  background-image: url(/wp-content/uploads/twin-werbeagentur_grafiken.gif);
}
.icon-5 .block-header:before {
  background-image: url(/wp-content/uploads/twin-werbeagentur_programmierung.gif);
}

.icon-1 .block-header:before, 
.icon-2 .block-header:before, 
.icon-3 .block-header:before, 
.icon-4 .block-header:before, 
.icon-5 .block-header:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  left: -112px;
  mix-blend-mode: multiply;
}

@media screen and (min-width: 1530px) {
  .ct-pic-overlap .ct-img-2 {
	margin-top: -130px;
  }
}

@media screen and (min-width: 1281px) {
  .ct-wrapper .plus.last::after {
	display: none;
  }
}

@media screen and (max-width: 1280px) {
  .ct-wrapper .plus::after {
	top: unset;
	bottom: -38px;
	right: calc(50% - 28px);
  }
  .ct-wrapper .plus.middle::after {
	display: none;
  }
  .icon-1 .block-header:before, 
  .icon-2 .block-header:before, 
  .icon-3 .block-header:before, 
  .icon-4 .block-header:before, 
  .icon-5 .block-header:before {
	top: -7px;
  }
}

@media screen and (min-width: 1024px) {
  .leistungs-section.space-top-desktop {
	padding-top: 100px;
  }
  .leistungs-section.space-bottom-desktop {
	padding-bottom: 100px;
  }
  .leistungs-section.block-bild-text-cta.corporate-illustration {
	background-color: #023d75;
  }
  .leistungs-section.block-bild-text-cta.bg-black .gridaction__button {
	color: #fff!important;
  }
  .leistungs-section.block-bild-text-cta.bg-black .gridaction__button:hover {
	color: #000!important;
  }
  .leistungs-section.block-bild-text-cta.vbsm {
	margin-top: -70px;
  }
  .leistungs-section.block-bild-text-cta.box-transparent .cta-text-box .gridaction__box {
	background-color: rgba(2, 61, 117, 0.9);
	color: #fff;
  }
  .leistungs-section.block-bild-text-cta.box-transparent .cta-text-box .gridaction__box .text-wrap h2,
  .leistungs-section.block-bild-text-cta.box-transparent .cta-text-box .gridaction__box p {
	color: #fff!important;
  }
  .zusammenhang-rohr.leistungs-section .gridaction__image::after {
	bottom: -100px!important;
  }
  .leistungs-section.bildsprache {
	margin-top: 20px;
	margin-bottom: 20px;
  }
  .block-text-icon-cta.aio-grid .spread__basic {
	grid-column-gap: 60px;
  }
  .webdesign-arbeitsweise.info .block-content {
	grid-row-gap: 0;
  }
  .webdesign-arbeitsweise.info.phase-3.wireframes .textbox__content img {
	margin-top: -130px;
  }
  .leistungs-section.block-bild-text-cta.tipp .gridaction__box  {
	max-width: 420px;
  }
}

@media screen and (max-width: 1500px) {
  .leistungs-section.block-bild-text-cta.editorial .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: -17vw;
  }
  .leistungs-section.block-bild-text-cta.corporate-illustration .gridaction__image.cta-img-box {
	background-size: cover;
  }
  .leistungs-section.doodle-and-comics .gridaction__image {
	background-size: 43%;
  }
  .leistungs-section.block-bild-text-cta.corporate-illustration .gridaction__image.cta-img-box {
	background-position: right;
  }
  .leistungs-section.block-bild-text-cta.bildsprache .gridaction__image.cta-img-box {
	background-size: cover!important;
  }
}

@media screen and (max-width: 1550px) {
  .ct-schlagworte {
	margin-bottom: -100px;
  }
}

@media screen and (max-width: 1280px) {
  .leistungs-section.block-bild-text-cta.strategieplanung .gridaction__image.cta-img-box {
	background-position: 125%;
  }
  .leistungs-section.block-bild-text-cta.corporate-identity .gridaction__image.cta-img-box {
	background-position: left top;
  }
  .leistungs-section.block-bild-text-cta .cta-text-box {
	padding: 0 30px;
  }
  .leistungs-section.block-bild-text-cta.mailings .gridaction__image.cta-img-box {
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta.seo .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: right;
  }
  .leistungs-section.doodle-and-comics .gridaction__image {
	background-position: 13% 100px;
	background-size: 34%;
  }
  .leistungs-section.block-bild-text-cta.werbetexte .gridaction__image.cta-img-box {
	background-position: center 100px;
  }
  .leistungs-section.block-bild-text-cta.hochzeit-broschuere .gridaction__image.cta-img-box {
	background-position: center top;
  }
  .leistungs-section.block-bild-text-cta.sm-intro .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: center bottom;
  }
  .block-animation-kacheln.animation-2d .img-box video {
	margin-left: -300px;
  }
  .leistungs-section.block-bild-text-cta.doodles .gridaction__image.cta-img-box {
	background-position: center;
	margin: 0 auto;
  }
  .leistungs-section.block-bild-text-cta.wichtel .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	bottom: 50px!important;
  }
  .leistungs-section.block-bild-text-cta.clean-desk .gridaction__image.cta-img-box {
	max-height: 500px;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.clean-desk .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	bottom: 0!important;
  }
  .leistungs-section.block-bild-text-cta.clean-desk .cta-inner.aio-grid.spread__full {
	justify-content: center;
  }
  .cdesign .gridaction__image {
	background-position: center top !important;
  }
  .ct-images.connection.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
	flex-basis: unset;
  }
  .ct-images.connection > .ct-img.order {
	order: -1;
  }
  .ct-images > div:nth-child(3) {
	width: calc(50% - 10px);
  }
  .ct-images > div:nth-child(1) {
	width: calc(50% - 10px);
  }
  .ct-images.connection > div:nth-child(2) {
	width: 100%;
	max-width: 100%;
  }
  .ct-inner {
	padding: var(--belt-gap);
  }
  .webdesign-arbeitsweise.info .block-header h3,
  .block-text-icon-cta.webdesign-arbeitsweise.info h3,
  .double-box h3 {
	font-size: 24px!important;
  }
}

@media screen and (max-width: 1023px) {
  .leistung-content.block-bild-text-kacheln .wrapper-box {
	display: flex;
	flex-direction: column;
	padding: 0 var(--belt-gap);
  }
  .leistung-content.block-bild-text-kacheln .img-box img {
	max-height: 400px;
  }
  .leistungs-section.block-bild-text-cta .cta-inner {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
  }
  .leistungs-section.block-bild-text-cta.space-bottom-adjust .cta-inner {
	padding-bottom: 60px;
  }
  .leistungs-section.block-bild-text-cta.space-bottom-lift .cta-inner {
	padding-bottom: 120px;
  }
  .leistungs-section.block-bild-text-cta .cta-img-box {
	min-height: 500px !important;
	height: 100%;
	max-height: 60vh;
	width: 100%;
  }
  .leistungs-section.block-bild-text-cta .cta-text-box,
  .leistungs-section.block-bild-text-cta.reversed .cta-text-box {
	justify-content: center;
	margin: 0;
  }
  .leistungs-section.block-bild-text-cta.adjust-box .cta-text-box {
	margin: -40px 0;
  }
  .leistungs-section.block-bild-text-cta.lift-box .cta-text-box {
	margin: -100px 0;
  }
  .leistungs-section.block-bild-text-cta .cta-text-box .gridaction__box {
	background: var(--c4);
	padding: 30px;
  }
  .leistungs-section.block-bild-text-cta.free .cta-text-box .gridaction__box {
	padding: 0;
  }
  .leistungs-section.block-bild-text-cta.free-top .cta-text-box .gridaction__box {
	padding: 30px 0 0 0;
  }
  .leistungs-section.block-bild-text-cta.free-bottom .cta-text-box .gridaction__box {
	padding:  0 0 30px 0;
  }
  .leistungs-section.block-bild-text-cta.free-top-bottom .cta-text-box .gridaction__box {
	padding:  30px 0 30px 0;
  }
  .leistungs-section.block-bild-text-cta.bg-black .cta-text-box .gridaction__box {
	background-color: var(--c4);
  }
  .leistungs-section.space-top-mobile {
	padding-top: 50px;
  }
  .leistungs-section.space-bottom-mobile {
	padding-bottom: 50px;
  }
  .leistungs-section.block-bild-text-cta.bg-black h2,
  .leistungs-section.block-bild-text-cta.bg-black p {
	color: var(--text)!important;
  }
  .leistungs-section.leistung-bg-small-left .gridaction__image {
	background-size: contain;
  }
  .leistungs-section.block-bild-text-cta.strategieplanung .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.marktpositionierung .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.corporate-identity .gridaction__image.cta-img-box {
	background-position: center;
	background-size: contain;
  }
  .leistungs-section.block-bild-text-cta.ideenfindung .gridaction__image.cta-img-box {
	background-position: center;
	background-size: contain;
  }
  .leistungs-section.block-bild-text-cta.anzeigen .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.rollups .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.mailings .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.werbemittel .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.online .gridaction__image.cta-img-box {
	background-position: bottom center;
  }
  .leistungs-section.block-bild-text-cta.seo .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.newsletter .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.bewertung {
	margin-top: -50px;
  }
  .leistungs-section.character-design .gridaction__image {
	background-position: center;
  }
  .leistungs-section.doodle-and-comics .gridaction__image {
	background-position: center;
	background-size: contain;
  }
  .leistungs-section.block-bild-text-cta.print .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: bottom right;
  }
  .leistungs-section.block-bild-text-cta.produktillustration .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.editorial .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: top center;
  }
  .leistungs-section.block-bild-text-cta.corporate-illustration .gridaction__image.cta-img-box {
	background-size: 158%;
	background-position: top right;
  }
  .leistungs-section.block-bild-text-cta.animation2d .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.namensfindung-tasche .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.werbetexte .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.ga-physioline .gridaction__image.cta-img-box {
	background-position: bottom center;
  }
  .leistungs-section.block-bild-text-cta.ga-forrs .gridaction__image.cta-img-box {
	margin-top: -50px;
	min-height: 500px!important;
	background-position: left;
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta.vbsm .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: center;
	min-height: 550px!important;
  }
  .leistungs-section.block-bild-text-cta.bbb-broschuere .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.einladung .gridaction__image.cta-img-box {
	background-position: left top;
	min-height: 600px!important;
  }
  .leistungs-section.block-bild-text-cta.flyer-ff .gridaction__image.cta-img-box {
	background-position: left top;
  }
  .leistungs-section.block-bild-text-cta.aufsteller .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: -100px top;
  }
  .leistungs-section.block-bild-text-cta.sm-intro .gridaction__image.cta-img-box {
	background-size: contain;
  }
  .leistungs-section.block-bild-text-cta.notebook-computop .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.marketing-instrument .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.mail-intro .gridaction__image.cta-img-box {
	background-position: center;
  }
  .block-animation-kacheln.animation-2d .teaser-1 {
	overflow: hidden;
  }
  .block-animation-kacheln.animation-2d .img-box video {
	max-height: 400px;
	margin-left: -25%;
	margin-top: 0;
  }
  .block-bild-text-kacheln.animation-2d .wrapper-box .text-box .text-wrapper {
	padding: 0 30px;
  }
  .leistungs-section.block-bild-text-cta.produktillu .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
	max-height: 300px!important;
  }
  .leistungs-section.block-bild-text-cta.doodles-intro .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.doodles .gridaction__image.cta-img-box {
	background-position: center;
	margin: 50px auto 0 auto;
  }
  .leistungs-section.block-bild-text-cta.story-intro .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
	width: 100%;
  }
  .leistungs-section.block-bild-text-cta.bildsprache .gridaction__image.cta-img-box {
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
	max-height: 380px!important;
	min-height: 380px!important;
  }
  .leistungs-section.block-bild-text-cta.redesign .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.clean-desk .gridaction__image.cta-img-box {
	background-position: center;
	min-height: 400px!important;
	margin-top: 70px;
  }
  .cdesign .gridaction__image {
	background-size: 105%;
	background-position: right;
  }
  .ct-schlagworte {
	margin-bottom: -70px;
  }
  .leistungs-section.block-bild-text-cta.landingpage .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.hosting .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.aio-theme .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
	margin-top: 50px;
  }
  .leistungs-section.block-bild-text-cta.homepage-website .cta-img-box {
	height: auto;
  }
  .leistungs-section.block-bild-text-cta.homepage-website .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.webdesign-arbeitsweise .gridaction__image.cta-img-box {
	background-size: contain;
	background-position: center;
  }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .leistungs-section.block-bild-text-cta .cta-inner.aio-grid.spread__full {
	display: flex;
	flex-direction: column;
	position: relative;
  }
  .leistungs-section.block-bild-text-cta.full-width-rechts .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	position: absolute;
	bottom: 100px;
	right: 10px;
	max-width: 50vw;
  }
  .leistungs-section.block-bild-text-cta.full-width-links .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	position: absolute;
	bottom: 100px;
	left: 10px;
	max-width: 50vw;
  }
  .leistungs-section.block-bild-text-cta.full-width-rechts.webentwicklung .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	top: 0;
	bottom: 0;
  }
  .leistungs-section.block-bild-text-cta.homepage-website .cta-img-box {
	height: auto;
	min-height: 700px;
  }
  .leistungs-section.block-bild-text-cta.webdesign-arbeitsweise .gridaction__image.cta-img-box {
	height: auto;
	min-height: 650px;
  }
}

@media screen and (max-width: 900px) {
  .leistungs-section.block-bild-text-cta.ga-physioline .gridaction__image.cta-img-box {
	background-size: cover;
	min-height: 470px!important;
  }
  .leistungs-section.block-bild-text-cta.wichtige-doks .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: left bottom;
	min-height: 470px!important;
	margin-top: -50px;
  }
  .leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
	max-height: 200px!important;
  }
}

@media screen and (max-width: 781px) {
  .ct-images > .wp-block-column {
	flex-basis: 50%!important;
	max-width: calc(50% - 10px);
  }
}

@media screen and (max-width: 767px) {
  .leistungs-section.leistung-bg-small-left .gridaction__image {
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta .gridaction__box {
	background: rgba(var(--c4-r),var(--c4-g),var(--c4-b), 1.0);
  }
  .leistungs-section.block-bild-text-cta .cta-img-box {
	min-height: 350px !important;
	height: 100%!important;
  }
  .leistungs-section.block-bild-text-cta.black-section {
	padding-bottom: 50px;
  }
  .leistungs-section.block-bild-text-cta.mobile-left .gridaction__image.cta-img-box  {
	background-position: left;
  }
  .leistungs-section.block-bild-text-cta.mobile-left .gridaction__image.cta-img-box  {
	background-position: left;
  }
  .leistungs-section.block-bild-text-cta.corporate-identity .cta-inner {
	padding-bottom: 0;
  }
  .leistungs-section.doodle-and-comics .gridaction__image {
	background-size: contain!important;
  }
  .leistungs-section.block-bild-text-cta.ga-physioline .gridaction__image.cta-img-box {
	background-size: cover;
	min-height: 380px!important;
  }
  .leistungs-section.block-bild-text-cta .cta-text-box .gridaction__box {
	padding: 30px var(--belt-gap);
  }
  .leistungs-section.block-bild-text-cta.vbsm .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: center;
	min-height: 400px!important;
  }
  .leistungs-section.block-bild-text-cta.einladung .gridaction__image.cta-img-box {
	background-size: cover;
	min-height: 500px!important;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.flyer-ff .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: center;
	min-height: 500px!important;
  }
  .leistungs-section.block-bild-text-cta.aufsteller .gridaction__image.cta-img-box {
	background-position: -70px top;
  }
  .leistungs-section.block-bild-text-cta.story-intro .gridaction__image.cta-img-box {
	min-height: 280px !important;
  }
  .leistungs-section.block-bild-text-cta.bildsprache .gridaction__image.cta-img-box {
	min-height: 335px!important;
  }
  .leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
	background-position: center;
	max-height: 260px!important;
	min-height: 260px!important;
  }
  .leistungs-section.block-bild-text-cta.clean-desk .gridaction__image.cta-img-box {
	min-height: 290px!important;
  }
  .leistungs-section.block-bild-text-cta.clean-desk .gridaction__image.cta-img-box {
	margin-top: 50px;
  }
  .cdesign .gridaction__image {
	background-position: right !important;
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta.bildsprache .gridaction__image.cta-img-box {
	background-size: cover!important;
	min-height: 420px!important;
  }
  .ct-wrapper .plus::after {
	bottom: -33px;
	width: 45px;
	height: 45px;
  }
  .webdesign-arbeitsweise.info .block-header {
	margin-bottom: 10px;
  }
  .webdesign-arbeitsweise.info .block-header h3,
  .block-text-icon-cta.webdesign-arbeitsweise.info h3,
  .double-box h3 {
	font-size: 20px!important;
  }
  .webdesign-arbeitsweise.info .textbox .textbox__content ul {
	padding: 10px 0 0;
  }
  .webdesign-arbeitsweise.info.phase-3.wireframes .textbox__content {
	display: flex;
	justify-content: center;
  }
  .webdesign-arbeitsweise.info.phase-3.wireframes .textbox__content img {
	max-height: 350px;
  }
  .icon-1 .block-header, 
  .icon-2 .block-header, 
  .icon-3 .block-header, 
  .icon-4 .block-header, 
  .icon-5 .block-header {
	margin-left: 80px;
  }
  .icon-1 .block-header:before, 
  .icon-2 .block-header:before, 
  .icon-3 .block-header:before, 
  .icon-4 .block-header:before, 
  .icon-5 .block-header:before {
	left: -92px;
	width: 80px;
	height: 80px;
  }
  .webdesign-arbeitsweise.info.icon-1 .block-header h2,
  .webdesign-arbeitsweise.info.icon-2 .block-header h2,
  .webdesign-arbeitsweise.info.icon-3 .block-header h2,
  .webdesign-arbeitsweise.info.icon-4 .block-header h2,
  .webdesign-arbeitsweise.info.icon-5 .block-header h2 {
	margin-bottom: 2px;
  }
}

@media screen and (max-width: 600px) {
  .leistungs-section.block-bild-text-cta.bbb-broschuere .gridaction__image.cta-img-box {
	background-size: cover;
	min-height: 380px!important;
  }
  .leistungs-section.block-bild-text-cta.wichtige-doks .gridaction__image.cta-img-box {
	background-position: 40% bottom;
  }
  .leistungs-section.block-bild-text-cta.wichtige-doks .gridaction__image.cta-img-box {
	min-height: 400px!important;
  }
  .leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
	max-height: 200px!important;
	min-height: 200px!important;
  }
  .leistungs-section.block-bild-text-cta.redesign .gridaction__image.cta-img-box {
	min-height: 200px!important;
  }
  .leistungs-section.block-bild-text-cta.clean-desk .gridaction__image.cta-img-box {
	min-height: 194px!important;
  }
  .leistungs-section.block-bild-text-cta.landingpage .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: right;
	min-height: 300px!important;
  }
}

@media screen and (max-width: 550px) {
  .leistungs-section.block-bild-text-cta.sm-intro .gridaction__image.cta-img-box {
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta.notebook-computop .gridaction__image.cta-img-box {
	min-height: 400px!important;
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta.comfort .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: left bottom;
  }
  .leistungs-section.block-bild-text-cta.mail-intro .gridaction__image.cta-img-box {
	background-size: cover;
  }
  .block-animation-kacheln.animation-2d .img-box video {
	max-height: 363px;
	margin-left: -31%;
  }
  .leistungs-section.block-bild-text-cta.produktillu .gridaction__image.cta-img-box {
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta.werbetafel .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.cover-gestaltung .gridaction__image.cta-img-box {
	background-size: cover;
	background-position: center;
  }
  .leistungs-section.block-bild-text-cta.homepage-website .cta-img-box {
	min-height: 250px !important;
  }
  .leistungs-section.block-bild-text-cta.webdesign-arbeitsweise .cta-img-box {
	min-height: 250px !important;
  }
}

@media screen and (max-width: 500px) {
  .leistungs-section.block-bild-text-cta.hochzeit-broschuere .gridaction__image.cta-img-box {
	background-size: cover;
	min-height: 380px!important;
  }
  .leistungs-section.block-bild-text-cta.einladung .gridaction__image.cta-img-box {
	min-height: 400px!important;
  }
  .leistungs-section.block-bild-text-cta.flyer-ff .gridaction__image.cta-img-box {
	min-height: 400px!important;
  }
  .leistungs-section.block-bild-text-cta.aufsteller .gridaction__image.cta-img-box {
	background-size: cover;
  }
  .leistungs-section.block-bild-text-cta.aufsteller .gridaction__image.cta-img-box {
	background-position: -150px top;
  }
  .leistungs-section.block-bild-text-cta.story-intro .gridaction__image.cta-img-box {
	min-height: 200px !important;
  }
  .leistungs-section.block-bild-text-cta.adjust-box.wichtel .cta-text-box {
	margin: -25px 0;
  }
  .leistungs-section.block-bild-text-cta.wichtel .gridaction__image.cta-img-box {
	max-height: 135px!important;
	min-height: 135px!important;
	background-position: center top;
  }
  .leistungs-section.block-bild-text-cta.hosting .gridaction__image.cta-img-box {
	background-size: 400px;
	margin: -50px 0;
  }
  .leistungs-section.block-bild-text-cta.aio-theme .gridaction__image.cta-img-box {
	background-size: 400px;
	background-position: -50px;
  }
}

@media screen and (max-width: 360px) {
  .leistungs-section.block-bild-text-cta.aio-theme .gridaction__image.cta-img-box {
	background-position: -90px;
  }
}

@media screen and (max-width: 1023px) {
  .block-bild-text-cta .cta-text-box .gridaction__box {
	max-width: unset;
  }
  .leistungs-section.block-bild-text-cta.leistung-bg-small-right .gridaction__image, .leistungs-section.block-bild-text-cta.leistung-bg-small-left .gridaction__image {
	background-size: 50vh;
	background-position: top center;
  }
}
/* LOGO DESIGN */
.single-twin_portfolio_srv.postid-42362 {
  background: var(--c8);
}
.leistung-bg-small-right.vh-90 .gridaction__image {
  background-size: 90vh;
}
.leistung-bg-small-right .gridaction__image {
  background-size: 110vh;
}
@media screen and (min-width: 1280px) {
  .leistung-bg-small-right .gridaction__image {
	background-position: right;
  }
}
@media screen and (max-width: 1279px) {
  .leistung-bg-small-right.big-mobile .gridaction__image {
	background-size: 100% !important;
  }
}
.leistung-bg-small-left .gridaction__image {
  background-size: 80%;
  background-position: left;
  background-repeat: no-repeat;
  background-color: var(--c8);
}
.leistungs-section.leistung-bg-small-left.xs .gridaction__image {
  background-position: 10vw;
}
.leistungs-section.xs .gridaction__image {
  background-size: 40%;
}
.leistungs-section.sm .gridaction__image {
  background-size: 50%;
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .leistungs-section.small-mobile-height .cta-img-box {
	height: 70vh;
  }
}
@media screen and (max-width: 1023px) {
  .mobile-no-m .gridaction__content {
	margin: 0 !important;
  }
}
/* Gestaltungsraster */
.leistung-bg-small-right.gestaltungsraster .gridaction__image {
  background-position: right bottom;
}
@media screen and (max-width: 1023px) {
  .leistung-bg-small-right.gestaltungsraster .gridaction__image {
	background-position: center top !important;
  }
}

/* ANZEIGEN */
.leistung-bg-small-left.anzeigen .gridaction__image {
  background-size: 55% !important;
  background-position: left bottom;
}
@media screen and (max-width: 1023px) {
  .leistung-bg-small-left.anzeigen .gridaction__image {
	background-position: center !important;
	background-size: 80% !important;
  }
}
/* MAILINGS */
.leistung-bg-small-left.mailings .gridaction__image {
  background-size: 75% !important;
  background-position: -10vw bottom;
}
@media screen and (max-width: 1023px) {
  .mobile-bg-pos .gridaction__image {
	background-position: center !important;
  }
  .leistung-bg-small-left.mailings .gridaction__image {
	background-position: center bottom !important;
	background-size: 100% !important;
  }
}

/* FLYER & PLAKATE */
.leistung-bg-small-left.fup .gridaction__image {
  background-size: 100% !important;
  background-position: -10vw bottom;
}
@media screen and (max-width: 1023px) {
  .leistung-bg-small-left.fup .gridaction__image {
	background-position: center bottom !important;
	background-size: 140% !important;
  }
}
/* ROLLUPS */
.leistung-bg-small-left.rollups .gridaction__image {
  background-size: 50% !important;
  background-position: -10vw center;
}
@media screen and (max-width: 767px) {
  .leistung-bg-small-left.rollups .gridaction__image {
	background-position: center bottom !important;
	background-size: 80% !important;
  }
}
/* EINLADUNG */
.leistung-bg-small-left.einladung .gridaction__image {
  background-size: 65% !important;
  background-position: -10vw bottom;
}
@media screen and (max-width: 1023px) {
  .leistung-bg-small-left.einladung .gridaction__image {
	background-position: center bottom !important;
	background-size: 100% !important;
  }
}
/* WERBEMITTEL */
@media screen and (max-width: 1023px) {
  .leistung-bg-small-left.werbemittel .gridaction__image {
	background-position: center bottom !important;
	background-size: 80% !important;
  }
}
/* Visitenkarten mit Veredelung */
.leistung-bg-small-left.visitenkarte .gridaction__image {
  background-size: 50% !important;
}
@media screen and (max-width: 1023px) {
  .leistung-bg-small-left.visitenkarte .gridaction__image {
	background-size: 100% !important;
  }
}
/* Visitenkarten mit Veredelung */
.leistung-bg-small-left.broschuere .gridaction__image {
  background-size: 70% !important;
}
@media screen and (max-width: 1023px) {
  .leistung-bg-small-left.broschuere .gridaction__image {
	background-size: 100% !important;
  }
}

/* ONLINEMARKETINGbewertung */
.leistungs-section.bewertung .gridaction__image {
  background-position: center right !important;
}

/* ONLINEMARKETING HEADERBANNER */
.leistungs-section.headerbanner .gridaction__image {
  background-size: 57% !important;
}
@media screen and (max-width: 767px) {
  .leistungs-section.headerbanner .gridaction__image {
	background-position: center bottom !important;
	background-size: 100% !important;
  }
  .headerbanner.leistungs-section.block-bild-text-cta .cta-img-box {
	min-height: 300px !important;
  }
}

/* ILLUSTRATION & ANIMATION */
.card-wrapper {
  margin-bottom:0;
}
.medien-referenzen img {
  max-width: 80vw;
}
/* ONLINEPRÄSENZ */
.leistungs-section.online .gridaction__image {
  background-position: bottom right;
}
/* E-Mail Signatur Marketing */
.leistungs-section.mail-signatur .gridaction__image {
  background-position: bottom;
}
/* ILLUSTRATION & ANIMATION REDESIGN */
.leistungs-section.redesign .gridaction__content {
  position: relative;
}
.leistungs-section.redesign .gridaction__content::after{
  background-image: url('/wp-content/uploads/twin-werbeagentur-characterdesign-redesign-extra.png');
  content: "";
  width: 350px;
  height: 350px;
  position: absolute;
  bottom: -175px;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
}
@media screen and (max-width: 1280px) {
  .leistungs-section.redesign .gridaction__content::after {
	bottom: -110px;
	left: unset;
	right: -60%;
	transform: none;
  }
}
@media screen and (max-width: 1023px) {
  .leistungs-section.redesign .gridaction__content::after {
	display: none;
  }
}

/* Newsletter Marketing */
.work.newsletter-marketing.block-text-icon-cta .textbox .textbox__content {
  max-width: unset;
}
.empfehlung h2 {
  max-width: 960px;
}
.empfehlung h4 {
  font-size: 22px;
}
.empfehlung .textbox p:first-child {
  display: none;
}
@media screen and (min-width: 1280px) {
  .empfehlung .content-wrapper .text-field {
	grid-column: span 5 !important;
  }
  .empfehlung .content-wrapper .icon-field {
	grid-column: 7/13 !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .empfehlung .content-wrapper .text-field {
	grid-column: span 5 !important;
  }
  .empfehlung .content-wrapper .icon-field {
	grid-column: 6/13 !important;
  }
}
@media screen and (max-width: 767px) {
  .block-text-icon-cta .icon-field {
	margin:0 !important;
	grid-row-gap: 20px;
  }
}
.small-h4 h4 {
  font-size: 22px;
  line-height: 34px;
}
.newsletter-tipps.block-text-icon-cta .textbox {
  gap: 20px;
}
.newsletter-tipps.block-text-icon-cta .textbox p {
  line-height: 30px;
}
/* IMPRESSUM & DATENSCHUTZ */
.page-id-43 .block-teaser-hori-overlap .intro-box-inner , .page-id-45 .block-teaser-hori-overlap .intro-box-inner{
  min-height: auto;
}
.page-id-43 .wp-container-2, .page-id-45 .wp-container-2 , .page-id-42657 .wp-container-2 {
  max-width: 1280px;
  padding-left: var(--belt-gap);
  padding-right: var(--belt-gap);
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
}
.page-id-43 p,
.page-id-45 p {
  margin-bottom: 1em;
}
.page-id-45 h3 {
  font-weight: 600;
  text-transform: none;
  font-size: 1rem;
  color: var(--text);
  margin-bottom: 1em;
}
.trcht-datenschutz__list[data-layout="accordion"] > dt[data-on] + dd {
  padding-top: 20px;
}
.page-id-42657 h2 {
  font-size: 30px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.page-id-42657 p:not(:last-child) {
  margin-bottom: 1em;
}
.page-id-42657 ul {
  margin: 0 0 1em 0;
  padding-left: 20px;
}
.page-id-42657 li {
  line-height: 1.6;
}
.page-id-43 .wp-container-2 p, .page-id-45 .wp-container-2 p {
  padding: 10px 0;
}
.trcht-datenschutz__list[data-layout="accordion"] {
  border:none;
}
.trcht-datenschutz__list[data-layout="accordion"] > dt {
  background: var(--c8);
}
.trcht-datenschutz__list[data-layout="accordion"] > dt > h2 {
  padding: 30px 15px;
  font-size: 18px!important;
}
.trcht-datenschutz__list[data-layout="accordion"] > dt > button {
  background: none;
  border: none;
}
.trcht-datenschutz__list[data-layout="accordion"] > dt > button::before {
  font-size: 30px;
  color: var(--c1);
  top: -3px;
  position: relative;
}
.page-id-45 .wp-block-column {
  width: 100%;
}
.trcht-datenschutz__list[data-layout="accordion"]>dt[data-on] {
  background-color: var(--c1);
}
.trcht-datenschutz__list[data-layout="accordion"]>dt[data-on] h2 {
  color: #fff;
  font-size: 800;
}
.trcht-datenschutz__list[data-layout="accordion"] > dt[data-on] > button::before {
  color: #fff;
}
.trcht-datenschutz__list[data-layout="accordion"] > dt[data-on] + dd {
  margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
  .page-id-45 h2 {
	font-size: 19px !important;
  }
  .page-id-42657 h2 {
	font-size: 24px !important;
  }
}

.single-twin_portfolio_ref .block-text-column > div {
  width: 100%;
  max-width: 1270px;
  padding-left: 100px;
  padding-right: 100px; 
  margin-left: auto;
  margin-right: auto;
}
.single-twin_portfolio_ref.postid-31760 .block-text-column > div {
  padding-left: 0;
  padding-right: 0;
  max-width: unset;
}
.single-twin_portfolio_ref .two-columns .block-text-column > div {
  padding-left: 0;
  padding-right: 0;
  max-width: unset;
}
.single-twin_portfolio_ref .block-text-column > div p {
  max-width: 750px;
}
.ml-10p img {
  margin-left: -10%;
}
.small-right-img .spread__basic {
  justify-content: right;
}
.small-right-img .spread__basic img {
  max-width: 83vw;
}
#tpfo-after-content-references {
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr var(--belt-gap) minmax(0, var(--belt-width)) var(--belt-gap) 1fr;
}

@media screen and (max-width: 1023px) {
  .single-twin_portfolio_ref .block-text-column > div {
	padding-left: 50px;
	padding-right: 50px;
  }
}

@media screen and (max-width: 767px) {
  .single-twin_portfolio_ref .block-text-column {
	display: flex;
	padding-left: 20px;
	padding-right: 20px;
  }
  .button-liste {
	height: 40px;
	padding:0 16px 0 16px !important;
	overflow: hidden;
	position: relative;
	transition: all 0.8s ease;
	display: flex;
	flex-direction:column;
	align-items: start;
  }
  .button-liste.open {
	height: 370px;
  }
  .button-liste .gridaction__button {
	margin-top: 0 !important;
  }
  .button-liste .filter-button {
	position: absolute;
	display: block !important;
	right:20px;
	top: 0;
	transform: rotate(90deg);
	height: 25px;
	width: 25px;
  }
  .block-referenzenliste .aio-grid.spread__basic {
	width: 100%;
  }
  .single-twin_portfolio_ref .block-text-column > div {
	padding-left: 20px;
	padding-right: 20px;
  }
}
.button-liste .filter-button {
  display: none;
}
#tpfo-after-content-references #tpfo-after-content-references-title {
  grid-column: 3/4;
}
#tpfo-after-content-references .tpfo-iso-container {
  grid-column: 1/6;
  padding-bottom: 100px;
}
.single-twin_portfolio_ref .block-image-simple img {
  width: 100%;
}
#tpfo-after-content-references {
  position: relative;
}
.tpfo-ref-item-info {
  background: transparent;
}
.navbar-footer a.tpfo-navi-link {
  min-width: 50px;
}
.navbar-footer a.tpfo-navi-link.tpfo-navi-overview-link {
  min-width: 15px;
}
.full-img.block-image-simple .aio-grid.spread__basic {
  grid-column-start: 1;
  grid-column-end: 6;
}
.full-img-pad.block-image-simple .aio-grid.spread__basic {
  grid-column-start: 1;
  grid-column-end: 6;
  margin-left: var(--belt-gap);
  margin-right: var(--belt-gap);
}
.full-columns-pad {
  margin-left: var(--belt-gap);
  margin-right: var(--belt-gap);
}
.columns-frame-figcaption {
  gap: 20px;
  margin-top: var(--belt-gap);
}
.columns-frame-figcaption > div {
  background: #fff;
  border: 1px solid #707070;
}
.columns-frame-figcaption > div p {
  padding: 20px 20px 0 20px;
}
.img-over.block-image-simple .aio-grid.spread__basic {
  margin-top: -170px;
}
.img-over.video.block-image-simple .aio-grid.spread__basic {
  display: flex;
  justify-content: center;
  background-color: var(--c4);
  width: calc(100% - (var(--belt-gap)*2));
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
}
.img-over.video.block-image-simple .aio-grid.spread__basic video {
  width: 100%;
}
.bubble, .bubble2 {
  position: relative;
}
.bubble.color-set-bg-white,
.bubble2.color-set-bg-white {
  background-color: transparent;
}
.bubble::before {
  width: 1350px;
  height: 1350px;
  content: '';
  border-radius: 54% 46% 42% 58% / 60% 58% 42% 40%;
  background-image: linear-gradient(to right top, #FDF2EA, #F4F5EF, #F8EAE6);
  animation: wave 20s linear infinite;
  margin: 100px auto;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -330px;
}
.bubble::after {
  width: 1000px;
  height: 1000px;
  content: '';
  border-radius: 54% 46% 42% 58% / 60% 58% 42% 40%;
  background-image: linear-gradient(to right top, #FDF2EA, #F4F5EF, #F8EAE6);
  animation: wave 20s linear infinite;
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: -400px;
}
.bubble2::before {
  width: 1000px;
  height: 1000px;
  content: '';
  border-radius: 54% 46% 42% 58% / 60% 58% 42% 40%;
  background-image: linear-gradient(to right top, #FDF2EA, #F4F5EF, #F8EAE6);
  animation: wave 20s linear infinite;
  margin: 100px auto;
  position: absolute;
  z-index: -1;
  top: -400px;
  left: 120px;
}
@keyframes wave {
  20% {
	border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%;
  }
  40% {
	border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%;
  }
  60% {
	border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%;
  }
  80% {
	border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%;
  }
}
.ref-lifted-container {
  z-index: 100;
  position: relative;
  margin-top: -200px;
  padding: 0 calc(var(--belt-gap)*2);
}
.ref-lifted-container .block-text-column {
  display: block;
}
.ref-lifted-container .block-text-column > div {
  background-color: var(--c4);
  padding: 100px 100px 0 100px;
  box-sizing: border-box;
}
@media screen and (max-width: 1750px) {
  .img-over.block-image-simple .aio-grid.spread__basic {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
  }
}
@media screen and (max-width: 1510px) {
  .bubble::before {
	width: 1000px;
	height: 1000px;
  }
  .bubble::after,
  .bubble2::before {
	width: 700px;
	height: 700px;
  }
}
@media screen and (max-width: 1023px) {
  #tpfo-after-content-references .tpfo-iso-container {
	padding-bottom: 70px;
  }
  .img-over.block-image-simple .aio-grid.spread__basic {
	max-width: 100%;
	margin-left: var(--belt-gap);
	margin-right: var(--belt-gap);
	margin-top: -80px;
  }
  .bubble::before {
	width: 600px;
	height: 600px;
  }
  .bubble::after {
	width: 400px;
	height: 400px;
	right: -200px;
  }
  .bubble2::before {
	width: 400px;
	height: 400px;
	left: 70px;
  }
  .ref-lifted-container {
	margin-top: -140px;
  }
  .ref-lifted-container .block-text-column > div {
	padding: 50px 70px 0 70px!important;
  }
  .columns-frame-figcaption {
	flex-wrap: wrap!important;
  }
  .columns-frame-figcaption > div {
	flex-basis: calc(50% - 12px)!important;
	max-width: calc(50% - 12px)!important;
  }
  .columns-frame-figcaption > div {
	display: flex;
	flex-flow: column;
  }
}

@media screen and (max-width: 767px) {
  .block-image-simple.overlap {
	margin-top:0;
	min-height: 140px;
  }
  .block-image-simple.overlap img.item {
	margin-top: -100px;
  }
  .mobile-no-overlap img {
	margin:0 !important;
  }
  .mobile-no-overlap {
	padding-top: var(--block-space--sm);
  }
  #tpfo-after-content-references .tpfo-iso-container {
	padding-bottom: 50px;
  }
  .navbar-footer a.tpfo-navi-link.tpfo-navi-next-link {
	right: 20px;
  }
  .navbar-footer a.tpfo-navi-link.tpfo-navi-prev-link {
	left: 20px;
  }
  .img-over.block-image-simple .aio-grid.spread__basic {
	margin-top: -10%;
  }
  .bubble::before {
	width: 500px;
	height: 500px;
	top: -50px;
	left: -200px;
  }
  .bubble::after {
	width: 400px;
	height: 400px;
	right: -100px;
  }
  .bubble2::before {
	width: 300px;
	height: 300px;
	left: 50px;
	top: -200px;
  }
  .ref-lifted-container {
	padding: 0 var(--belt-gap);
	margin-top: -70px;
  }
  .ref-lifted-container .block-text-column > div {
	padding: 30px var(--belt-gap) 0 var(--belt-gap)!important;
  }
  .columns-frame-figcaption > div {
	flex-basis: 100%!important;
	max-width: 100%!important;
  }
}
@media screen and (max-width: 550px) {
  .bubble::before {
	width: 400px;
	height: 400px;
  }
  .bubble::after {
	width: 200px;
	height: 200px;
  }
  .bubble2::before {
	width: 200px;
	height: 200px;
  }
}
.overlap {
  margin-top: 20%;
  z-index: 2;
  position: relative;
}
.overlap img.item {
  margin-top: -20%;
}
.overlap-xl {
  margin-top: 20%;
  z-index: 2;
  position: relative;
}
.overlap-xl img.item {
  margin-top: -35%;
}
.block-bild-text-kacheln.gradient-finfero {
  background: var(--c8);
}
.block-bild-text-kacheln.gradient-finfero .teaser-1 .text-wrapper {
  padding: 80px 80px 40px 0;
}
.block-bild-text-kacheln.gradient-finfero .teaser-2 .text-wrapper {
  padding: 80px 0 40px 80px;
}
.gradient-finfero, .block-bild-text-kacheln.gradient-finfero .img-box {
  background: rgb(34,182,216);
  background: linear-gradient(90deg, rgba(34,182,216,1) 30%, rgba(6,122,163,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(34,182,216,1) 30%, rgba(6,122,163,1) 100%);
}
.itw-bg {
  background-image: url("/wp-content/uploads/itw_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.block-bild-slider.slim-slider #imgswiper .swiper-wrapper {
  height: 450px !important;
}
.block-bild-slider.slim-slider #imgswiper::after {
  bottom: -70px;
  z-index: 2;
}
.overlap.tsv {
  margin-top: 250px;
}
.block-bild-text-kacheln.gradient-finfero .text-box {
  display: flex;
  align-items: center;
}
#kundenstimme-headline {
  background: var(--c8);
}
#kundenstimme-headline .block-header,
#kundenstimme-headline h3 {
  margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
  .overlap.tsv {
	margin-top: 200px;
  }
}

@media screen and (max-width: 1023px) {
  .block-bild-text-kacheln.gradient-finfero .teaser-1 .text-wrapper {
	padding: 40px;
  }
  .block-bild-text-kacheln.gradient-finfero .teaser-2 .text-wrapper {
	padding: 40px;
  }
  #kundenstimme-headline h3 {
	text-align: center;
  }
  .single-twin_portfolio_ref .block-text-column > div {
	max-width: unset;
  }
  .single-twin_portfolio_ref .block-text-column > div {
	display: block;
	padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .overlap-xl {
	margin-top: 10%;
  }
  .overlap-xl img.item {
	margin-top: -25%;
  }
  .overlap.tsv, .overlap.handsam {
	margin-top: 100px;
  }
  .block-bild-slider.slim-slider #imgswiper::after {
	bottom: -40px;
  }
  .galerie-field {
	flex-direction: column;
  }
  .wp-block-gallery.three-col-galerie-field figure {
	width: 100% !important;
  }
  .mobile-break {
	flex-direction: column;
  }
  .block-bild-text-kacheln.gradient-finfero .teaser-1 .text-wrapper {
	padding: 40px 0;
  }
  .block-bild-text-kacheln.gradient-finfero .teaser-2 .text-wrapper {
	padding: 40px 0;
  }
  .gradient-finfero.block-bild-text-kacheln .wrapper-box {
	margin-bottom: 0;
	gap: 0;
  }
}
.flex-end {
  align-items: flex-end !important;
}
@media screen and (max-width: 1023px) {
  .galerie-field {
	padding: var(--belt-gap);
	gap: var(--belt-gap) !important;
  }
  .galerie-field .block-image-simple, .galerie-field .block-image-simple .aio-grid {
	padding:0;
	display: flex;
  }
  .three-col-galerie-field figure {
	width: calc(100%/2) !important;
  }
}
.galerie-field {
  display: flex;
}

@media screen and (min-width: 1024px) {
  .three-col-galerie-field {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	grid-gap: 0 !important;
  }
  .three-col-galerie-field figure {
	grid-column: span 4;
	height: 100%;
  }
}
.small-logo .aio-grid,.mw-50p .aio-grid {
  display: flex;
  justify-content: center;
}
.small-logo img {
  max-width: 500px;
}
.middle-logo img {
  max-width: 700px;
  margin: 0 auto;
}
.mw-50p img {
  max-width: 50%;
}
.mw-container .aio-grid {
  display: flex;
  justify-content: center;
}
.mw-container img {
  max-width: 1230px;
}
.no-gap {
  gap:0 !important;
}
.ref-screen img {
  max-width: 50vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .ref-screen img {
	max-width: 100vw;
  }
}
.flex-field .aio-grid {
  display: flex;
}
/*STELLENANZEIGEN*/
#Stellenanzeigen .block-header,#Agenturhighlights .block-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#Stellenanzeigen .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* JOBS */
.post-42771 .wp-container-1.wp-block-buttons {
  position: fixed;
  top: 15%;
  right: 20px;
  z-index: 20;
}
.block-job-list .block-header {
  margin-bottom: 60px;
}
.job-welcome {
  margin-bottom: 1em;
}
.block-job-list .block-header h2 {
  margin-bottom: 0;
}
.block-job-list .job-item {
  padding: 50px 0;
  border-bottom: 2px solid var(--c4);
  position: relative;
}
.block-job-list .job-item h3::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 4px;
  height: 22px;
  width: 15px;
  background-image: url("/wp-content/uploads/twin-werbeagentur-arrow-right-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.8s ease;
}
.block-job-list .job-item:hover h3::after {
  right: 0px;
}
.block-job-list .job-item:first-child {
  border-top: 2px solid var(--c4);
}
.block-job-list .icon-wrapper {
  gap: 45px;
}
.block-job-list .icon-wrapper .icon-item {
  gap: 12px;
  display: flex;
}
.block-job-list .job-list-wrapper h3 {
  font-size: 30px;
  text-transform: none;
  font-weight: 800;
  margin-bottom: 20px;
  position: relative;
}
.block-job-list .job-list-wrapper .job-item a:hover h3 {
  color: var(--c1);
}
.initiativ ol {
  margin: 0;
  padding: 0 0 0 20px;
}
.initiativ ol li, .initiativ ol li a {
  line-height: 1.6;
  font-size: 18px;
}
.initiativ ol li a:hover {
  color: var(--c1);
}
.initiativ .nptab {
  gap: 70px;
  padding: 0;
}
.initiativ a.wp-block-button__link {
  color: var(--c4) !important;
}
.initiativ a.wp-block-button__link:hover {
  color: var(--text) !important;
}
.bewerbung-cta .gridaction__box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bewerbung-cta .gridaction__box p, .bewerbung-cta .gridaction__button {
  color: white !important;
}
.bewerbung-cta .gridaction__button  {
  max-width: 230px;
  top:0;
}
@media screen and (max-width: 767px) {
  .block-job-list .job-list-wrapper .icon-wrapper {
	flex-direction: column;
	gap: 20px;
  }
  .block-job-list .job-item h3 {
	position: unset;
  }
  .block-job-list .job-item h3::after {
	bottom: 50px;
	right: 10px;
	top: unset;
  }
  .initiativ ol li, .initiativ ol li a {
	font-size: 15px;
  }
  .initiativ .nptab {
	gap: 20px;
  }
}
/* JOBS BESTÄTIGUNG */
.job-steps.block-text-icon-cta h4 {
  font-size: 23px;
}
.job-steps.block-text-icon-cta .item .item:first-child .textbox__icon svg path {
  fill: var(--c1) !important;
}
/* FERNWARTUNG */
.block-text-icon-cta.agenturleben.color-set-bg-secondary a.gridaction__button {
  color: var(--c4) !important;
}
.block-text-icon-cta.agenturleben.color-set-bg-secondary a.gridaction__button:hover {
  color: var(--text) !important;
}
/* BLOCK REFERENZEN-HIGHLIGHTS-SLIDER START */
.block-referenzen-highlights-slider .swiper-wrapper {
  padding-left: 0;
}
.block-referenzen-highlights-slider .slide-wrap .swiper-button-prev:after, .block-referenzen-highlights-slider .slide-wrap .swiper-button-next:after {
  content: ' ' !important;
}
.block-referenzen-highlights-slider .slide-wrap .swiper-slide {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.block-referenzen-highlights-slider .slide-wrap #refimgswiper {
  overflow: hidden;
}
.block-referenzen-highlights-slider .slide-wrap .swiper-pagination-bullets {
  bottom: -20px;
}
.block-referenzen-highlights-slider .slide-wrap .swiper-button-next {
  right: -60px;
}
.block-referenzen-highlights-slider .slide-wrap .swiper-button-prev {
  left: -60px;
}
.block-referenzen-highlights-slider .slide-wrap .swiper-button-prev.custom-arrow {
  transform: rotate(180deg);
}
.block-referenzen-highlights-slider .slide-wrap .swiper-button-next.custom-arrow, .block-referenzen-highlights-slider .slide-wrap .swiper-button-prev.custom-arrow {
  height: 50px;
  width: 50px;
}
.block-referenzen-highlights-slider .slide-wrap {
  position: relative;
}
.block-referenzen-highlights-slider .swiper-scrollbar {
  height: 5px;
}
.block-referenzen-highlights-slider #refimgswiper .swiper-wrapper {
  list-style: none;
}
.block-referenzen-highlights-slider #refimgswiper .swiper-wrapper:hover {
  transition-timing-function: unset;
}
.block-referenzen-highlights-slider #refimgswiper .swiper-wrapper li a {
  width: 100%;
}
.block-referenzen-highlights-slider #refimgswiper .swiper-wrapper .swiper-slide:hover img {
  filter: none;
}
.block-referenzen-highlights-slider #refimgswiper .swiper-wrapper .swiper-slide {
  position: relative;
}
.block-referenzen-highlights-slider .slide-wrap svg {
  height: 20px;
}
.block-referenzen-highlights-slider .img-wrap {
  position: relative;
  overflow: hidden;
}
.block-referenzen-highlights-slider .img-wrap::after {
  transition: all 1s ease;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
}
.block-referenzen-highlights-slider .img-wrap:hover {
  cursor: none;
}
.block-referenzen-highlights-slider .img-wrap:hover::after {
  opacity: 1;
}
.block-referenzen-highlights-slider .img-wrap video, .block-referenzen-highlights-slider .img-wrap img {
  transition: all 1s ease;
}
.block-referenzen-highlights-slider .img-wrap:hover video, .block-referenzen-highlights-slider .img-wrap:hover img {
  transform: scale(1.25);
}
.block-referenzen-highlights-slider .slide-wrap.loop-slide .swiper-button-next, .block-referenzen-highlights-slider .slide-wrap.loop-slide .swiper-button-prev {
  display: none;
}
@media screen and (max-width: 767px) {
  .block-referenzen-highlights-slider .slide-wrap .swiper-button-next {
	right: 0px;
  }
  .block-referenzen-highlights-slider .slide-wrap .swiper-button-prev {
	left: 0px;
  }
}
/* FARBSUPPORT */
.block-referenzen-highlights-slider .swiper-button svg path, .block-referenzen-highlights-slider .swiper-scrollbar-drag, .block-referenzen-highlights-slider .swiper-pagination span.swiper-pagination-bullet, .block-referenzen-highlights-slider .swiper-button:hover svg path, .block-referenzen-highlights-slider .swiper-scrollbar-drag:hover, .block-referenzen-highlights-slider .swiper-pagination span.swiper-pagination-bullet:hover {
  transition: all 0.5s ease;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-primary"]:hover svg path {
  fill: var(--c1) !important;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-sekundary"]:hover svg path {
  fill: var(--c2) !important;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-accent"]:hover svg path {
  fill: var(--c3) !important;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-white"]:hover svg path {
  fill: var(--c4) !important;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-grey"]:hover svg path {
  fill: var(--c5) !important;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-black"]:hover svg path {
  fill: var(--c6) !important;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-z1"]:hover svg path {
  fill: var(--c7) !important;
}
.block-referenzen-highlights-slider .swiper-button[data-hover="color-set-text-z2"]:hover svg path {
  fill: var(--c8) !important;
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-primary span.swiper-pagination-bullet {
  background: var(--c1);
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-sekundary span.swiper-pagination-bullet {
  background: var(--c2);
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-accent span.swiper-pagination-bullet {
  background: var(--c3);
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-white span.swiper-pagination-bullet {
  background: var(--c4);
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-grey span.swiper-pagination-bullet {
  background: var(--c5);
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-black span.swiper-pagination-bullet {
  background: var(--c6);
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-z1 span.swiper-pagination-bullet {
  background: var(--c7);
}
.block-referenzen-highlights-slider .swiper-pagination.color-set-text-z2 span.swiper-pagination-bullet {
  background: var(--c8);
}
/* SCROLLBAR FARBSUPPORT */
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-primary .swiper-scrollbar-drag {
  background: var(--c1);
}
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-sekundary .swiper-scrollbar-drag {
  background: var(--c2);
}
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-accent .swiper-scrollbar-drag {
  background: var(--c3);
}
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-white .swiper-scrollbar-drag {
  background: var(--c4);
}
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-grey .swiper-scrollbar-drag {
  background: var(--c5);
}
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-black .swiper-scrollbar-drag {
  background: var(--c6);
}
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-z1 .swiper-scrollbar-drag {
  background: var(--c7);
}
.block-referenzen-highlights-slider .swiper-scrollbar.color-set-text-z2 .swiper-scrollbar-drag {
  background: var(--c8);
}
/* HOVER SUPPORT */
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-primary"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-primary"] .swiper-scrollbar-drag:hover {
  background: var(--c1);
}
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-sekundary"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-sekundary"] .swiper-scrollbar-drag:hover {
  background: var(--c2);
}
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-accent"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-accent"] .swiper-scrollbar-drag:hover {
  background: var(--c3);
}
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-white"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-white"] .swiper-scrollbar-drag:hover {
  background: var(--c4);
}
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-grey"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-grey"] .swiper-scrollbar-drag:hover {
  background: var(--c5);
}
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-black"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-black"] .swiper-scrollbar-drag:hover {
  background: var(--c6);
}
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-z1"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-z1"] .swiper-scrollbar-drag:hover {
  background: var(--c7);
}
.block-referenzen-highlights-slider .swiper-pagination[data-hover="color-set-text-z2"] span.swiper-pagination-bullet:hover, .block-referenzen-highlights-slider .swiper-scrollbar[data-hover="color-set-text-z2"] .swiper-scrollbar-drag:hover {
  background: var(--c8);
}

/* Webdesign */
.webseiten-gallery {
  max-width: calc(var(--belt-width) + 15%);
  margin: 0 auto;
}
.block-grid-gallery {
  grid-template-columns: 1fr var(--belt-gap) minmax(0, 1640px) var(--belt-gap) 1fr;
  overflow: hidden;
}
.block-grid-gallery .slide-wrap {
  max-width: 1430px;
  margin-left: auto;
  margin-right: auto;
}
.block-grid-gallery .grid-gallery-content {
  list-style: none;
  margin: 0;
  padding:0;
}
.block-grid-gallery .grid-gallery-content .item .img-wrap {
  height: 100%;
  overflow: hidden;
}
.block-grid-gallery .grid-gallery-content .item .img-wrap img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}
.block-grid-gallery .grid-gallery-content .item .img-wrap, .block-grid-gallery .grid-gallery-content .item.gallery-item, .block-grid-gallery .grid-gallery-wrapper {
  position: relative;
}
.block-grid-gallery .grid-gallery-content .item.gallery-item:hover, .block-grid-gallery .grid-gallery-content .item.gallery-item a:hover {
  cursor: none;
}
.block-grid-gallery .grid-gallery-content .item.gallery-item:hover .img-wrap img {
  transform: scale(1.1);
}
.block-grid-gallery .grid-gallery-content .item.gallery-item:hover .img-wrap::after {
  opacity: 1;
}
.block-grid-gallery .grid-gallery-content .item.gallery-item:hover .image-subtitle {
  opacity: 1;
  bottom: 50px;
}
.block-grid-gallery .grid-gallery-content .item .img-wrap::after {
  transition: all 0.5s ease;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
}
.block-grid-gallery .grid-gallery-content .item .image-subtitle {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  color: white;
  transition: all 0.5s ease;
  opacity: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}
@media screen and (max-width: 1280px) {
  .block-grid-gallery .grid-gallery-content .item .image-subtitle {
	font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .block-grid-gallery .grid-gallery-content .item {
	grid-column: span 6 !important;
  }
}
@media (hover: none) {
  .block-grid-gallery #cursor {
	display: none;
  }
  .block-grid-gallery .grid-gallery-content .item .image-subtitle::after {
	content: "Webseite ansehen";
	font-size: 14px;
	display: block;
	color: var(--c1);
	background-image: url(/wp-content/uploads/icon-nav-arrow.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	background-size: 10px;
	line-height: 2;
  }
  .block-grid-gallery .grid-gallery-content .item.gallery-item .img-wrap::after {
	opacity: 1;
  }
  .block-grid-gallery .grid-gallery-content .item.gallery-item .image-subtitle {
	opacity: 1;
  }
  .block-grid-gallery .grid-gallery-content .item .image-subtitle {
	bottom: 30px;
  }
}
/* BLOCK REFERENZEN-HIGHLIGHTS-SLIDER ENDE */


/* REFERENZ SEITE */

.block-referenzenliste {
  margin-left: auto;
  margin-right: auto;
  max-width: 1430px;
  padding-left: var(--belt-gap);
  padding-right: var(--belt-gap);
}

.block-referenzenliste .filter-wrapper {
  margin-left: -15px;
  margin-right: -15px;
}

.block-referenzenliste .reference-list .referenz-element {
  width: 33.333%!important;
  max-width: 33.333%!important;
  margin-left: 0!important;
  margin-right: 0!important;
  margin-bottom: 50px;
}

.block-referenzenliste .reference-list .referenz-element h3 {
  margin-top: 15px;
}

.block-referenzenliste .reference-list .referenz-element > div {
  width: calc(100% - 30px)!important;
  margin-left: auto;
  margin-right: auto;
}

.block-referenzenliste .reference-list .referenz-element .referenz-bild {
  /* min-height: 250px; */
  position: relative;
  overflow: hidden;
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild video {
  width: 100%;
  object-fit: cover;
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild::after {
  transition: all 1s ease;
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild:hover::after {
  opacity: 1;
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild video, .block-referenzenliste .reference-list .referenz-element .referenz-bild img {
  transition: all 1s ease;
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild:hover video, .block-referenzenliste .reference-list .referenz-element .referenz-bild:hover img {
  transform: scale(1.25);
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild img {
  display: block;
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild img[src=""]  {
  display: none;
}
.block-referenzenliste .reference-list .referenz-element .referenz-bild video, .block-referenzenliste .reference-list .referenz-element .referenz-bild img {
  background: var(--c4);
}
.block-referenzenliste .button-liste {
  padding: 20px 0;
  margin-bottom: 30px;
}
.block-referenzenliste .filter-button-group {
  text-align: left;
}

@media screen and (max-width: 1023px) {
  .block-referenzenliste .button-liste {
	padding: var(--belt-gap);
  }
  .block-referenzenliste .reference-list .referenz-element {
	width: 50%!important;
	max-width: 50%!important;
  }
}

@media screen and (max-width: 767px) {
  .block-referenzenliste .reference-list .referenz-element {
	min-width: unset;
  }
} 

@media screen and (max-width: 500px) {
  .block-referenzenliste .reference-list .referenz-element {
	width: 100%!important;
	max-width: 100%!important;
  }
} 


/* PENSION BENEFITS */
.color-views {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
.color-views .color {
  height: 173px;
  width: 173px;
  border-radius: 170px;
  transition: transform 0.8s;
  transform: scale(1);
}
.color-views .color:hover {
  transform: scale(1.1);
}
.color-views .color-1 {
  background: #2F4D72;
}
.color-views .color-2 {
  background: #0ABBEF;
}
.color-views .color-3 {
  background: #EEF1F4;
}
.color-views .color-4 {
  background: #343434;
}
.color-views .color-5 {
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
}
/* JOBS */

.agenturleben.block-text-icon-cta .block-content {
  grid-row-gap: 0;
}
.agenturleben.block-text-icon-cta .block-content > div {
  grid-row-gap: 60px;
}
.agenturleben.block-text-icon-cta h4 {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .block-text-icon-cta .textbox-color {
	max-width: unset;
  }
  .agenturleben.block-text-icon-cta .block-content > div {
	grid-row-gap: 30px;
  }
}
.agenturleben.block-text-icon-cta .textbox__content, .block-text-icon-cta .textbox__content {
  margin-top:0;
  z-index:2;
}
.agenturleben.block-text-icon-cta .textbox__content p {
  line-height: 30px;
}
.agenturleben.block-text-icon-cta .textbox {
  gap: 20px;
}
.agenturleben .contact-wrapper-footer::before {
  height:30%;
  background: var(--c4);
}
.agenturleben .block-bild-text-slider {
  z-index: 3;
}
.agenturleben .block-bild-text-slider .slide-wrap #img-text-swiper {
  background: var(--c4);
}
.agenturleben .team.block-bild-text-slider .swiper-button-next, .agenturleben .team.block-bild-text-slider .swiper-button-prev {
  top: 50%;
}
.agenturleben .team.block-bild-text-slider .swiper-button-next svg, .agenturleben .team.block-bild-text-slider .swiper-button-prev svg {
  height: 37px;
  width: 37px;
}
.agenturleben .block-bild-text-kacheln.servus-twinion .aio-grid.spread__basic.ratio__2-2>.item:nth-child(odd) {
  grid-column: span 10;
}
.block-bild-text-kacheln.servus-twinion .aio-grid.spread__basic.ratio__2-2>.item.text-box {
  grid-column: span 10;
}
.block-bild-text-kacheln.servus-twinion .aio-grid.spread__basic.ratio__2-2>.item.img-box {
  background: transparent;
}
.block-bild-text-slider .slide-wrap #img-text-swiper {
  padding: 0 40px;
}
.contact-wrapper-footer .block-bild-text-slider.team .swiper-button-next svg, .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-prev svg {
  height: 27px;
  width: 27px;
}
@media screen and (min-width: 1024px) {
  .agenturleben .block-bild-text-slider .slide-wrap #img-text-swiper {
	padding: 0 100px 100px 100px;
  }
  .contact-wrapper-footer .block-bild-text-slider.team .slide-wrap #img-text-swiper {
	padding: 0 50px 100px 50px;
  }
  .agenturleben .team.block-bild-text-slider .swiper-button-next {
	right: 60px;
  }
  .agenturleben .team.block-bild-text-slider .swiper-button-prev {
	left: 60px;
  }
  .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-prev {
	left: 20px;
  }
  .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-next {
	right: 10px;
  }

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .agenturleben .team.block-bild-text-slider .slide-wrap #img-text-swiper {
	padding: 0 50px 50px 50px;
  }
  .agenturleben .team.block-bild-text-slider .swiper-button-next {
	right: 30px;
  }
  .agenturleben .team.block-bild-text-slider .swiper-button-prev {
	left: 30px;
  }
  .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-next {
	right: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-next, .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-prev {
	top: 300px!important;
  }
}
@media screen and (max-width: 767px) {
  .agenturleben .team.block-bild-text-slider .slide-wrap #img-text-swiper {
	padding: 0 20px 20px 20px;
  }
  .contact-wrapper-footer .team.block-bild-text-slider .slide-wrap #img-text-swiper {
	padding: 0 18px 50px 18px;
  }
  .block-bild-text-kacheln.servus-twinion .text-box .text-wrapper {
	padding: 0;
  }
  .agenturleben .team.block-bild-text-slider .swiper-button-next {
	right: 10px;
  }
  .agenturleben .team.block-bild-text-slider .swiper-button-prev {
	left: 10px;
  }
  .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-prev {
	left: 20px;
  }
  .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-next {
	right: 10px;
  }
  .block-bild-text-slider .slide-wrap #img-text-swiper {
	padding: 0;
  }
}
@media screen and (max-width: 500px) {
  .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-next, .contact-wrapper-footer .block-bild-text-slider.team .swiper-button-prev {
	top: calc(50% - 50px);
  }
}
/* BEWERBUNGEN */
.page-id-42765 {
  background: var(--c8);
}
#zf_div_raqTi-SGyCD0JeYOnY_XbnqHP-QpCfJTcVxFH0UQEX0{
  text-align: center;
  background: var(--c4);
  padding: 100px;
}
/* STELLENANGEBOTE DETAILSEITE */
.agenturleben.job .contact-wrapper-footer::before {
  height: 70%;
}
.job-text {
  padding: 0 15vw 100px;
  background: var(--c4);
  z-index: 4;
}
.job-text .block-text-column {
  display: flex;
  padding-bottom: 50px;
}
.job-text .block-text-column .text-content p {
  line-height: 34px !important;
}
.job-text li {
  position: relative;
  line-height: 1.6!important;
  margin-bottom: 0.5em;
}
.job-text .block-text-column li::before {
  content: "__";
  position: absolute;
  background-image: none;
  left: 0;
  top: 0;
  width: 20px;
  height: 16px;
}
@media screen and (max-width: 767px) {
  .job-text {
	padding: 0 var(--belt-gap) 50px var(--belt-gap);
  }
  .job-text .block-text-column .text-content p {
	line-height: 30px !important;
  }
  .agenturleben.job .contact-wrapper-footer::before {
	height: 55%;
  }
}

/* SNOW */
.snow-teaser {
  position: relative;
  overflow:hidden;
}
.snow {
  position: absolute;
  width: 120vw;
  height: 100vh;
  left: -10vw;
  z-index:10;
}
.snowflake {
  position: absolute;
  top: -5vmin;
}
.snowflake:nth-child(1) {
  opacity: 0.49;
  font-size: 3px;
  left: 30.7vw;
  animation: fall-1 10s -16.5s ease-in infinite;
}
.snowflake:nth-child(1) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-1 {
  4.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 76.4vw;
  }
}
.snowflake:nth-child(2) {
  opacity: 0.77;
  font-size: 9px;
  left: 94.3vw;
  animation: fall-2 20s -19.5s ease-in infinite;
}
.snowflake:nth-child(2) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-2 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 27.3vw;
  }
}
.snowflake:nth-child(3) {
  opacity: 0.52;
  font-size: 3px;
  left: 60.3vw;
  animation: fall-3 50s -4.5s ease-in infinite;
}
.snowflake:nth-child(3) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-3 {
  0.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 8.2vw;
  }
}
.snowflake:nth-child(4) {
  opacity: 0.89;
  font-size: 15px;
  left: 13.8vw;
  animation: fall-4 50s -22.5s ease-in infinite;
}
.snowflake:nth-child(4) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-4 {
  2.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 105.2vw;
  }
}
.snowflake:nth-child(5) {
  opacity: 0.88;
  font-size: 15px;
  left: 70.9vw;
  animation: fall-5 10s -33s ease-in infinite;
}
.snowflake:nth-child(5) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-5 {
  1.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 84.4vw;
  }
}
.snowflake:nth-child(6) {
  opacity: 0.06;
  font-size: 6px;
  left: 118.7vw;
  animation: fall-6 20s -10.5s ease-in infinite;
}
.snowflake:nth-child(6) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-6 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 29.1vw;
  }
}
.snowflake:nth-child(7) {
  opacity: 0.65;
  font-size: 6px;
  left: 49.3vw;
  animation: fall-7 20s -18s ease-in infinite;
}
.snowflake:nth-child(7) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-7 {
  6.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 104.5vw;
  }
}
.snowflake:nth-child(8) {
  opacity: 0.27;
  font-size: 3px;
  left: 15.2vw;
  animation: fall-8 40s -34.5s ease-in infinite;
}
.snowflake:nth-child(8) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-8 {
  0.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 32.4vw;
  }
}
.snowflake:nth-child(9) {
  opacity: 0.62;
  font-size: 15px;
  left: 94.9vw;
  animation: fall-9 50s -22.5s ease-in infinite;
}
.snowflake:nth-child(9) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-9 {
  2.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 35.7vw;
  }
}
.snowflake:nth-child(10) {
  opacity: 0.12;
  font-size: 3px;
  left: 83.2vw;
  animation: fall-10 20s -28.5s ease-in infinite;
}
.snowflake:nth-child(10) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-10 {
  1.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 106.4vw;
  }
}
.snowflake:nth-child(11) {
  opacity: 0.87;
  font-size: 3px;
  left: 28.3vw;
  animation: fall-11 40s -7.5s ease-in infinite;
}
.snowflake:nth-child(11) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-11 {
  3.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 101.7vw;
  }
}
.snowflake:nth-child(12) {
  opacity: 0.25;
  font-size: 9px;
  left: 81.9vw;
  animation: fall-12 10s -9s ease-in infinite;
}
.snowflake:nth-child(12) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-12 {
  3.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 17.1vw;
  }
}
.snowflake:nth-child(13) {
  opacity: 0.15;
  font-size: 15px;
  left: 93.8vw;
  animation: fall-13 40s -7.5s ease-in infinite;
}
.snowflake:nth-child(13) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-13 {
  8% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 9.9vw;
  }
}
.snowflake:nth-child(14) {
  opacity: 0.47;
  font-size: 9px;
  left: 72.5vw;
  animation: fall-14 50s -16.5s ease-in infinite;
}
.snowflake:nth-child(14) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-14 {
  5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 1.7vw;
  }
}
.snowflake:nth-child(15) {
  opacity: 0.41;
  font-size: 9px;
  left: 79.9vw;
  animation: fall-15 20s -24s ease-in infinite;
}
.snowflake:nth-child(15) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-15 {
  2.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 40.5vw;
  }
}
.snowflake:nth-child(16) {
  opacity: 0.82;
  font-size: 12px;
  left: 90vw;
  animation: fall-16 40s -24s ease-in infinite;
}
.snowflake:nth-child(16) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-16 {
  6.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 96.7vw;
  }
}
.snowflake:nth-child(17) {
  opacity: 0.61;
  font-size: 12px;
  left: 107.4vw;
  animation: fall-17 30s -10.5s ease-in infinite;
}
.snowflake:nth-child(17) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-17 {
  4.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 98.5vw;
  }
}
.snowflake:nth-child(18) {
  opacity: 0.54;
  font-size: 15px;
  left: 21.2vw;
  animation: fall-18 30s -34.5s ease-in infinite;
}
.snowflake:nth-child(18) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-18 {
  5.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 10.3vw;
  }
}
.snowflake:nth-child(19) {
  opacity: 0.39;
  font-size: 9px;
  left: 43.9vw;
  animation: fall-19 50s -10.5s ease-in infinite;
}
.snowflake:nth-child(19) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-19 {
  6.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 62.4vw;
  }
}
.snowflake:nth-child(20) {
  opacity: 0.48;
  font-size: 6px;
  left: 24.8vw;
  animation: fall-20 40s -24s ease-in infinite;
}
.snowflake:nth-child(20) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-20 {
  3% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 80.5vw;
  }
}
.snowflake:nth-child(21) {
  opacity: 0.67;
  font-size: 9px;
  left: 11vw;
  animation: fall-21 20s -31.5s ease-in infinite;
}
.snowflake:nth-child(21) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-21 {
  1.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 90.9vw;
  }
}
.snowflake:nth-child(22) {
  opacity: 0.53;
  font-size: 6px;
  left: 66.2vw;
  animation: fall-22 50s -9s ease-in infinite;
}
.snowflake:nth-child(22) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-22 {
  6% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 110vw;
  }
}
.snowflake:nth-child(23) {
  opacity: 0.26;
  font-size: 9px;
  left: 104.4vw;
  animation: fall-23 10s -31.5s ease-in infinite;
}
.snowflake:nth-child(23) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-23 {
  3.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 106.5vw;
  }
}
.snowflake:nth-child(24) {
  opacity: 0.38;
  font-size: 9px;
  left: 100.1vw;
  animation: fall-24 20s -1.5s ease-in infinite;
}
.snowflake:nth-child(24) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-24 {
  8.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 33.1vw;
  }
}
.snowflake:nth-child(25) {
  opacity: 0.49;
  font-size: 3px;
  left: 83.1vw;
  animation: fall-25 40s -9s ease-in infinite;
}
.snowflake:nth-child(25) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-25 {
  6.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 58.2vw;
  }
}
.snowflake:nth-child(26) {
  opacity: 0.25;
  font-size: 15px;
  left: 42vw;
  animation: fall-26 20s -25.5s ease-in infinite;
}
.snowflake:nth-child(26) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-26 {
  0.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 79vw;
  }
}
.snowflake:nth-child(27) {
  opacity: 0.01;
  font-size: 3px;
  left: 8.5vw;
  animation: fall-27 50s -9s ease-in infinite;
}
.snowflake:nth-child(27) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-27 {
  3.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 54.2vw;
  }
}
.snowflake:nth-child(28) {
  opacity: 0.27;
  font-size: 12px;
  left: 47.9vw;
  animation: fall-28 10s -19.5s ease-in infinite;
}
.snowflake:nth-child(28) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-28 {
  1% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 32.2vw;
  }
}
.snowflake:nth-child(29) {
  opacity: 0.5;
  font-size: 9px;
  left: 7vw;
  animation: fall-29 10s -24s ease-in infinite;
}
.snowflake:nth-child(29) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-29 {
  1.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 17vw;
  }
}
.snowflake:nth-child(30) {
  opacity: 0.16;
  font-size: 9px;
  left: 101.5vw;
  animation: fall-30 50s -37.5s ease-in infinite;
}
.snowflake:nth-child(30) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-30 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 30.4vw;
  }
}
.snowflake:nth-child(31) {
  opacity: 0.12;
  font-size: 9px;
  left: 118.2vw;
  animation: fall-31 40s -33s ease-in infinite;
}
.snowflake:nth-child(31) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-31 {
  6% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 89.5vw;
  }
}
.snowflake:nth-child(32) {
  opacity: 0.32;
  font-size: 9px;
  left: 0.8vw;
  animation: fall-32 10s -21s ease-in infinite;
}
.snowflake:nth-child(32) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-32 {
  5.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 112.1vw;
  }
}
.snowflake:nth-child(33) {
  opacity: 0.31;
  font-size: 12px;
  left: 22.4vw;
  animation: fall-33 10s -7.5s ease-in infinite;
}
.snowflake:nth-child(33) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-33 {
  7% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 1.2vw;
  }
}
.snowflake:nth-child(34) {
  opacity: 0.66;
  font-size: 6px;
  left: 20.9vw;
  animation: fall-34 40s -34.5s ease-in infinite;
}
.snowflake:nth-child(34) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-34 {
  0.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 82.6vw;
  }
}
.snowflake:nth-child(35) {
  opacity: 0.06;
  font-size: 6px;
  left: 81vw;
  animation: fall-35 50s -12s ease-in infinite;
}
.snowflake:nth-child(35) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-35 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 55.1vw;
  }
}
.snowflake:nth-child(36) {
  opacity: 0.69;
  font-size: 12px;
  left: 79.3vw;
  animation: fall-36 30s -36s ease-in infinite;
}
.snowflake:nth-child(36) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-36 {
  3.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 23.6vw;
  }
}
.snowflake:nth-child(37) {
  opacity: 0.54;
  font-size: 12px;
  left: 53.2vw;
  animation: fall-37 50s -10.5s ease-in infinite;
}
.snowflake:nth-child(37) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-37 {
  1% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 46.8vw;
  }
}
.snowflake:nth-child(38) {
  opacity: 0.51;
  font-size: 3px;
  left: 36.4vw;
  animation: fall-38 30s -4.5s ease-in infinite;
}
.snowflake:nth-child(38) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-38 {
  5.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 46.3vw;
  }
}
.snowflake:nth-child(39) {
  opacity: 0.75;
  font-size: 9px;
  left: 110vw;
  animation: fall-39 10s -24s ease-in infinite;
}
.snowflake:nth-child(39) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-39 {
  8% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 92vw;
  }
}
.snowflake:nth-child(40) {
  opacity: 0.05;
  font-size: 12px;
  left: 44.9vw;
  animation: fall-40 30s -25.5s ease-in infinite;
}
.snowflake:nth-child(40) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-40 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 0.5vw;
  }
}
.snowflake:nth-child(41) {
  opacity: 0.52;
  font-size: 3px;
  left: 21.6vw;
  animation: fall-41 40s -13.5s ease-in infinite;
}
.snowflake:nth-child(41) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-41 {
  5.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 42.2vw;
  }
}
.snowflake:nth-child(42) {
  opacity: 0.35;
  font-size: 3px;
  left: 58.1vw;
  animation: fall-42 10s -4.5s ease-in infinite;
}
.snowflake:nth-child(42) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-42 {
  5.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 27vw;
  }
}
.snowflake:nth-child(43) {
  opacity: 0.68;
  font-size: 15px;
  left: 38.6vw;
  animation: fall-43 10s -28.5s ease-in infinite;
}
.snowflake:nth-child(43) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-43 {
  7.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 44.8vw;
  }
}
.snowflake:nth-child(44) {
  opacity: 0.36;
  font-size: 3px;
  left: 105.9vw;
  animation: fall-44 10s -22.5s ease-in infinite;
}
.snowflake:nth-child(44) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-44 {
  5.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 43.8vw;
  }
}
.snowflake:nth-child(45) {
  opacity: 0.79;
  font-size: 3px;
  left: 85.8vw;
  animation: fall-45 50s -13.5s ease-in infinite;
}
.snowflake:nth-child(45) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-45 {
  6.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 5.6vw;
  }
}
.snowflake:nth-child(46) {
  opacity: 0.62;
  font-size: 3px;
  left: 20.6vw;
  animation: fall-46 10s -15s ease-in infinite;
}
.snowflake:nth-child(46) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-46 {
  3.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 23vw;
  }
}
.snowflake:nth-child(47) {
  opacity: 0.41;
  font-size: 9px;
  left: 90.6vw;
  animation: fall-47 50s -22.5s ease-in infinite;
}
.snowflake:nth-child(47) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-47 {
  2.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 42.7vw;
  }
}
.snowflake:nth-child(48) {
  opacity: 0.49;
  font-size: 15px;
  left: 5.1vw;
  animation: fall-48 30s -28.5s ease-in infinite;
}
.snowflake:nth-child(48) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-48 {
  4.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 101.8vw;
  }
}
.snowflake:nth-child(49) {
  opacity: 0.22;
  font-size: 3px;
  left: 9vw;
  animation: fall-49 10s -36s ease-in infinite;
}
.snowflake:nth-child(49) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-49 {
  8.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 7.1vw;
  }
}
.snowflake:nth-child(50) {
  opacity: 0.45;
  font-size: 9px;
  left: 49.6vw;
  animation: fall-50 20s -22.5s ease-in infinite;
}
.snowflake:nth-child(50) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-50 {
  7.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 112.9vw;
  }
}
.snowflake:nth-child(51) {
  opacity: 0.4;
  font-size: 6px;
  left: 106.1vw;
  animation: fall-51 50s -9s ease-in infinite;
}
.snowflake:nth-child(51) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-51 {
  0.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 0.1vw;
  }
}
.snowflake:nth-child(52) {
  opacity: 0.41;
  font-size: 3px;
  left: 70.9vw;
  animation: fall-52 50s -1.5s ease-in infinite;
}
.snowflake:nth-child(52) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-52 {
  2.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 10.8vw;
  }
}
.snowflake:nth-child(53) {
  opacity: 0.17;
  font-size: 12px;
  left: 76.2vw;
  animation: fall-53 40s -22.5s ease-in infinite;
}
.snowflake:nth-child(53) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-53 {
  3.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 32.3vw;
  }
}
.snowflake:nth-child(54) {
  opacity: 0.49;
  font-size: 6px;
  left: 75.6vw;
  animation: fall-54 20s -28.5s ease-in infinite;
}
.snowflake:nth-child(54) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-54 {
  4.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 77.8vw;
  }
}
.snowflake:nth-child(55) {
  opacity: 0.5;
  font-size: 15px;
  left: 94.8vw;
  animation: fall-55 30s -18s ease-in infinite;
}
.snowflake:nth-child(55) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-55 {
  4.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 80.6vw;
  }
}
.snowflake:nth-child(56) {
  opacity: 0.78;
  font-size: 12px;
  left: 86.5vw;
  animation: fall-56 20s -13.5s ease-in infinite;
}
.snowflake:nth-child(56) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-56 {
  5.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 35.7vw;
  }
}
.snowflake:nth-child(57) {
  opacity: 0.34;
  font-size: 15px;
  left: 45.2vw;
  animation: fall-57 40s -16.5s ease-in infinite;
}
.snowflake:nth-child(57) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-57 {
  1.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 101vw;
  }
}
.snowflake:nth-child(58) {
  opacity: 0.22;
  font-size: 9px;
  left: 78.3vw;
  animation: fall-58 30s -22.5s ease-in infinite;
}
.snowflake:nth-child(58) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-58 {
  6.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 54.8vw;
  }
}
.snowflake:nth-child(59) {
  opacity: 0.55;
  font-size: 9px;
  left: 103.2vw;
  animation: fall-59 40s -6s ease-in infinite;
}
.snowflake:nth-child(59) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-59 {
  5.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 25.8vw;
  }
}
.snowflake:nth-child(60) {
  opacity: 0.88;
  font-size: 12px;
  left: 25.1vw;
  animation: fall-60 50s -4.5s ease-in infinite;
}
.snowflake:nth-child(60) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-60 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 58.4vw;
  }
}
.snowflake:nth-child(61) {
  opacity: 0.51;
  font-size: 6px;
  left: 62vw;
  animation: fall-61 50s -9s ease-in infinite;
}
.snowflake:nth-child(61) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-61 {
  5.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 74.8vw;
  }
}
.snowflake:nth-child(62) {
  opacity: 0.03;
  font-size: 9px;
  left: 8.4vw;
  animation: fall-62 40s -24s ease-in infinite;
}
.snowflake:nth-child(62) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-62 {
  5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 26.9vw;
  }
}
.snowflake:nth-child(63) {
  opacity: 0.39;
  font-size: 3px;
  left: 112.3vw;
  animation: fall-63 20s -30s ease-in infinite;
}
.snowflake:nth-child(63) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-63 {
  6% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 117.3vw;
  }
}
.snowflake:nth-child(64) {
  opacity: 0.39;
  font-size: 12px;
  left: 117.5vw;
  animation: fall-64 30s -16.5s ease-in infinite;
}
.snowflake:nth-child(64) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-64 {
  1% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 100.9vw;
  }
}
.snowflake:nth-child(65) {
  opacity: 0.17;
  font-size: 6px;
  left: 88.3vw;
  animation: fall-65 50s -19.5s ease-in infinite;
}
.snowflake:nth-child(65) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-65 {
  4.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 101.6vw;
  }
}
.snowflake:nth-child(66) {
  opacity: 0.01;
  font-size: 15px;
  left: 96.6vw;
  animation: fall-66 40s -7.5s ease-in infinite;
}
.snowflake:nth-child(66) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-66 {
  7.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 24.4vw;
  }
}
.snowflake:nth-child(67) {
  opacity: 0.4;
  font-size: 12px;
  left: 88.7vw;
  animation: fall-67 10s -13.5s ease-in infinite;
}
.snowflake:nth-child(67) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-67 {
  0.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 105.3vw;
  }
}
.snowflake:nth-child(68) {
  opacity: 0.27;
  font-size: 6px;
  left: 18.2vw;
  animation: fall-68 20s -12s ease-in infinite;
}
.snowflake:nth-child(68) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-68 {
  0.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 35vw;
  }
}
.snowflake:nth-child(69) {
  opacity: 0.18;
  font-size: 15px;
  left: 10.4vw;
  animation: fall-69 20s -16.5s ease-in infinite;
}
.snowflake:nth-child(69) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-69 {
  1.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 53.2vw;
  }
}
.snowflake:nth-child(70) {
  opacity: 0.87;
  font-size: 12px;
  left: 88vw;
  animation: fall-70 30s -30s ease-in infinite;
}
.snowflake:nth-child(70) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-70 {
  0.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 1.6vw;
  }
}
.snowflake:nth-child(71) {
  opacity: 0.1;
  font-size: 3px;
  left: 33vw;
  animation: fall-71 30s -30s ease-in infinite;
}
.snowflake:nth-child(71) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-71 {
  1% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 94.7vw;
  }
}
.snowflake:nth-child(72) {
  opacity: 0.65;
  font-size: 6px;
  left: 119.8vw;
  animation: fall-72 30s -6s ease-in infinite;
}
.snowflake:nth-child(72) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-72 {
  2.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 94.2vw;
  }
}
.snowflake:nth-child(73) {
  opacity: 0.01;
  font-size: 12px;
  left: 45.8vw;
  animation: fall-73 30s -30s ease-in infinite;
}
.snowflake:nth-child(73) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-73 {
  5.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 33.5vw;
  }
}
.snowflake:nth-child(74) {
  opacity: 0.67;
  font-size: 12px;
  left: 58.9vw;
  animation: fall-74 40s -25.5s ease-in infinite;
}
.snowflake:nth-child(74) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-74 {
  6.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 51.5vw;
  }
}
.snowflake:nth-child(75) {
  opacity: 0.05;
  font-size: 6px;
  left: 10.5vw;
  animation: fall-75 20s -10.5s ease-in infinite;
}
.snowflake:nth-child(75) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-75 {
  3.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 107.6vw;
  }
}
.snowflake:nth-child(76) {
  opacity: 0.58;
  font-size: 3px;
  left: 85.5vw;
  animation: fall-76 20s -21s ease-in infinite;
}
.snowflake:nth-child(76) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-76 {
  5.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 10.6vw;
  }
}
.snowflake:nth-child(77) {
  opacity: 0.22;
  font-size: 12px;
  left: 22.6vw;
  animation: fall-77 30s -18s ease-in infinite;
}
.snowflake:nth-child(77) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-77 {
  6.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 84.8vw;
  }
}
.snowflake:nth-child(78) {
  opacity: 0.28;
  font-size: 12px;
  left: 19.8vw;
  animation: fall-78 10s -10.5s ease-in infinite;
}
.snowflake:nth-child(78) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-78 {
  6.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 115.2vw;
  }
}
.snowflake:nth-child(79) {
  opacity: 0.3;
  font-size: 15px;
  left: 11.6vw;
  animation: fall-79 10s -7.5s ease-in infinite;
}
.snowflake:nth-child(79) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-79 {
  3.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 6.1vw;
  }
}
.snowflake:nth-child(80) {
  opacity: 0.6;
  font-size: 9px;
  left: 63.7vw;
  animation: fall-80 10s -21s ease-in infinite;
}
.snowflake:nth-child(80) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-80 {
  5.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 99.8vw;
  }
}
.snowflake:nth-child(81) {
  opacity: 0.26;
  font-size: 15px;
  left: 113.1vw;
  animation: fall-81 50s -7.5s ease-in infinite;
}
.snowflake:nth-child(81) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-81 {
  1.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 88.3vw;
  }
}
.snowflake:nth-child(82) {
  opacity: 0.66;
  font-size: 6px;
  left: 36.3vw;
  animation: fall-82 30s -16.5s ease-in infinite;
}
.snowflake:nth-child(82) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-82 {
  8.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 19.4vw;
  }
}
.snowflake:nth-child(83) {
  opacity: 0.53;
  font-size: 12px;
  left: 93.6vw;
  animation: fall-83 50s -28.5s ease-in infinite;
}
.snowflake:nth-child(83) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-83 {
  6.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 23.1vw;
  }
}
.snowflake:nth-child(84) {
  opacity: 0.53;
  font-size: 12px;
  left: 71.9vw;
  animation: fall-84 30s -25.5s ease-in infinite;
}
.snowflake:nth-child(84) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-84 {
  4.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 53.2vw;
  }
}
.snowflake:nth-child(85) {
  opacity: 0.88;
  font-size: 6px;
  left: 16.2vw;
  animation: fall-85 20s -7.5s ease-in infinite;
}
.snowflake:nth-child(85) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-85 {
  3.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 78vw;
  }
}
.snowflake:nth-child(86) {
  opacity: 0.42;
  font-size: 12px;
  left: 59.5vw;
  animation: fall-86 20s -22.5s ease-in infinite;
}
.snowflake:nth-child(86) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-86 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 97vw;
  }
}
.snowflake:nth-child(87) {
  opacity: 0.66;
  font-size: 6px;
  left: 74.4vw;
  animation: fall-87 40s -19.5s ease-in infinite;
}
.snowflake:nth-child(87) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-87 {
  6.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 108.2vw;
  }
}
.snowflake:nth-child(88) {
  opacity: 0.6;
  font-size: 6px;
  left: 114.2vw;
  animation: fall-88 30s -18s ease-in infinite;
}
.snowflake:nth-child(88) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-88 {
  5.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 101.4vw;
  }
}
.snowflake:nth-child(89) {
  opacity: 0.31;
  font-size: 6px;
  left: 19.4vw;
  animation: fall-89 20s -15s ease-in infinite;
}
.snowflake:nth-child(89) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-89 {
  6.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 5vw;
  }
}
.snowflake:nth-child(90) {
  opacity: 0.45;
  font-size: 9px;
  left: 33.7vw;
  animation: fall-90 30s -30s ease-in infinite;
}
.snowflake:nth-child(90) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-90 {
  7.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 34.1vw;
  }
}
.snowflake:nth-child(91) {
  opacity: 0.66;
  font-size: 6px;
  left: 97.7vw;
  animation: fall-91 30s -13.5s ease-in infinite;
}
.snowflake:nth-child(91) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-91 {
  2.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 16.7vw;
  }
}
.snowflake:nth-child(92) {
  opacity: 0.26;
  font-size: 3px;
  left: 3.9vw;
  animation: fall-92 10s -22.5s ease-in infinite;
}
.snowflake:nth-child(92) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-92 {
  3.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 111.9vw;
  }
}
.snowflake:nth-child(93) {
  opacity: 0.5;
  font-size: 6px;
  left: 97.9vw;
  animation: fall-93 20s -16.5s ease-in infinite;
}
.snowflake:nth-child(93) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-93 {
  7% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 102.6vw;
  }
}
.snowflake:nth-child(94) {
  opacity: 0.83;
  font-size: 15px;
  left: 77.3vw;
  animation: fall-94 20s -31.5s ease-in infinite;
}
.snowflake:nth-child(94) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-94 {
  6.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 11.4vw;
  }
}
.snowflake:nth-child(95) {
  opacity: 0.71;
  font-size: 9px;
  left: 29.1vw;
  animation: fall-95 20s -18s ease-in infinite;
}
.snowflake:nth-child(95) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-95 {
  3% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 62.8vw;
  }
}
.snowflake:nth-child(96) {
  opacity: 0.72;
  font-size: 9px;
  left: 63.8vw;
  animation: fall-96 20s -13.5s ease-in infinite;
}
.snowflake:nth-child(96) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-96 {
  7% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 119.2vw;
  }
}
.snowflake:nth-child(97) {
  opacity: 0.21;
  font-size: 6px;
  left: 2.2vw;
  animation: fall-97 20s -21s ease-in infinite;
}
.snowflake:nth-child(97) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-97 {
  1.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 43.2vw;
  }
}
.snowflake:nth-child(98) {
  opacity: 0.05;
  font-size: 6px;
  left: 78.4vw;
  animation: fall-98 10s -9s ease-in infinite;
}
.snowflake:nth-child(98) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-98 {
  6.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 45.8vw;
  }
}
.snowflake:nth-child(99) {
  opacity: 0.18;
  font-size: 6px;
  left: 32.2vw;
  animation: fall-99 10s -15s ease-in infinite;
}
.snowflake:nth-child(99) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-99 {
  1.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 18.1vw;
  }
}
.snowflake:nth-child(100) {
  opacity: 0.1;
  font-size: 6px;
  left: 34.8vw;
  animation: fall-100 40s -1.5s ease-in infinite;
}
.snowflake:nth-child(100) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-100 {
  1.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 43.8vw;
  }
}
.snowflake:nth-child(101) {
  opacity: 0.13;
  font-size: 6px;
  left: 80.3vw;
  animation: fall-101 40s -3s ease-in infinite;
}
.snowflake:nth-child(101) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-101 {
  6% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 92.4vw;
  }
}
.snowflake:nth-child(102) {
  opacity: 0.49;
  font-size: 15px;
  left: 21.7vw;
  animation: fall-102 30s -22.5s ease-in infinite;
}
.snowflake:nth-child(102) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-102 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 43.5vw;
  }
}
.snowflake:nth-child(103) {
  opacity: 0.38;
  font-size: 15px;
  left: 2.2vw;
  animation: fall-103 40s -9s ease-in infinite;
}
.snowflake:nth-child(103) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-103 {
  8.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 32.9vw;
  }
}
.snowflake:nth-child(104) {
  opacity: 0.3;
  font-size: 12px;
  left: 94.8vw;
  animation: fall-104 40s -25.5s ease-in infinite;
}
.snowflake:nth-child(104) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-104 {
  7.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 15.4vw;
  }
}
.snowflake:nth-child(105) {
  opacity: 0.9;
  font-size: 3px;
  left: 113.7vw;
  animation: fall-105 40s -16.5s ease-in infinite;
}
.snowflake:nth-child(105) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-105 {
  7.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 38.9vw;
  }
}
.snowflake:nth-child(106) {
  opacity: 0.33;
  font-size: 15px;
  left: 66.7vw;
  animation: fall-106 30s -37.5s ease-in infinite;
}
.snowflake:nth-child(106) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-106 {
  4.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 34.6vw;
  }
}
.snowflake:nth-child(107) {
  opacity: 0.49;
  font-size: 6px;
  left: 116.8vw;
  animation: fall-107 50s -31.5s ease-in infinite;
}
.snowflake:nth-child(107) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-107 {
  7.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 32.8vw;
  }
}
.snowflake:nth-child(108) {
  opacity: 0.84;
  font-size: 9px;
  left: 19.9vw;
  animation: fall-108 30s -15s ease-in infinite;
}
.snowflake:nth-child(108) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-108 {
  7.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 51.1vw;
  }
}
.snowflake:nth-child(109) {
  opacity: 0.64;
  font-size: 12px;
  left: 35.4vw;
  animation: fall-109 10s -10.5s ease-in infinite;
}
.snowflake:nth-child(109) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-109 {
  2.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 28.6vw;
  }
}
.snowflake:nth-child(110) {
  opacity: 0.32;
  font-size: 12px;
  left: 51.5vw;
  animation: fall-110 10s -18s ease-in infinite;
}
.snowflake:nth-child(110) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-110 {
  2.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 112.8vw;
  }
}
.snowflake:nth-child(111) {
  opacity: 0.1;
  font-size: 9px;
  left: 87.4vw;
  animation: fall-111 30s -33s ease-in infinite;
}
.snowflake:nth-child(111) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-111 {
  5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 82.1vw;
  }
}
.snowflake:nth-child(112) {
  opacity: 0.38;
  font-size: 9px;
  left: 114.6vw;
  animation: fall-112 50s -4.5s ease-in infinite;
}
.snowflake:nth-child(112) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-112 {
  2.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 30.4vw;
  }
}
.snowflake:nth-child(113) {
  opacity: 0.69;
  font-size: 3px;
  left: 80.8vw;
  animation: fall-113 20s -24s ease-in infinite;
}
.snowflake:nth-child(113) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-113 {
  6% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 63.2vw;
  }
}
.snowflake:nth-child(114) {
  opacity: 0.31;
  font-size: 15px;
  left: 106.4vw;
  animation: fall-114 50s -12s ease-in infinite;
}
.snowflake:nth-child(114) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-114 {
  1.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 102.9vw;
  }
}
.snowflake:nth-child(115) {
  opacity: 0.1;
  font-size: 15px;
  left: 119.3vw;
  animation: fall-115 40s -12s ease-in infinite;
}
.snowflake:nth-child(115) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-115 {
  7.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 108.3vw;
  }
}
.snowflake:nth-child(116) {
  opacity: 0.83;
  font-size: 15px;
  left: 80.9vw;
  animation: fall-116 50s -27s ease-in infinite;
}
.snowflake:nth-child(116) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-116 {
  7.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 6.9vw;
  }
}
.snowflake:nth-child(117) {
  opacity: 0.12;
  font-size: 12px;
  left: 107.9vw;
  animation: fall-117 10s -18s ease-in infinite;
}
.snowflake:nth-child(117) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-117 {
  1.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 24vw;
  }
}
.snowflake:nth-child(118) {
  opacity: 0.84;
  font-size: 9px;
  left: 26.9vw;
  animation: fall-118 40s -33s ease-in infinite;
}
.snowflake:nth-child(118) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-118 {
  6% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 99.5vw;
  }
}
.snowflake:nth-child(119) {
  opacity: 0.19;
  font-size: 3px;
  left: 26.2vw;
  animation: fall-119 10s -31.5s ease-in infinite;
}
.snowflake:nth-child(119) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-119 {
  6.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 91.7vw;
  }
}
.snowflake:nth-child(120) {
  opacity: 0.6;
  font-size: 6px;
  left: 67.6vw;
  animation: fall-120 20s -15s ease-in infinite;
}
.snowflake:nth-child(120) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-120 {
  0.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 108.9vw;
  }
}
.snowflake:nth-child(121) {
  opacity: 0.09;
  font-size: 12px;
  left: 72.5vw;
  animation: fall-121 20s -24s ease-in infinite;
}
.snowflake:nth-child(121) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-121 {
  7.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 91.5vw;
  }
}
.snowflake:nth-child(122) {
  opacity: 0.87;
  font-size: 12px;
  left: 79.4vw;
  animation: fall-122 40s -24s ease-in infinite;
}
.snowflake:nth-child(122) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-122 {
  0.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 5.8vw;
  }
}
.snowflake:nth-child(123) {
  opacity: 0.88;
  font-size: 6px;
  left: 59.8vw;
  animation: fall-123 50s -21s ease-in infinite;
}
.snowflake:nth-child(123) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-123 {
  2.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 66.1vw;
  }
}
.snowflake:nth-child(124) {
  opacity: 0.58;
  font-size: 6px;
  left: 38vw;
  animation: fall-124 20s -28.5s ease-in infinite;
}
.snowflake:nth-child(124) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-124 {
  4.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 35.9vw;
  }
}
.snowflake:nth-child(125) {
  opacity: 0.01;
  font-size: 12px;
  left: 65.1vw;
  animation: fall-125 40s -30s ease-in infinite;
}
.snowflake:nth-child(125) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-125 {
  3.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 67.5vw;
  }
}
.snowflake:nth-child(126) {
  opacity: 0.1;
  font-size: 3px;
  left: 53.4vw;
  animation: fall-126 40s -19.5s ease-in infinite;
}
.snowflake:nth-child(126) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-126 {
  3.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 43.9vw;
  }
}
.snowflake:nth-child(127) {
  opacity: 0.63;
  font-size: 6px;
  left: 59.5vw;
  animation: fall-127 30s -36s ease-in infinite;
}
.snowflake:nth-child(127) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-127 {
  4.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 106.2vw;
  }
}
.snowflake:nth-child(128) {
  opacity: 0.69;
  font-size: 12px;
  left: 112.7vw;
  animation: fall-128 30s -10.5s ease-in infinite;
}
.snowflake:nth-child(128) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-128 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 108.9vw;
  }
}
.snowflake:nth-child(129) {
  opacity: 0.45;
  font-size: 6px;
  left: 119.4vw;
  animation: fall-129 10s -33s ease-in infinite;
}
.snowflake:nth-child(129) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-129 {
  5.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 95.9vw;
  }
}
.snowflake:nth-child(130) {
  opacity: 0.33;
  font-size: 3px;
  left: 59.7vw;
  animation: fall-130 30s -30s ease-in infinite;
}
.snowflake:nth-child(130) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-130 {
  8.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 106.6vw;
  }
}
.snowflake:nth-child(131) {
  opacity: 0.89;
  font-size: 9px;
  left: 26vw;
  animation: fall-131 50s -16.5s ease-in infinite;
}
.snowflake:nth-child(131) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-131 {
  2.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 43.7vw;
  }
}
.snowflake:nth-child(132) {
  opacity: 0.73;
  font-size: 6px;
  left: 105.5vw;
  animation: fall-132 20s -6s ease-in infinite;
}
.snowflake:nth-child(132) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-132 {
  3.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 101.4vw;
  }
}
.snowflake:nth-child(133) {
  opacity: 0.03;
  font-size: 9px;
  left: 108.4vw;
  animation: fall-133 10s -3s ease-in infinite;
}
.snowflake:nth-child(133) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-133 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 5.1vw;
  }
}
.snowflake:nth-child(134) {
  opacity: 0.04;
  font-size: 15px;
  left: 87.5vw;
  animation: fall-134 40s -18s ease-in infinite;
}
.snowflake:nth-child(134) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-134 {
  3.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 21.3vw;
  }
}
.snowflake:nth-child(135) {
  opacity: 0.41;
  font-size: 15px;
  left: 15.4vw;
  animation: fall-135 10s -33s ease-in infinite;
}
.snowflake:nth-child(135) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-135 {
  4.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 116.6vw;
  }
}
.snowflake:nth-child(136) {
  opacity: 0.26;
  font-size: 12px;
  left: 98.3vw;
  animation: fall-136 10s -18s ease-in infinite;
}
.snowflake:nth-child(136) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-136 {
  3% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 86.6vw;
  }
}
.snowflake:nth-child(137) {
  opacity: 0.65;
  font-size: 6px;
  left: 51.9vw;
  animation: fall-137 20s -4.5s ease-in infinite;
}
.snowflake:nth-child(137) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-137 {
  3.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 109.7vw;
  }
}
.snowflake:nth-child(138) {
  opacity: 0.85;
  font-size: 9px;
  left: 70.3vw;
  animation: fall-138 40s -10.5s ease-in infinite;
}
.snowflake:nth-child(138) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-138 {
  5.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 114.9vw;
  }
}
.snowflake:nth-child(139) {
  opacity: 0.43;
  font-size: 9px;
  left: 7.5vw;
  animation: fall-139 20s -13.5s ease-in infinite;
}
.snowflake:nth-child(139) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-139 {
  4.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 43.9vw;
  }
}
.snowflake:nth-child(140) {
  opacity: 0.74;
  font-size: 3px;
  left: 47.1vw;
  animation: fall-140 20s -1.5s ease-in infinite;
}
.snowflake:nth-child(140) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-140 {
  6.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 70.7vw;
  }
}
.snowflake:nth-child(141) {
  opacity: 0.65;
  font-size: 9px;
  left: 75.4vw;
  animation: fall-141 30s -24s ease-in infinite;
}
.snowflake:nth-child(141) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-141 {
  5.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 4.3vw;
  }
}
.snowflake:nth-child(142) {
  opacity: 0.5;
  font-size: 6px;
  left: 40.6vw;
  animation: fall-142 10s -22.5s ease-in infinite;
}
.snowflake:nth-child(142) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-142 {
  6.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 10.6vw;
  }
}
.snowflake:nth-child(143) {
  opacity: 0.04;
  font-size: 6px;
  left: 5.4vw;
  animation: fall-143 20s -7.5s ease-in infinite;
}
.snowflake:nth-child(143) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-143 {
  6.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 31.7vw;
  }
}
.snowflake:nth-child(144) {
  opacity: 0.89;
  font-size: 3px;
  left: 18.6vw;
  animation: fall-144 20s -15s ease-in infinite;
}
.snowflake:nth-child(144) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-144 {
  7.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 39vw;
  }
}
.snowflake:nth-child(145) {
  opacity: 0.73;
  font-size: 12px;
  left: 25.6vw;
  animation: fall-145 50s -4.5s ease-in infinite;
}
.snowflake:nth-child(145) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-145 {
  2.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 31.2vw;
  }
}
.snowflake:nth-child(146) {
  opacity: 0.68;
  font-size: 12px;
  left: 59.9vw;
  animation: fall-146 40s -15s ease-in infinite;
}
.snowflake:nth-child(146) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-146 {
  6.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 104.3vw;
  }
}
.snowflake:nth-child(147) {
  opacity: 0.77;
  font-size: 12px;
  left: 82.5vw;
  animation: fall-147 10s -12s ease-in infinite;
}
.snowflake:nth-child(147) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-147 {
  2% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 49.8vw;
  }
}
.snowflake:nth-child(148) {
  opacity: 0.43;
  font-size: 6px;
  left: 78.4vw;
  animation: fall-148 40s -27s ease-in infinite;
}
.snowflake:nth-child(148) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-148 {
  0.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 76.6vw;
  }
}
.snowflake:nth-child(149) {
  opacity: 0.05;
  font-size: 6px;
  left: 110.7vw;
  animation: fall-149 10s -1.5s ease-in infinite;
}
.snowflake:nth-child(149) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-149 {
  5.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 19.3vw;
  }
}
.snowflake:nth-child(150) {
  opacity: 0.04;
  font-size: 12px;
  left: 96.4vw;
  animation: fall-150 10s -22.5s ease-in infinite;
}
.snowflake:nth-child(150) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-150 {
  8.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 36.3vw;
  }
}
.snowflake:nth-child(151) {
  opacity: 0.31;
  font-size: 9px;
  left: 47.9vw;
  animation: fall-151 20s -22.5s ease-in infinite;
}
.snowflake:nth-child(151) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-151 {
  2.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 41.1vw;
  }
}
.snowflake:nth-child(152) {
  opacity: 0.51;
  font-size: 3px;
  left: 49vw;
  animation: fall-152 20s -33s ease-in infinite;
}
.snowflake:nth-child(152) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-152 {
  6.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 71.6vw;
  }
}
.snowflake:nth-child(153) {
  opacity: 0.39;
  font-size: 6px;
  left: 35.1vw;
  animation: fall-153 20s -16.5s ease-in infinite;
}
.snowflake:nth-child(153) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-153 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 69.5vw;
  }
}
.snowflake:nth-child(154) {
  opacity: 0.74;
  font-size: 6px;
  left: 7.7vw;
  animation: fall-154 20s -33s ease-in infinite;
}
.snowflake:nth-child(154) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-154 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 8.6vw;
  }
}
.snowflake:nth-child(155) {
  opacity: 0.4;
  font-size: 3px;
  left: 45.8vw;
  animation: fall-155 40s -1.5s ease-in infinite;
}
.snowflake:nth-child(155) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-155 {
  1% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 22.7vw;
  }
}
.snowflake:nth-child(156) {
  opacity: 0.78;
  font-size: 3px;
  left: 114vw;
  animation: fall-156 40s -33s ease-in infinite;
}
.snowflake:nth-child(156) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-156 {
  3.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 99.8vw;
  }
}
.snowflake:nth-child(157) {
  opacity: 0.44;
  font-size: 6px;
  left: 24.6vw;
  animation: fall-157 20s -33s ease-in infinite;
}
.snowflake:nth-child(157) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-157 {
  7.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 19.2vw;
  }
}
.snowflake:nth-child(158) {
  opacity: 0.03;
  font-size: 3px;
  left: 114.3vw;
  animation: fall-158 30s -7.5s ease-in infinite;
}
.snowflake:nth-child(158) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-158 {
  0.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 38.8vw;
  }
}
.snowflake:nth-child(159) {
  opacity: 0.3;
  font-size: 6px;
  left: 32.1vw;
  animation: fall-159 10s -21s ease-in infinite;
}
.snowflake:nth-child(159) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-159 {
  5.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 114.7vw;
  }
}
.snowflake:nth-child(160) {
  opacity: 0.1;
  font-size: 6px;
  left: 58.2vw;
  animation: fall-160 30s -28.5s ease-in infinite;
}
.snowflake:nth-child(160) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-160 {
  2.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 14.2vw;
  }
}
.snowflake:nth-child(161) {
  opacity: 0.54;
  font-size: 9px;
  left: 30vw;
  animation: fall-161 30s -22.5s ease-in infinite;
}
.snowflake:nth-child(161) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-161 {
  2.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 32.8vw;
  }
}
.snowflake:nth-child(162) {
  opacity: 0.53;
  font-size: 9px;
  left: 5.8vw;
  animation: fall-162 20s -19.5s ease-in infinite;
}
.snowflake:nth-child(162) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-162 {
  5.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 46.9vw;
  }
}
.snowflake:nth-child(163) {
  opacity: 0.48;
  font-size: 3px;
  left: 40.4vw;
  animation: fall-163 20s -27s ease-in infinite;
}
.snowflake:nth-child(163) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-163 {
  5.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 38vw;
  }
}
.snowflake:nth-child(164) {
  opacity: 0.1;
  font-size: 3px;
  left: 93.7vw;
  animation: fall-164 50s -15s ease-in infinite;
}
.snowflake:nth-child(164) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-164 {
  5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 63.3vw;
  }
}
.snowflake:nth-child(165) {
  opacity: 0.49;
  font-size: 9px;
  left: 95.4vw;
  animation: fall-165 30s -27s ease-in infinite;
}
.snowflake:nth-child(165) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-165 {
  0.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 11.2vw;
  }
}
.snowflake:nth-child(166) {
  opacity: 0.23;
  font-size: 12px;
  left: 34.1vw;
  animation: fall-166 50s -31.5s ease-in infinite;
}
.snowflake:nth-child(166) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-166 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 55.8vw;
  }
}
.snowflake:nth-child(167) {
  opacity: 0.07;
  font-size: 15px;
  left: 84.8vw;
  animation: fall-167 20s -12s ease-in infinite;
}
.snowflake:nth-child(167) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-167 {
  4.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 48vw;
  }
}
.snowflake:nth-child(168) {
  opacity: 0.11;
  font-size: 9px;
  left: 30.5vw;
  animation: fall-168 50s -4.5s ease-in infinite;
}
.snowflake:nth-child(168) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-168 {
  7.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 31.9vw;
  }
}
.snowflake:nth-child(169) {
  opacity: 0.29;
  font-size: 3px;
  left: 36.6vw;
  animation: fall-169 10s -27s ease-in infinite;
}
.snowflake:nth-child(169) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-169 {
  4.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 37.7vw;
  }
}
.snowflake:nth-child(170) {
  opacity: 0.25;
  font-size: 12px;
  left: 53.2vw;
  animation: fall-170 50s -3s ease-in infinite;
}
.snowflake:nth-child(170) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-170 {
  2.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 90.8vw;
  }
}
.snowflake:nth-child(171) {
  opacity: 0.43;
  font-size: 15px;
  left: 11.3vw;
  animation: fall-171 50s -36s ease-in infinite;
}
.snowflake:nth-child(171) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-171 {
  1.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 37.1vw;
  }
}
.snowflake:nth-child(172) {
  opacity: 0.18;
  font-size: 6px;
  left: 5.8vw;
  animation: fall-172 30s -25.5s ease-in infinite;
}
.snowflake:nth-child(172) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-172 {
  7.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 94.4vw;
  }
}
.snowflake:nth-child(173) {
  opacity: 0.58;
  font-size: 6px;
  left: 29.8vw;
  animation: fall-173 30s -21s ease-in infinite;
}
.snowflake:nth-child(173) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-173 {
  0.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 66.4vw;
  }
}
.snowflake:nth-child(174) {
  opacity: 0.19;
  font-size: 6px;
  left: 51.7vw;
  animation: fall-174 10s -36s ease-in infinite;
}
.snowflake:nth-child(174) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-174 {
  0.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 92.7vw;
  }
}
.snowflake:nth-child(175) {
  opacity: 0.27;
  font-size: 12px;
  left: 119vw;
  animation: fall-175 30s -21s ease-in infinite;
}
.snowflake:nth-child(175) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-175 {
  4.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 57.8vw;
  }
}
.snowflake:nth-child(176) {
  opacity: 0.27;
  font-size: 6px;
  left: 75.9vw;
  animation: fall-176 40s -1.5s ease-in infinite;
}
.snowflake:nth-child(176) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-176 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 71.9vw;
  }
}
.snowflake:nth-child(177) {
  opacity: 0.78;
  font-size: 15px;
  left: 87.3vw;
  animation: fall-177 20s -33s ease-in infinite;
}
.snowflake:nth-child(177) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-177 {
  0.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 52.2vw;
  }
}
.snowflake:nth-child(178) {
  opacity: 0.47;
  font-size: 6px;
  left: 37.5vw;
  animation: fall-178 30s -30s ease-in infinite;
}
.snowflake:nth-child(178) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-178 {
  7% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 75.9vw;
  }
}
.snowflake:nth-child(179) {
  opacity: 0.55;
  font-size: 9px;
  left: 111.5vw;
  animation: fall-179 50s -33s ease-in infinite;
}
.snowflake:nth-child(179) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-179 {
  2.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 31.6vw;
  }
}
.snowflake:nth-child(180) {
  opacity: 0.78;
  font-size: 9px;
  left: 10.5vw;
  animation: fall-180 20s -30s ease-in infinite;
}
.snowflake:nth-child(180) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-180 {
  5.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 25.3vw;
  }
}
.snowflake:nth-child(181) {
  opacity: 0.88;
  font-size: 9px;
  left: 65.6vw;
  animation: fall-181 40s -36s ease-in infinite;
}
.snowflake:nth-child(181) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-181 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 82.5vw;
  }
}
.snowflake:nth-child(182) {
  opacity: 0.83;
  font-size: 12px;
  left: 95.5vw;
  animation: fall-182 50s -4.5s ease-in infinite;
}
.snowflake:nth-child(182) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-182 {
  7.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 69.2vw;
  }
}
.snowflake:nth-child(183) {
  opacity: 0.83;
  font-size: 9px;
  left: 62vw;
  animation: fall-183 40s -19.5s ease-in infinite;
}
.snowflake:nth-child(183) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-183 {
  6.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 89.8vw;
  }
}
.snowflake:nth-child(184) {
  opacity: 0.37;
  font-size: 3px;
  left: 113.6vw;
  animation: fall-184 10s -31.5s ease-in infinite;
}
.snowflake:nth-child(184) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-184 {
  8.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 114.1vw;
  }
}
.snowflake:nth-child(185) {
  opacity: 0.86;
  font-size: 9px;
  left: 2.2vw;
  animation: fall-185 20s -28.5s ease-in infinite;
}
.snowflake:nth-child(185) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-185 {
  0.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 96.7vw;
  }
}
.snowflake:nth-child(186) {
  opacity: 0.52;
  font-size: 6px;
  left: 72.3vw;
  animation: fall-186 20s -12s ease-in infinite;
}
.snowflake:nth-child(186) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-186 {
  4% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 80.9vw;
  }
}
.snowflake:nth-child(187) {
  opacity: 0.07;
  font-size: 3px;
  left: 75.1vw;
  animation: fall-187 10s -33s ease-in infinite;
}
.snowflake:nth-child(187) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-187 {
  7.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 116.5vw;
  }
}
.snowflake:nth-child(188) {
  opacity: 0.8;
  font-size: 6px;
  left: 67.6vw;
  animation: fall-188 10s -9s ease-in infinite;
}
.snowflake:nth-child(188) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 4px #fff);
}
@keyframes fall-188 {
  5.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 47.1vw;
  }
}
.snowflake:nth-child(189) {
  opacity: 0.57;
  font-size: 12px;
  left: 68.1vw;
  animation: fall-189 10s -30s ease-in infinite;
}
.snowflake:nth-child(189) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-189 {
  5.3333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 40.4vw;
  }
}
.snowflake:nth-child(190) {
  opacity: 0.88;
  font-size: 6px;
  left: 8.9vw;
  animation: fall-190 50s -19.5s ease-in infinite;
}
.snowflake:nth-child(190) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-190 {
  7% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 10.6vw;
  }
}
.snowflake:nth-child(191) {
  opacity: 0.38;
  font-size: 15px;
  left: 68.6vw;
  animation: fall-191 40s -30s ease-in infinite;
}
.snowflake:nth-child(191) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-191 {
  1.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 88.5vw;
  }
}
.snowflake:nth-child(192) {
  opacity: 0.73;
  font-size: 9px;
  left: 12.7vw;
  animation: fall-192 40s -19.5s ease-in infinite;
}
.snowflake:nth-child(192) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 5px #fff);
}
@keyframes fall-192 {
  6.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 3.2vw;
  }
}
.snowflake:nth-child(193) {
  opacity: 0.59;
  font-size: 3px;
  left: 91.6vw;
  animation: fall-193 50s -36s ease-in infinite;
}
.snowflake:nth-child(193) span {
  animation: spin 6s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-193 {
  4.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 53.9vw;
  }
}
.snowflake:nth-child(194) {
  opacity: 0.58;
  font-size: 6px;
  left: 94.5vw;
  animation: fall-194 30s -34.5s ease-in infinite;
}
.snowflake:nth-child(194) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-194 {
  3.5% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 114.2vw;
  }
}
.snowflake:nth-child(195) {
  opacity: 0.21;
  font-size: 9px;
  left: 23.3vw;
  animation: fall-195 40s -21s ease-in infinite;
}
.snowflake:nth-child(195) span {
  animation: spin 9s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-195 {
  3.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 115.8vw;
  }
}
.snowflake:nth-child(196) {
  opacity: 0.05;
  font-size: 9px;
  left: 108.7vw;
  animation: fall-196 50s -28.5s ease-in infinite;
}
.snowflake:nth-child(196) span {
  animation: spin 12s linear 0s infinite;
  filter: drop-shadow(0 0 2px #fff);
}
@keyframes fall-196 {
  2.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 114.3vw;
  }
}
.snowflake:nth-child(197) {
  opacity: 0.46;
  font-size: 12px;
  left: 56.6vw;
  animation: fall-197 50s -6s ease-in infinite;
}
.snowflake:nth-child(197) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-197 {
  7% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 90.7vw;
  }
}
.snowflake:nth-child(198) {
  opacity: 0.25;
  font-size: 9px;
  left: 86.7vw;
  animation: fall-198 50s -12s ease-in infinite;
}
.snowflake:nth-child(198) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-198 {
  6.6666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 89.6vw;
  }
}
.snowflake:nth-child(199) {
  opacity: 0.77;
  font-size: 12px;
  left: 45.1vw;
  animation: fall-199 20s -25.5s ease-in infinite;
}
.snowflake:nth-child(199) span {
  animation: spin 15s linear 0s infinite;
  filter: drop-shadow(0 0 1px #fff);
}
@keyframes fall-199 {
  6.1666666667% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 33vw;
  }
}
.snowflake:nth-child(200) {
  opacity: 0.24;
  font-size: 9px;
  left: 17.1vw;
  animation: fall-200 30s -3s ease-in infinite;
}
.snowflake:nth-child(200) span {
  animation: spin 3s linear 0s infinite;
  filter: drop-shadow(0 0 3px #fff);
}
@keyframes fall-200 {
  6.8333333333% {
	transform: rotate(90deg) translateX(0);
  }
  to {
	transform: rotate(90deg) translateX(calc(100vh + 5vmin));
	left: 69.9vw;
  }
}
.snowflake span {
  display: block;
  color: #fff;
}
.snowflake span:before {
  content: "❄";
}
.snowflake:nth-child(4n+2) span:before {
  content: "❅";
}
.snowflake:nth-child(4n+3) span:before {
  content: "❅";
}
.snowflake:nth-child(4n+4) span:before {
  content: "❋";
}
@keyframes spin {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}
.block-fotographie-gallery  {
  padding: 0 var(--belt-gap) var(--block-space--xl) var(--belt-gap);
}

.block-fotographie-gallery .masonryholder .masonryblocks img {
  width: 100%;
}
.block-fotographie-gallery .galerie-wrapper {
  grid-row-gap: 0;
}
.block-fotographie-gallery .masonryholder {
  column-count: 3;
  column-gap: 20px;
  margin: 20px auto 0 auto;
  grid-column: span 12;
}
.block-fotographie-gallery .masonryblocks {
  display: inline-block;
  margin: 0 0 20px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .block-fotographie-gallery  {
	padding: 0 var(--belt-gap) var(--block-space--md) var(--belt-gap);
  }
}
@media screen and (max-width: 767px) {
  .block-fotographie-gallery  {
	padding: 0 var(--belt-gap) var(--block-space--sm) var(--belt-gap);
	margin-top: -50px;
  }
}
@media screen and (max-width:500px) {
  .block-fotographie-gallery .masonryholder {
	column-count: 1;
  }
}
@media screen and (min-width:501px) {
  .block-fotographie-gallery .masonryholder {
	column-count: 2;
  }
}
@media screen and (min-width:1024px) {
  .block-fotographie-gallery .masonryholder {
	column-count: 3;
  }
}
@media screen and (min-width:1280px) {
  .block-fotographie-gallery .masonryholder {
	column-count: 3;
  }
}



/* BINE CSS */
.block-bild-text-kacheln.block-animation-kacheln .wrapper-box {
  gap: var(--belt-gap);
}
@media screen and (min-width: 1024px) {
  .block-bild-text-kacheln:not(.servus-twinion) .reversedAll .wrapper-box .item {
	grid-column: span 6 !important;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .block-bild-text-kacheln.block-animation-kacheln .wrapper-box {
	display: flex;
	flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .leistungs-section.doodle-and-comics .gridaction__image {
	background-size: 90%;
  }
}
.leistungs-section.mail-intro .gridaction__image {
  background-position: left bottom;
  background-size: 60%;
}
.leistungs-section.clean-box .gridaction__content .gridaction__box {
  background: transparent;
}
.doodles-intro.leistungs-section .gridaction__image {
  background-position: 15vw;
  background-size: 35%;
}
.story-intro.leistungs-section .gridaction__image {
  height: 60vh;
}
.clean-desk.leistungs-section .gridaction__image {
  transition: background 1.5s 1s ease;
}
.clean-desk.leistungs-section.scrolled .gridaction__image {
  background-image: url(/wp-content/uploads/twin-werbeagentur-infografiken-fisp_infografik-clean-desk-02.jpg) !important;
}
.clean-desk.leistungs-section.scrolled .gridaction__image:hover {
  transition: background 0.8s ease;
  background-image: url(/wp-content/uploads/twin-werbeagentur-infografiken-fisp_infografik-clean-desk.jpg) !important;
}
.zusammenhang-rohr.leistungs-section .gridaction__image {
  position: relative;
}
.zusammenhang-rohr.leistungs-section .gridaction__image::after {
  background-position: -25vw bottom;
  background-image: url(/wp-content/uploads/twin-werbeagentur-infografiken-zusammenhaenge-extra-e1672840830388.png) !important;
  background-size: 25%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 1s 0.8s ease;
}
.zusammenhang-rohr.leistungs-section.scrolled .gridaction__image::after {
  background-position: left bottom;
}

.pension-blue, #pension-online-praesenz {
  background: #2F4D72 !important;
}
.pension-blue .block-image-simple {
  background: transparent;
}
.pension-lightblue {
  background: #EEF1F4 !important;
}
.pension-lightblue .block-image-simple {
  background: transparent;
}
.pension-blue-line-bottom {
  position: relative;
}
.pension-blue-line-bottom .aio-grid {
  z-index: 2;
}
.pension-blue-line-bottom::after {
  background: #2F4D72;
  width: 100%;
  bottom: 0;
  height: 25%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  z-index: 1;
}
.pension-lightblue-line-bottom {
  position: relative;
}
.pension-lightblue-line-bottom .aio-grid {
  z-index: 2;
}
.pension-lightblue-line-bottom::after {
  background: #EEF1F4;
  width: 100%;
  bottom: 0;
  height: 50%;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  z-index: 1;
}
.pension-icon-line .aio-grid {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .pension-icon-line img {
	max-width: 60vw;
  }
}
.pension-image-collage .aio-grid {
  display: flex;
  justify-content: center;
}
.pension-image-collage img {
  max-width: 1210px;
}

.pension-color-line .aio-grid {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .pension-color-line img {
	max-width: 60vw;
  }
  .pension-logo-wrapper 
}
.call-to-action-job {
  height: 40px;
  width: 220px;
  background: transparent linear-gradient(180deg,#00E5FF 0%,#00F5BB 100%) 0% 0% no-repeat padding-box;
  padding: 10px;
  position: fixed;
  top: 25vh;
  right: -90px;
  z-index: 20;
  transition: all 0.8s ease;
  transform: rotate(-90deg);
}
.call-to-action-job a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.call-to-action-job a h3 {
  color: var(--text);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}
.call-to-action-job a img {
  max-width: 50px;
  transform: rotate(90deg);
  padding-top: 20px;
  filter: invert(1);
  transition: all 0.8s ease;
}
@media screen and (max-width: 767px) {
  .call-to-action-job {
	display: none;
  }
  .call-to-action-job:hover {
	width: 70px;
  }
  .call-to-action-job a img {
	max-width: 50px;
  }
}

#zf_div_raqTi-SGyCD0JeYOnY_XbnqHP-QpCfJTcVxFH0UQEX0 {
  padding: var(--belt-gap);
}
#zf_div_raqTi-SGyCD0JeYOnY_XbnqHP-QpCfJTcVxFH0UQEX0 iframe {
  width: 100% !important;
}

/* leistung video-teaser */

.block-bild-text-kacheln.block-animation-kacheln.video-text .wrapper-box {
  gap: 0;
}
.video-text.block-bild-text-kacheln:not(.servus-twinion) .reversedAll .wrapper-box .item:nth-child(1) {
  grid-column: 8/13!important;
  grid-row: 1/2;
}
.block-bild-text-kacheln.video-text h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 35px;
  hyphens: none;
}
.block-animation-kacheln.video-text .text-box .text-wrapper p {
  font-size: 18px;
}
.leistungs-section.block-bild-text-cta.displayadvertising .gridaction__image.cta-img-box {
  background-position: right;
}
.vorteile-ads {
  margin-bottom: -60px;
}
@media screen and (min-width: 1024px) {
  .block-animation-kacheln .text-box .text-wrapper {
	max-width: 500px;
  }
}
@media screen and (max-width: 1023px) {
  .leistungs-section.block-bild-text-cta.displayadvertising {
	margin-bottom: -60px;
  }
}
@media screen and (max-width: 767px) {
  .block-bild-text-kacheln.video-text h2 {
	margin-bottom: 20px;
  }
  .video-text, .vorteile-ads {
	margin-bottom: -40px;
  }
}

/* leistungen banner + display ads */

.leistungs-section.block-bild-text-cta.bannerformats .gridaction__content {
  align-items: center;
  justify-content: flex-end;
}
.leistungs-section.block-bild-text-cta.reversed.bannerformats .gridaction__content {
  justify-content: flex-start;
  align-items: center;
}
.leistungs-section.block-bild-text-cta.bannerformats.leaderboard .cta-text-box .gridaction__box {
  max-width: 520px;
}
.leistungs-section.block-bild-text-cta.bannerformats.leaderboard .gridaction__image.cta-img-box {
  background-size: 750px;
  background-position: right;
  height: auto;
  min-height: 70vh;
  grid-column: 1/15 !important;
}
.leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .cta-text-box .gridaction__box {
  max-width: 535px;
}
.leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image.cta-img-box {
  background-size: 300px;
  background-position: right;
  height: auto;
  min-height: 70vh;
  grid-column: 3/9 !important;
}
.leistungs-section.block-bild-text-cta.bannerformats.skyscraper .cta-text-box .gridaction__box {
  max-width: 430px;
}
.leistungs-section.block-bild-text-cta.bannerformats.skyscraper .gridaction__image.cta-img-box {
  background-size: 356px;
  background-position: left;
  height: auto;
  min-height: 90vh;
  grid-column: 8/15 !important;
}
.leistungs-section.block-bild-text-cta.bannerformats.halfpage .gridaction__image.cta-img-box {
  background-size: 300px;
  background-position: right;
  height: auto;
  min-height: 90vh;
  grid-column: 3/9 !important;
}
.leistungs-section.block-bild-text-cta.bannerformats.mobile-banner .gridaction__image.cta-img-box {
  background-size: 356px;
  background-position: left;
  height: auto;
  min-height: 70vh;
  grid-column: 9/15 !important;
}
.leistungs-section.block-bild-text-cta.bannerformats.billboard .cta-text-box .gridaction__box {
  max-width: 460px;
}
.leistungs-section.block-bild-text-cta.bannerformats.billboard .gridaction__image.cta-img-box {
  background-size: 970px;
  background-position: left;
  height: auto;
  min-height: 70vh;
  grid-column: 1/15 !important;
  margin-left: 40px;
}
.leistungs-section.block-bild-text-cta.head-smaller .block-header h2 {
  font-size: 30px!important;
}
.leistungs-section.block-bild-text-cta .gridaction__image {
  position: relative;
}
.leistungs-section.block-bild-text-cta.bannerformats .gridaction__image::after {
  width: 250px;
  height: 250px;
}
.leistungs-section.block-bild-text-cta.bannerformats.leaderboard .gridaction__image::after {
  content: url(/wp-content/uploads/01_Leaderboard.svg);
  position: absolute;
  right: var(--belt-gap);
  top: 50px;
  filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.25));
}
.leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image::after {
  content: url(/wp-content/uploads/02_Med_Rectangle.svg);
  position: absolute;
  right: 290px;
  top: 31%;
  filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.25));
}
.leistungs-section.block-bild-text-cta.bannerformats.skyscraper .gridaction__image::after {
  content: url(/wp-content/uploads/03_Skyscraper.svg);
  position: absolute;
  left: 340px;
  top: 30%;
  filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.25));
}
.leistungs-section.block-bild-text-cta.bannerformats.halfpage .gridaction__image::after {
  content: url(/wp-content/uploads/04_Halfpage_Ad.svg);
  position: absolute;
  right: 288px;
  top: 34%;
  filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.25));
}
.leistungs-section.block-bild-text-cta.bannerformats.mobile-banner .gridaction__image::after {
  content: url(/wp-content/uploads/05_Mobile_Banner.svg);
  position: absolute;
  left: 340px;
  top: 27%;
  filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.25));
}
.leistungs-section.block-bild-text-cta.bannerformats.billboard .gridaction__image::after {
  content: url(/wp-content/uploads/06_Billboard.svg);
  position: absolute;
  left: 26%;
  top: 50px;
  filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.25));
}
.leistungs-section.block-bild-text-cta.full-width-rechts.bannerformats .gridaction__box {
  background: rgba(var(--c8-r),var(--c8-g),var(--c8-b), 0.9);
}

@media screen and (max-width: 1280px) {
  .leistungs-section.block-bild-text-cta.bannerformats.skyscraper .gridaction__image::after,
  .leistungs-section.block-bild-text-cta.bannerformats.mobile-banner .gridaction__image::after {
	left: unset;
	top: 52%;
	right: 0;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .gridaction__image.cta-img-box {
	background-size: 80vw;
  }
  .leistungs-section.block-bild-text-cta.bannerformats .cta-text-box {
	padding: 0;
  }
}

@media screen and (max-width: 1150px) {
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image.cta-img-box,
  .leistungs-section.block-bild-text-cta.bannerformats.halfpage .gridaction__image.cta-img-box {
	min-height: 90vh;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image::after {
	top: 50px;
	left: var(--belt-gap);
	right: unset;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.halfpage .gridaction__image::after {
	top: 50px;
	left: 0;
	right: unset;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .gridaction__image.cta-img-box {
	background-position: left center;
  }
}

@media screen and (max-width: 1023px) {
  .leistungs-section.block-bild-text-cta.bannerformats .gridaction__image::after {
	width: 180px;
	height: 180px;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.leaderboard .gridaction__image.cta-img-box {
	min-height: 380px !important;
	background-size: 90%;
	background-position: center bottom;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image.cta-img-box {
	min-height: 400px;
	background-size: 300px;
	background-position: center bottom;
  }
  .leistungs-section.block-bild-text-cta.head-smaller .block-header h2 {
	font-size: 24px!important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image.cta-img-box {
	min-height: 450px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image::after {
	left: unset;
	right: 21%;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.skyscraper .gridaction__image.cta-img-box {
	background-size: 356px;
	background-position: center bottom;
	min-height: 700px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.skyscraper .gridaction__image::after {
	top: 50px;
	left: var(--belt-gap);
  }
  .leistungs-section.block-bild-text-cta.bannerformats.halfpage .gridaction__image.cta-img-box {
	background-size: 300px;
	background-position: center bottom;
	min-height: 700px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.mobile-banner .gridaction__image.cta-img-box {
	background-position: center bottom;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.mobile-banner .gridaction__image::after {
	top: 50px;
	left: var(--belt-gap);
  }
  .leistungs-section.block-bild-text-cta.bannerformats.halfpage .gridaction__image::after {
	left: var(--belt-gap);
  }
  .leistungs-section.block-bild-text-cta.bannerformats.leaderboard .cta-text-box .gridaction__box,
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .cta-text-box .gridaction__box,
  .leistungs-section.block-bild-text-cta.bannerformats.skyscraper .cta-text-box .gridaction__box,
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .cta-text-box .gridaction__box {
	max-width: unset;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .gridaction__image.cta-img-box {
	background-size: 90vw;
	background-position: center bottom;
	height: auto;
	min-height: 90vh;
	grid-column: 1/15 !important;
	margin-left: 0;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .gridaction__image::after {
	left: var(--belt-gap);
  }
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .cta-img-box {
	min-height: 450px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.leaderboard .gridaction__image::after {
	left: var(--belt-gap);
	right: unset;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image::after {
	left: var(--belt-gap);
	right: unset;
  }
}

@media screen and (min-width: 1024px) {
  .leistungs-section.block-bild-text-cta.display-ads-intro .cta-img-box {
	height: 900px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .leistungs-section.block-bild-text-cta.full-width-rechts.bannerformats .cta-inner.aio-grid.spread__full,
  .leistungs-section.block-bild-text-cta.bannerformats .cta-inner.aio-grid.spread__full {
	display: grid;
  }
  .leistungs-section.block-bild-text-cta.full-width-rechts.bannerformats .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box,
  .leistungs-section.block-bild-text-cta.full-width-links.bannerformats .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	position: relative!important;
	bottom: unset!important;
	right: unset!important;
	left: unset!important;
  }
}

@media screen and (max-width: 767px) {
  .leistungs-section.block-bild-text-cta.head-smaller .block-header h2 {
	font-size: 20px!important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.skyscraper .gridaction__image.cta-img-box {
	background-size: 299px;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .cta-img-box {
	min-height: 370px !important;
  }
}

@media screen and (max-width: 600px) {
  .leistungs-section.block-bild-text-cta.bannerformats.leaderboard .gridaction__image.cta-img-box {
	min-height: 260px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats .gridaction__image::after {
	width: 120px;
	height: 120px;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.leaderboard .gridaction__image::after {
	top: 50px;
	left: var(--belt-gap);
	right: unset;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.medium-rectangle .gridaction__image.cta-img-box {
	min-height: 370px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.skyscraper .gridaction__image.cta-img-box {
	min-height: 640px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.halfpage .gridaction__image.cta-img-box {
	min-height: 740px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.mobile-banner .gridaction__image.cta-img-box {
	min-height: 460px !important;
  }
  .leistungs-section.block-bild-text-cta.bannerformats.billboard .cta-img-box {
	min-height: 300px !important;
  }
}

/* animierte display ads */


.block-text-icon-cta.animierte-display-ads.aio-grid .spread__basic {
  grid-column-gap: 0px;
  grid-row-gap: 0;
}
.block-text-icon-cta.animierte-display-ads .block-header {
  margin-bottom: 50px;
}
.block-text-icon-cta.animierte-display-ads .block-header h2 {
  margin-bottom: 0;
}
.block-text-icon-cta.animierte-display-ads .textbox__header {
  display: none;
}
.block-text-icon-cta.animierte-display-ads .item:nth-of-type(2) {
  transform: translateX(60px);
}
.block-text-icon-cta.animierte-display-ads .block-content {
  position: relative;
}
.block-text-icon-cta.animierte-display-ads .block-content:after {
  position: absolute;
  background-image: url(/wp-content/uploads/twin-werbeagentur_animierte-html5-display-ads.webp);
  background-size: cover;
  content: "";
  left: 72%;
  top: -5px;
  width: 1045px;
  height: 640px;
  background-repeat: no-repeat;
}
.block-text-icon-cta.animierte-display-ads .block-content {
  padding-bottom: 200px;
}

@media screen and (max-width: 1600px) {
  .block-text-icon-cta.animierte-display-ads.aio-grid .spread__basic > div {
	grid-column: span 12;
  }
  .block-text-icon-cta.animierte-display-ads.aio-grid .spread__basic > div > .item {
	grid-column: span 3;
  }
  .block-text-icon-cta.animierte-display-ads .item:nth-of-type(2) {
	position: relative;
	transform: translateX(40px);
  }
  .block-text-icon-cta.animierte-display-ads .block-content {
	padding-bottom: 0;
  }
  .block-text-icon-cta.animierte-display-ads .block-content:after {
	left: 54%;
  }
}

@media screen and (max-width: 1280px) {
  .block-text-icon-cta.animierte-display-ads.aio-grid .spread__basic > div {
	display: flex;
	gap: var(--belt-gap);
  }
  .block-text-icon-cta.animierte-display-ads .block-content {
	display: flex;
	flex-flow: column;
  }
  .block-text-icon-cta.animierte-display-ads .block-content:after {
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	margin-bottom: 40px;
	background-size: contain;
	width: 100%;
	height: 100%;
	min-height: 57vw;
	text-align: center;
	order: -1;
  }
  .block-text-icon-cta.animierte-display-ads .block-content:after img {
	width: 100%;
  }
  .block-text-icon-cta.animierte-display-ads .item:nth-of-type(2) {
	transform: translateX(0);
  }
}

/* html banner animation */

.html-banner-animation .iframe-container {
  max-width: 1430px;
  padding: 0 var(--belt-gap);
  margin-left: auto;
  margin-right: auto;
  position: relative
}

.html-banner-animation .iframe-container div {
  position: absolute;
  z-index: 10;
  top: -180px;
  left: -20px;
}

.html-banner-animation .iframe-container iframe {
  border: 0;
  outline: 0;
  padding: 0 var(--belt-gap);
  width: 470px;
  height: 930px;
}

@media screen and (min-width: 1024px) {
  .leistungs-section.block-bild-text-cta.iframe-video .cta-img-box {
	height: auto;
	min-height: 776px;
  }
}

@media screen and (max-width: 1600px) {
  .html-banner-animation .iframe-container div {
	top: -60px;
  }
}

@media screen and (max-width: 1280px) {
  .leistungs-section.block-bild-text-cta.full-width-rechts .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	max-width: 47vw;
  }
  .html-banner-animation .iframe-container div {
	top: -50px;
  }
  .html-banner-animation .iframe-container iframe {
	height: 880px;
  }
}
@media screen and (max-width: 1023px) {
  .html-banner-animation .iframe-container iframe {
	width: 230px;
  }
  .leistungs-section.block-bild-text-cta.full-width-rechts .cta-inner.aio-grid.spread__full .gridaction__content.cta-text-box {
	max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .html-banner-animation .iframe-container div {
	position: relative;
	text-align: center;
	top: 0;
	left: 0;
	margin-bottom: -50px;
	margin-top: 50px;
  }
  .html-banner-animation .iframe-container iframe {
	width: 200px;
	height: 400px;
  }
}


/* gelsenwasser storyboard und video wasserpreis */

.gw-storyboard {
  padding-right: var(--belt-gap);
  padding-left: var(--belt-gap);
  flex-direction: column;
  gap: 0;
}
.gw-storyboard .board-2 {
  display: flex;
  justify-content: flex-end;
  margin-top: -285px;
}
.gw-storyboard .board-2 p {
  max-width: 400px;
}
.video-gw-wasserpreis .block-media-einbettung .frame-wrapper[data-items="1"]>.item.full-width-media {
  grid-column-start: 1;
  grid-column-end: 13;
}
.video-gw-wasserpreis .block-media-einbettung .frame-wrapper[data-items="1"]>.item.full-width-media video {
  width: 100%;
  max-width: unset!important;
  height: auto;
}
@media screen and (max-width: 1510px) {
  .gw-storyboard .board-1 {
	max-width: 800px;
  }
  .gw-storyboard .board-2 {
	max-width: 800px;
	margin-left: auto;
	margin-top: -210px;
  }
}
@media screen and (max-width: 1023px) {
  .gw-storyboard .board-1 {
	max-width: unset;
  }
  .gw-storyboard .board-2 {
	max-width: unset;
	margin-top: 0;
  }
}

.block-bild-text-overlap .visitenkarten-info-wrapper,
.block-bild-text-overlap .ratio__2 .visitenkarten-info-wrapper,
.block-bild-text-overlap .ratio__3 .visitenkarten-info-wrapper {
  margin: 0;
  max-width: 100%;
  width: 100%;
  padding: 0;
  background-color: transparent;
}
.block-bild-text-overlap .visitenkarten-image, 
.block-bild-text-overlap .ratio__2 .visitenkarten-image, 
.block-bild-text-overlap .ratio__3 .visitenkarten-image {
  min-height: auto;
  max-height: auto;
}
.single-twin_portfolio_ref .contact-wrapper-footer:not(.no-bg-line)::before {
  background: var(--c8);
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .block-bild-text-overlap .visitenkarten-inner.only-one, 
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__3 > .item, 
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__2 > .item {
	grid-column: 1 / 13 !important;
  }
}
@media screen and (max-width: 1280px) {
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__3 > .item {
	grid-column: span 4;
  }
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__4 > .item {
	grid-column: span 4;
  }
}
@media screen and (max-width: 1023px) {
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__2 > .item,
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__3 > .item,
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__4 > .item {
	grid-column: span 6 !important;
  }
}
@media screen and (max-width: 767px) {
  .block-bild-text-overlap .visitenkarten-wrapper {
	display: grid;
  }
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__2 > .item,
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__3 > .item,
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__4 > .item {
	grid-column: span 6 !important;
  }
}
@media screen and (max-width: 550px) {
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__2 > .item,
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__3 > .item,
  .block-bild-text-overlap .aio-grid.spread__basic.ratio__4 > .item {
	grid-column: span 12 !important;
  }
}