/* 
Theme Name: Goldkind Stiftung Child
Theme URI: https://youhamburg.de
Description: Individuelles Goldkind Theme made by You with schipper
Author: You with Schipper
Author URI: https://youhamburg.de
Template: goldkind-theme
Text Domain: goldkind-child-theme
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
    Reset
*/
p {
	margin: 0;
	padding: 0;
}
/*
    Allgemeine Stile
*/
.pointer {cursor: pointer;}


/*
    CTA Links + Icon /// .cta-link-1 - .cta-link-2 - .cta-link-3
*/
a.cta-link-1 {
    background: url('/wp-content/uploads/gk-icon-arrow-right.png') no-repeat center right;
    padding-right: 24px;
    background-size: 14px;
	padding-top: 2px;
}
a.cta-link-2 {
    background: url('/wp-content/uploads/gk-icon-arrow-right.png') no-repeat center right;
    padding-right: 22px;
    background-size: 12px
}

a.cta-link-3 {
    background: url('/wp-content/uploads/gk-icon-arrow-right.png') no-repeat center right;
    padding-right: 18px;
    background-size: 10px
}


/*
    Link + Bounce /// .link-text-bounce
*/
a.link-text-bounce, a.link-text-bounce-taupe, a.link-text-bounce-white-rose, 
a.link-text-bounce-shallow-sea {
  	position: relative;
  	overflow: hidden;
  	text-decoration: none;
	font-weight: 500;
}

a.link-text-bounce-nightriver {
  	position: relative;
  	overflow: hidden;
  	text-decoration: none;
	font-weight: 500;
	color: #0F2F48;
}

a.link-text-bounce::after {
    content: "";
    background: rgb(251, 239, 232, 1);
    position: absolute;
    left: 10px;
    bottom: -2px;
    width: calc(100% - 8px);
    height: calc(100% - 14px);
    z-index: -1;
    transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}

a.link-text-bounce-taupe::after {
    content: "";
    background: #F7DFD1;
    position: absolute;
    left: 10px;
    bottom: -2px;
    width: calc(100% - 8px);
    height: calc(100% - 14px);
    z-index: -1;
    transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}

a.link-text-bounce-white-rose::after {
    content: "";
    background: #F7F1F2;
    position: absolute;
    left: 10px;
    bottom: -2px;
    width: calc(100% - 8px);
    height: calc(100% - 14px);
    z-index: -1;
    transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}

a.link-text-bounce-shallow-sea::after {
    content: "";
    background: #F7DFD1;
    position: absolute;
    left: 10px;
    bottom: -2px;
    width: calc(100% - 8px);
    height: calc(100% - 14px);
    z-index: -1;
    transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}

a.link-text-bounce-nightriver::after {
    content: "";
    background: rgb(231, 234, 237, 1); /* FARBE ÄNDERN */
    position: absolute;
    left: 10px;
    bottom: -2px;
    width: calc(100% - 8px);
    height: calc(100% - 14px);
    z-index: -1;
    transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}

a.link-text-bounce:hover:after, a.link-text-bounce-taupe:hover:after, a.link-text-bounce-nightriver:hover:after, a.link-text-bounce-white-rose:hover:after, a.link-text-bounce-shallow-sea:hover:after  {
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 100%;
}




.goldie-news-desc {
    min-height: 87px;
}

/*
    FAQs ACCORDION
*/
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.advertisement__label-heading {
    padding: .5rem 1.25rem;
    background-color: #03657f;
    color: #fff;
    width: 100%;
    font-weight: 800;
    font-size: 1.5rem;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}

.advertisement__content__heading {
    font-weight: 500;
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
}

.advertisement__content {
    padding: 1rem;
    background-color: #fff;
    color: #6d6d6d;
    font-size: 2rem;
}


/*
    MEDIA Queries - BREAKPOINTS
*/

// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { 

}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {
	.elementor-4106 .elementor-element.elementor-element-9d38299 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items {
		--columns: 1 !important;
	}	
}

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {
	
}

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) {
	
}

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { 

}

/*
    SVG ANIMATIONEN
*/
.svg-hover:hover .strokePath_two, .svg-hover:hover .strokePath {
  stroke-dashoffset: 0px !important;
}
@media only screen and (max-width: 767px) {
  .svg-mobile .strokePath, .svg-mobile .strokePath_two {
    stroke-dashoffset: 0px !important;
    }
	.elementor-4106 .elementor-element.elementor-element-9d38299 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items {
		--columns: 1 !important;
	}		
}