/*
Theme Name: Dr. Eckart von Hirschhausen
Theme URI: https://github.com/elementor/hello-theme/
Description: websplash | Agentur für Internet und Mediendesign
Author: websplash
Author URI: https://websplash.de/
Template: hello-elementor
Version: 1.6
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

p a {
  font-size: .9em !important;
}

.show-mobile {
  display: none;
}

.contain-full > div{
  margin-left: auto !important;
  margin-right: 0 !important;
}

.better-more-btn .view-more-button {
  font-size: 1.5rem;
}

/*Header Menu Styles*/
.the-header:after {
  position: fixed;
  content: '';
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  opacity: 0;
  background: #235789a6;
  z-index: 50;
  transition: all .3s linear;
}

.menu-active .the-header:after {
  width: 100%;
  opacity: 1;
}

/*Header burger menu*/
.button-toggle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 60px;
  height: 60px;
  margin: 0px auto 0 auto;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.button-toggle div {
  position: relative;
  top: 0px;
  height: 6px;
  background-color: #fff;
  margin-bottom: 10px;
  transition: 0.5s ease transform, 0.5s ease top, 0.5s ease width,
  0.5s ease right;
  border-radius: 10px;
}

.button-toggle div:first-child {
  transform-origin: 0;
}

.button-toggle div:last-child {
  margin-bottom: 0;
  transform-origin: 60px;
}

.button-toggle div:nth-child(2) {
  right: 0px;
  top: 0px;
  width: 60px;
  align-self: flex-end;
}

.menu-active .button-toggle:before {
  background-color: #4caf50;
}

.menu-active .button-toggle div:first-child {
  top: 15px;
  left: 2px;
  width: 70px;
  transform: rotate(42deg);
  transform-origin: 0% 0%;
}

.menu-active .button-toggle div:last-child {
  top: 30px;
  width: 70px;
  left: -1px;
  transform: rotate(-43deg);
  transform-origin: 0% 0%;
}

.menu-active .button-toggle div:nth-child(2) {
  width: 0px;
  right: 30px;
  top: 20px;
}

#elementor-popup-modal-304 {
  display: none !important;
  transition: opacity .3s linear;
}

.menu-active #elementor-popup-modal-304 {
  display: flex !important;
}

/*Hero Text Red Stationary*/
/*.hero-text {*/
/*  background: linear-gradient(0deg,#ED5254 46px,#00A5B100 0px);*/
/*  transition: all .3s linear;*/
/*  background-size: 500% 80px;*/
/*}*/

/*End Hero Text Red Stationary*/
/*.hero-text {*/
/*  background: linear-gradient(0deg,#ED5254 46px,#00A5B100 0px);*/
/*  transition: all .3s linear;*/
/*  background-size: 500% 80px;*/
/*}*/

