/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
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
*/

/*
    Add your custom styles here
*/


@font-face {
    font-family: 'Aktiv-Grotesk';
    src: local('Aktiv Grotesk Regular'), local('Aktiv-Grotesk-Regular'),
        url('fonts/AktivGroteskCorp-Regular.woff2') format('woff2'),
        url('fonts/AktivGroteskCorp-Regular.woff') format('woff'),
        url('AktivGroteskCorp-Regular.ttf') format('truetype');
       
    font-weight: 400;
    font-style: normal;

}
@font-face {
 font-family: 'Termina';
    src: local('Termina'), local('Termina'),
        url('fonts/Termina-Demi.woff2') format('woff2'),
        url('fonts/Termina-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
  }



.page-header {display:none !important;}

.bg-coral #content {background-color:#ec5d56;}

.rainbow > a,
.rainbow h1 {
	color:transparent !important;
	-webkit-background-clip: text;
    --tw-gradient-to: #93c5fd;
    --tw-gradient-from: #bbf7d0;
    --tw-gradient-stops: #bbf7d0,#93c5fd;
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    }
    
    
    
    
 /* slider */
 
 div#n2-ss-2 .n2-ss-slide-limiter {max-width:100% !important;}
 div#n2-ss-2 .n-uc-itcqYAcLTZUs {padding:0 !important;}   
 
 
 
 
 
 /* 24-7-Familie */
 
 .page-id-116 {
	 background:url(/wp-content/uploads/2023/04/bg-yellow-round.png) no-repeat;
	 background-size:contain;
 }
 
 
 .round {
 	padding: 5px 20px;
    border-radius: 40px;
    background: #fff;
    color: #252525;
    font-size: 36px;
    font-weight: 600;
    }
    
    
 
 
 .team-title {
	  font-family: 'aktiv grotesk', sans-serif !important;
	 font-size:15px !important;
	 line-height:24px;
 }
 
 .team-title:before {
	 content:"";
	 width:1.5rem;
	 height:3px;
	 background-color:#f2d876;
	 display:inline-block;
	 margin-right:5px;
 }
 
  .round-transparent {
	  display:inline-block;
	  position:absolute;
	  top:50%;
	  right:10px;
	  width:auto !important;
	  margin-top:-84px;
	  background:#44444423;
	  backdrop-filter: blur(12px);
	  font-family:termina;
	  font-size:48px;
	  font-weight: 600;
	  color:#fff;
	  padding: 25px 45px;
	  border-radius: 90px;
	  
  }
 
 .round-transparent p {
	 display:inline;
 }
 
 
 /* Gebetsraum */
 
  .round-small-1 .elementor-widget-container p:before {
	content:"1";
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:25px;
	line-height:50px;
    border-radius: 40px;
    background: #fff;
    color: #252525;
    font-size: 36px;
    font-weight: 600;
    }
 
 .round-small-2 .elementor-widget-container p:before {
	content:"2";
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:25px;
	line-height:50px;
    border-radius: 40px;
    background: #fff;
    color: #252525;
    font-size: 36px;
    font-weight: 600;
    }

.round-small-3 .elementor-widget-container p:before {
	content:"3";
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:25px;
	line-height:50px;
    border-radius: 40px;
    background: #fff;
    color: #252525;
    font-size: 36px;
    font-weight: 600;
    }

 .round-small-4 .elementor-widget-container p:before {
	content:"4";
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:25px;
	line-height:50px;
    border-radius: 40px;
    background: #fff;
    color: #252525;
    font-size: 36px;
    font-weight: 600;
    }

.round-small-5 .elementor-widget-container p:before {
	content:"5";
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:25px;
	line-height:50px;
    border-radius: 40px;
    background: #fff;
    color: #252525;
    font-size: 36px;
    font-weight: 600;
    }
    
.grid-text {
	   position:absolute;
	   top:0;
	   right:0;
	   bottom:0;
	   left:26px;
	   height:100%;
	   padding-top:100px;
	   max-width:300px;
	   background-color:rgba(0,0,0,.2);
   } 
   
.ressourcen-grid .e-loop-item:hover  .grid-text {
	   padding-top:50px;
	   transition:padding .3s;
	   background-color:rgba(0,0,0,.5);
	   max-width:300px;
   }
   
.ressourcen-grid:hover > .hover-img img {
	transform:scale(1.2);
	transition:scale .3s;
}   
   
   
.ressourcen-grid:hover .hover-img {
	overflow:hidden !important;
	}   
   
.grid-textauszug, .grid-weiterlesen {
	   display:none;
   }
   
.ressourcen-grid .e-loop-item:hover .grid-textauszug,
.ressourcen-grid .e-loop-item:hover .grid-weiterlesen,
.ressourcen-grid .e-loop-item:focus .grid-textauszug,
.ressourcen-grid .e-loop-item:focus .grid-weiterlesen {
	display:block;
	transition: display .3s;
}

 .ressourcen-grid .e-loop-item .grid-img,
 .hover-img .elementor-widget-container {
	overflow:hidden !important;
}


.page-id-4025 .grid-3-item {
	display:block;
	float:left;
	width: 30%;
	margin-right:3%;
}

.page-id-114 a {
	color:#ffffff !important;
}

/*
.hover-img {
  background-color: #000;
  color: #fff;
  display: inline-block;
  margin: 8px;
  max-width: 320px;
  min-width: 240px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.hover-img * {
  box-sizing: border-box;
  transition: all 0.45s ease;
}

.hover-img::before,
.hover-img::after {
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 32px solid rgba(0, 0, 0, 0.5);
  border-bottom: 32px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
  transform: scaleY(2);
}

.hover-img img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.hover-img figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1em;
  opacity: 0;
  z-index: 2;
  transition-delay: 0.1s;
  font-size: 24px;
  font-family: sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.hover-img:hover::before,
.hover-img:hover::after {
  transform: scale(1);
  opacity: 1;
}

.hover-img:hover > img {
  opacity: 0.7;
}

.hover-img:hover figcaption {
  opacity: 1;
}
*/