.hero-text {
  background: linear-gradient(0deg,#ED5254 69px,#00A5B100 0px);
  transition: all .3s linear;
  background-size: 500% 118px;
}

.hero-text:hover {
  background-size: 500% 90px;
}
/*End Hero Text Red Stationary*/

/*Primary Text Red*/
.hover-bg {
  display: inline !important;
  background: linear-gradient(0deg, #ED5254 90px, #00A5B100 0px);
  transition: all .4s ease-out !important;
  background-size: 100px 130px;
}

.slider-title .elementor-slide-heading {
  text-shadow: 2px 2px 2px #000;
}

.hover-bg:hover {
  background-size: 100px 10px;
}
/*End Primary Text Red*/

/*Secondary Text Blue*/
.hover-bg-sm-blue {
  display: inline !important;
  background: linear-gradient(0deg,#042C52 90px,#00A5B100 0px);
  transition: all .4s ease-out !important;
  background-size: 100px 120px;
}

.hover-bg-sm-blue:hover {
  background-size: 100px 10px;
  /*transition-duration: .3s !important;*/
}
/*End Secondary Text Blue*/

/*Button hover bg red*/
.archive-events .e-loop__load-more .elementor-button-text,
.better-more-btn .view-more-button,
form button[type="submit"] > span,
.elementor-widget-text-editor a,
.hover-bg-link-custom,
.hover-bg-link a .elementor-button-content-wrapper,
.websplash .elementor-form a  {
  /*display: inline !important;*/
  background: linear-gradient(0deg,#ED5254 90px,#00A5B100 0px);
  transition: all .3s ease-out !important;
  background-size: 100px 130px;
}

.archive-events .e-loop__load-more .elementor-button-text:hover,
.better-more-btn .view-more-button:hover,
form button[type="submit"] > span:hover,
.elementor-widget-text-editor a:hover,
.hover-bg-link a:hover .elementor-button-content-wrapper,
.websplash .elementor-form a:hover  {
  background-size: 100px 105px;
}
/*End Button hover bg red*/

/*Menu Items Text Blue*/
.animate-links a{
  display: inline !important;
  background: linear-gradient(0deg,#042C52 90px,#00A5B100 0px);
  transition: all .3s ease-out !important;
  background-size: 100px 140px;
}

.archive-events .e-loop__load-more .elementor-button-text,
.animate-links a{
  background: linear-gradient(0deg,#042C52 90px,#00A5B100 0px);
  transition: all .3s ease-out !important;
  background-size: 100px 140px;
  color: #ffffff;
}

.animate-links a:hover{
  background-size: 100px 115px;
}
/*End Menu Items Text Blue*/

/*Custom CTA Hover Effect*/
.custom-cta .elementor-cta__content {
  position: absolute;
  bottom: 0;
  padding: 20px;
}

.custom-cta .elementor-cta__content h2 {
  line-height: 1 !important;
}

.custom-cta .elementor-cta__content h2 .cta-title {
  display: inline !important;
  background: linear-gradient(0deg,#ED5254 90px,#00A5B100 0px);
  transition: all .3s ease-out !important;
  background-size: 100px 182px;
}

.custom-cta:hover .elementor-cta__content h2 .cta-title {
  background-size: 100% 130px;
}

.custom-cta .elementor-cta__button-wrapper {
  height: 0;
  opacity: 0;
}

.custom-cta:hover .elementor-cta__button-wrapper {
  height: 50px;
  opacity: 1;
}
/*End Custom CTA Hover Effect*/

.backup-img {
  height: 100% !important;
}

.custom-caption figure {
  overflow: hidden;
  padding-bottom: 5px;
}

.custom-caption .widget-image-caption{
  width: fit-content !important;
  margin-left: auto !important;
  z-index: 5;
  position: relative !important;
  padding: 2px 20px;
  font-style: normal !important;
  transform: translateY(20px);
  transition: all .3s linear;
  opacity: 0;
}

.custom-caption:hover .widget-image-caption{
  transform: translateY(0px);
  opacity: 1;
}

/*lightbox*/
#elementor-popup-modal-2647 .dialog-close-button.dialog-lightbox-close-button:hover svg {
  fill: #ffff;
}

/*Hero Slider*/
.square-bullet .swiper-pagination-bullet {
  border-radius: 0 !important;
}

.slider-title .swiper-slide-contents{
  width: 100%;
}

/*Featured Publikationen*/
.featured-image {
  height: 300px !important;
  width: 300px !important;
  object-fit: cover !important;
}

/*Featured Video*/
.featured-image-video {
  height: 300px !important;
  width: 480px !important;
  object-fit: cover !important;
}

.video-loop .elementor-widget-container a{
  width: 100%;
  position: relative;
}

/*.video-loop .elementor-widget-container a:before{*/
/*  content: '';*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  background: rgba(255, 255, 255, 0.4);*/
/*  top: 0;*/
/*  left: 0;*/
/*}*/

.video-loop .elementor-widget-container a:after{
  content: " ";
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 8;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  -webkit-mask-image: url(assets/images/play-button.svg);
  mask-image: url(assets/images/play-button.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.6);
  transition: transform 0.15s ease-out;
}

.video-loop .elementor-widget-container a:hover:after{
  transform: scale(1.2);
}

/*Podcast*/
.custom-button-container,
.platform-btns{
  display: flex;
  gap: 20px;
}

.platform-btn {
  max-width: 160px;
}

.custom-button a,
.platform-btn a{
  display: flex;
  gap: 10px;
  justify-content: center;
}

.custom-button img{
  margin-right: 10px;
}

.custom-button img,
.platform-btn img {
  height: 25px !important;
  min-width: 25px;
  fill: #ffffff;
}

.custom-button span,
.platform-btn p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1.3;
}
/*End Podcast*/

/*Form Sytles*/
.custom-submit .after-submit-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  line-height:1.3;
}

.custom-submit form .elementor-message.elementor-message-success{
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
  width: 100%;
  /*padding: 30px;*/
  padding:0;
  margin: 0;
  z-index: 100;
}

.elementor-location-popup .custom-submit form .elementor-message.elementor-message-success h3::before {
  content: ' ';
  display: block;
  width: 100px;
  height: 3px;
  background-color: var(--e-global-color-primary);
  margin-bottom: 30px;
}


.custom-submit .elementor-message:before {
  content: "";
  display: none;
}

.elementor-field-type-acceptance {
  line-height: 1rem;
}

.smaller-icon .elementor-button-icon.elementor-align-icon-left{
  font-size: 1.3rem;
}

.scbtn a{
  background: transparent;
}

.scbtn a .elementor-button-content-wrapper{
  gap: 10px;
}

.hover-bg-link-custom,
.scbtn.hover-bg-link a .elementor-button-content-wrapper {
  background: linear-gradient(0deg,#ED5254 88px,#00A5B100 0px);
  background-size: 100px 130px;
}

.hover-bg-link.half .elementor-button-content-wrapper{
  background-size: 100px 110px;
}

.hover-bg-link-custom:hover,
.scbtn.hover-bg-link a:hover .elementor-button-content-wrapper {
  background: linear-gradient(0deg,#ED5254 88px,#00A5B100 0px);
  background-size: 100px 105px;
}

.hover-bg-link.half:hover .elementor-button-content-wrapper{
  background-size: 100px 100px;
}

.scbtn .elementor-button {
  padding: 0;
}

@keyframes zoomAndFadeOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  30% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}

.zoom-in-container {
  overflow: hidden !important;
}

.zoom-in-container .elementor-element,
.zoom-in-container .elementor-element img{
  height: 100% !important;
}

.zoom-in-container.active .zoom-in-top{
  animation: 1.5s linear 0s 1 zoomAndFadeOut;
  animation-fill-mode: forwards;
}

.ff-stream-wrapper{
  margin-top: 30px !important;
}

.ff-stream-wrapper a{
  font-size: 14px !important;
  line-height: 1 !important;
  font-family: 'Websplash Source Sans Pro', 'Sans-serif' !important;
}

.ff-stream-wrapper .ff-item-meta{
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.ff-stream-wrapper .ff-name{
  font-weight: bold;
  font-size: 16px !important;
}

.ff-stream-wrapper .ff-nickname{
  display: none;
}

.ff-filter-holder {
  display: flex;
  padding: 0 !important;
  gap: 20px;
  margin-bottom: 0 !important;
}

.ff-filter-holder .ff-type-all,
.ff-filter-holder .ff-search {
  display: none !important;
}

.ff-filter-holder .ff-filter {
  border-radius: 0 !important;
  height: 50px !important;
  width: 50px !important;
  line-height: 50px !important;
  margin: 0 !important;
}

.ff-filter-holder .ff-filter i {
  font-size: 26px !important;
  font-weight: 400;
}

.ff-sc-label2 .ff-facebook .ff-icon:before,
.ff-sc-label2 .ff-youtube .ff-icon:before,
.ff-sc-label2 .ff-instagram .ff-icon:before {
  border-color: transparent #94BDED transparent transparent !important;
}

.ff-stream-wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  height: fit-content !important;
}

#ff-stream-1 .ff-item {
  text-align: left;
  position: static !important;
  width: 20% !important;
  transform: none !important;
  flex: 1;
  min-width: 20%;
}

.websplash .picture-item__inner {
  float:none;
}

#ff-stream-1 .ff-timestamp {
  display:none;
 }

.shuffle__sizer {
  display: none !important;
}

.ff-loadmore-wrapper {
  display: flex;
  margin-top:40px;
}

.websplash .ff-loadmore-wrapper .ff-btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  display: block;
  margin: 20px 0 0;
  cursor: pointer;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  vertical-align: unset;
  box-sizing: border-box;
  font-style: normal;
  text-align: left;
  font-family: "Websplash Source Serif Pro", Sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
  line-height: 2rem !important;
  color: var(--e-global-color-text ) !important;
  background: linear-gradient(0deg,var( --e-global-color-primary )90px,#00A5B100 0px);
  background-size: 100px 140px;
  transition: all .3s ease-out !important;
}

.websplash .ff-loadmore-wrapper:hover .ff-btn {
  background-size: 100px 105px;
}

@media screen and (max-width: 1025px) {
  .button-toggle {
    transform: scale(.8);
  }
}

@media screen and (max-width: 768px) {
  .hover-bg,
  .hover-bg-sm-blue {
    background-size: 100px 110px;
  }

  .show-mobile {
    display: block;
  }

  .custom-cta:hover .elementor-cta__content h2 .cta-title {
    background-size: 100% 105px;
  }
}

.elementor-slideshow__footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.websplash .elementor-slideshow--ui-hidden .elementor-slideshow__footer,
.websplash .elementor-slideshow--ui-hidden .elementor-slideshow__header {
  opacity:1!important; /* always show, not only on hover */
}

.websplash .elementor-slideshow__description {
  font-size: 16px;
    font-weight: 700;
}

.websplash:not(.page-id-2628) .elementor-slideshow__description, /* hide on all pages except ÜBER MICH */
.websplash.page-id-2628 .elementor-slideshow__title  { /* hide on ÜBER MICH only */
  display:none!important; 
}



.download-img-a {
  z-index: 1000;
  height: 22px;
  width: 22px;
}

.form-btn {
  cursor: pointer;
}

.download-image {
  background-image: url("/wp-content/uploads/icon_artikel-herunterladen-1.svg");
  height: 22px;
  width: 22px;
  transition: transform .25s linear;
}

.download-image:hover {
  transform: translateY(5px);
}

.slide-download-a {
  display: none !important;
}

/*body .e-font-icon-svg.e-eicon-share-arrow {*/
/*  display: none;*/
/*}*/

/*body.page-id-319 .elementor-slideshow__share-menu  {*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100vw;*/
/*  height: 100vh;*/
/*  opacity: 1;*/
/*  cursor: default;*/
/*  background-color: rgba(0,0,0,.5);*/
/*}*/

/*body.page-id-319 .elementor-slideshow__share-links {*/
/*  display: block;*/
/*  position: absolute;*/
/*  min-width: fit-content;*/
/*  right: 140px;*/
/*  top: 25px;*/
/*  background-color: transparent;*/
/*  border-radius: 0;*/
/*  padding: 0;*/
/*  transform: scale(1) !important;*/
/*  opacity: 1;*/
/*  transform-origin: unset;*/
/*  transition: none;*/
/*  box-shadow: none;*/
/*}*/

/*body.page-id-319 .elementor-slideshow__share-links a{*/
/*  display: none !important;*/
/*}*/


/*body.page-id-319 .elementor-slideshow__share-links:before{*/
/*  display: none !important;*/
/*}*/

/*body.page-id-319 .elementor-slideshow__share-links a[download]{*/
/*  display: block !important;*/
/*  width: 40px;*/
/*  color: transparent;*/
/*}*/

.customFlipBox .elementor-flip-box__image {
  display: flex;
  justify-content: center;
  align-items: center;
}

a.uc-embedding-powered-by {
  color: #333;
  font-size: 1rem;
}

.websplash .elementor-form a {
  font-size:inherit;
}

.fix-select .elementor-field.elementor-select-wrapper > svg{
  max-width: 20px !important;
  max-height: 20px !important;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 12px;
  fill: #94BDED;
}

.fix-select .e-eicon-caret-down{
  height: 20px;
}

.elementor-field-type-acceptance .elementor-field-option label {
  cursor: pointer;
}

.elementor-form .elementor-error input {
  border-color:red !important;
  background-color: #fff7f7 !important;
}

.elementor-form .elementor-error .elementor-message {
  display:none;
}

.elementor-form .elementor-message {
  line-height: 1.3;
}

/*.grecaptcha-badge { visibility: hidden; }*/


@media only screen and (max-width: 980px) {


  #ff-stream-1 .ff-item {
    width: 48% !important;
    flex:none;
  }

}



@media screen and (min-width: 981px) and (max-width: 1400px){

 .slider-title .elementor-slide-heading {
    font-size:2.5em!important;
  }

}

@media screen and (max-width: 1025px) {
  br.hide-tablet {
    display: none !important;
  }

}

@media screen and (max-width: 768px) {

  .custom-caption .widget-image-caption {
    transform: translateY(0px);
    opacity: 1;
  }


  #ff-stream-1 .ff-item {
    width: 100% !important;
  }


  .hero-text {
    background: linear-gradient(0deg,#ED5254 99px,#00A5B100 0px);
    transition: all .3s linear;
    background-size: 500% 118px;
  }
  br.hide-mobile {
    display: none !important;
  }
}






/* SociableKIT */

.grid-social-media-aggregator {
  display: grid;
  height: auto!important;
  grid-gap: 20px;
  grid-template-columns: 20px 20% 60%;
}

.sk-ww-social-media-aggregator span {

}

.grid-item-social-media-aggregator-post {
  position: static!important;
  float: none!important;
  width: 100%!important;
}

/*FIX FOR SVG IN FORMFIELDS*/

.dce-field-input-wrapper svg {
  max-width: 20px;
  max-height: 20px;
}