/*
 Theme Name:   Kinco Child Theme
 Description:  Child Theme
 Author:       René Braun
 Author URI:   https://www.renebraun.de
 Template:     kinco
 Version:      1.0
 Text Domain:  kinco
*/

/* BIS BUG BEHOBEN */
/*
.pxl-hidden-button {
	visibility: hidden !important;
}
*/

/* COLORS */
:root {
    --ci-gruen: #649C2E;
    --ci-gruen-rgb: 219,226,233;
    --ci-gelb: #FFEC4C;
    --ci-gelb-rgb: 255,236,76;
    --ci-orange: #ED7D1D;
    --ci-orange-rgb: 237,125,29;

    --ci-blau: #45DCFF;
    --ci-hellgruen: #93C42D;

    --ci-gruen-hell-20: #83b058;
    --ci-gruen-hell-40: #a2c482;
    --ci-gruen-hell-60: #c1d7ab;
    --ci-gruen-hell-80: #e0ebd5;
    --ci-gruen-hell-90: #f0f5ea;

    --ci-gelb-hell-20: #fff070;
    --ci-gelb-hell-40: #fff494;
    --ci-gelb-hell-60: #fff7b7;
    --ci-gelb-hell-80: #fffbdb;
    --ci-gelb-hell-90: #fffded;

    --filter-ci-gruen: invert(53%) sepia(65%) saturate(468%) hue-rotate(48deg) brightness(90%) contrast(85%);
    --filter-ci-gelb: invert(88%) sepia(34%) saturate(855%) hue-rotate(346deg) brightness(107%) contrast(102%);
    --filter-ci-orange: invert(58%) sepia(86%) saturate(2429%) hue-rotate(351deg) brightness(98%) contrast(89%);
    --filter-ci-blau: invert(70%) sepia(41%) saturate(818%) hue-rotate(159deg) brightness(102%) contrast(103%);
    --filter-ci-hellgruen: invert(66%) sepia(90%) saturate(359%) hue-rotate(33deg) brightness(90%) contrast(92%);
    --filter-base: brightness(0) saturate(100%);
}

/* Clicking on Text Editor Elements in Elementor overwrites Formatting */
.fix-text-font .pxl-item--inner  {
    font-family: "Mulish", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
}

body .pxl-image-box3 .pxl-item--description {
    color: #000;
}

/* FLOAT MENU */
/* Icon Color */
body .wpfm-template-1 ul li .wpfm-icon-block i {
    color: #fff;
}
/* Text Color */
body .wpfm-template-1 ul li .wpfm-menu-name {
    color: #fff;
}
/* Icon Background Color when not opened */
body .wpfm-template-1 ul li .wpfm-icon-block {
    background: var(--ci-gruen);
}
/* Icon Background Color when opened */
body .wpfm-template-1 .wpfm-position-right ul li a:hover .wpfm-icon-block,
body .wpfm-template-1 .wpfm-position-top-right ul li a:hover .wpfm-icon-block,
body .wpfm-template-1 .wpfm-position-bottom-right ul li a:hover .wpfm-icon-block {
    background: var(--ci-gruen);
}
/* Text Background Color when opened */
body .wpfm-template-1 ul li a {
    background: var(--ci-gruen);
}

/* MOBILOPTIMIERUNG */
/* Mobile Menu */
@media only screen and (max-width: 1199px) {
	body #pxl-header-mobile .pxl-header-branding a img {
		height: 100px;
	}
	body #pxl-header-mobile .pxl-nav-mobile-button:before {
    background-color: var(--ci-gelb);
	}
	body #pxl-header-mobile .pxl-nav-mobile-button:after{
    background-color: var(--ci-gruen);
	}
	body #pxl-header-mobile .pxl-nav-mobile-button span {
    background-color: var(--ci-blau);
	}
	body #pxl-header-mobile .pxl-menu-primary li a {
    	color: #000;
	}
	body #pxl-header-mobile .pxl-menu-primary li > a:hover,
	body #pxl-header-mobile .pxl-menu-primary li > a.current,
	body #pxl-header-mobile .pxl-menu-primary li.current_page_item > a,
	body #pxl-header-mobile .pxl-menu-primary li.current-menu-item > a,
	body #pxl-header-mobile .pxl-menu-primary li.current_page_ancestor > a,
	body #pxl-header-mobile .pxl-menu-primary li.current-menu-ancestor > a {
		color: var(--ci-orange);
	}
}
/* Footer */
@media only screen and (max-width: 620px) {
	body #footer-top .wrap-ctf1 .wpcf7-submit {
    	position: static;
	}
	/*
	body #footer-top span.wpcf7-form-control-wrap:first-child:after {
		content: 'Sie haben Fragen? Wir sind für Sie da!';
		background-color: var(--ci-gruen-hell-80);
		position: absolute;
		color: #000;
		font-size: 20px;
		font-family: "Salsa", sans-serif;
		padding: 10px 10px;
		border-radius: 10px;
	}
	*/
	body #footer-top input.wpcf7-form-control.wpcf7-text {
		display: none;
	}
	/*
	body #footer-top .wrap-ctf1 .wpcf7-submit {
		margin-top: 40px;
	}
	*/
}
/*
@media only screen and (max-width: 411px) {
	body #footer-top .wrap-ctf1 .wpcf7-submit {
		margin-top: 60px;
	}
}
*/
@media only screen and (max-width: 425px) {
	body #footer-top .move-btn-mobile {
		margin-top: -30px;
	}
}
@media only screen and (max-width: 924px) {
	body #footer-top {
		background-image: url(/wp-content/uploads/2025/12/bsi-allgemein-footer-top-mobile.webp) !important;
		padding-top: 0;
	}
}
@media only screen and (max-width: 1199px) {
	body .pxl-scroll-top.pxl-on {
		bottom: 50px;
	}
}
/* Startseite */
@media only screen and (max-width: 767px) {
	body #startseite-e5 .pxl-contact-courses {
    	padding: 65px 10px 0px 10px;
	}
	#startseite-e5 .set-size-mobile {
		width: 100%;
	}
	body #startseite-e5 .pxl-contact-courses .bt-submit .wpcf7-submit {
		min-width: unset;
		font-size: 14px !important;
		padding-left: 10px !important;
		padding-right: 10px;
	}
	
	body #startseite-e5 .wp-row-ctf7 {
    	display: flex;
    	flex-wrap: wrap;
  	}
  	body #startseite-e5 .wp-row-ctf7 .input-contact {
    	display: contents;
  	}
  	body #startseite-e5 .wp-row-ctf7 .col-lg-6 {
    	width: 100%;
  	}
  	body #startseite-e5 .wp-row-ctf7 .input-contact:first-child .col-lg-6:first-child { order: 1; }
 	body #startseite-e5 .wp-row-ctf7 .input-contact:last-child  .col-lg-6:first-child { order: 2; }
  	body #startseite-e5 .wp-row-ctf7 .input-contact:first-child .col-lg-6:last-child  { order: 3; }
  	body #startseite-e5 .wp-row-ctf7 .input-contact:last-child  .col-lg-6:last-child  { order: 4; }

	
	body #startseite-e7-2 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
	}
	body #startseite-e7-2 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
	}
	body #startseite-e7-3 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
	}
	body #startseite-e7-3 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
	}
	
	body #startseite-e7-2 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -140px;
	}
	body #startseite-e7-2 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -160px;
	}
	body #startseite-e7-2 > div > .elementor-column:nth-child(3) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -40px;
	}
	body #startseite-e7-3 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -140px;
	}
	body #startseite-e7-3 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -140px;
	}
	body #startseite-e7-3 > div > .elementor-column:nth-child(3) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -40px;
	}
}
@media only screen and (max-width: 425px) {
	body #startseite-e2 .pxl-item--inner {
    	padding: 125px 30px;
	}
	body #startseite-e4 .pxl-swiper-wrapper {
		transform: unset !important;
		display: flex;
		flex-direction: column;
	}
	body #startseite-e4 .pxl-swiper-wrapper > .pxl-swiper-slide {
		width: 100% !important;
		opacity: 1 !important;
	}
	body #startseite-e4 .pxl-swiper-wrapper > .pxl-swiper-slide:last-child {
		margin-top: 40px;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 391px) {
	body #startseite-e2 .pxl-item--inner {
    	padding: 100px 30px;
	}
}
@media only screen and (max-width: 360px) {
	body #startseite-e2 .pxl-item--inner {
    	padding: 66px 30px;
	}
}

/* Wissenswertes */
@media only screen and (max-width: 767px) {
	body #wissenswertes-e3-2 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
	}
	body #wissenswertes-e3-2 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-1.webp);
	}
	body #wissenswertes-e3-3 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
	}
	body #wissenswertes-e3-3 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar:before {
    	mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-webkit-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-ms-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
    	-o-mask-image: url(/wp-content/uploads/2025/08/bsi-allgemein-curvy-box-mask-2.webp);
	}
	
	body #wissenswertes-e3-2 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -140px;
	}
	body #wissenswertes-e3-2 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -160px;
	}
	body #wissenswertes-e3-2 > div > .elementor-column:nth-child(3) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-top: 20px;
	}
	body #wissenswertes-e3-3 > div > .elementor-column:nth-child(1) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -140px;
	}
	body #wissenswertes-e3-3 > div > .elementor-column:nth-child(2) .pxl-calendar.style1 >  .wrap-content-calendar {
		margin-bottom: -140px;
	}
}
@media only screen and (max-width: 425px) {
	#wissenswertes-e4-img img {
		width: 100%;
	}
}
/* Baerenwelt */
@media only screen and (max-width: 767px) {
	body #baerenwelt-e4 .bild-3 img {
		height: auto;
	}
}
@media only screen and (max-width: 425px) {
	body #baerenwelt-e3-spalte > div {
		width: 90%;
		margin: auto;
	}
	body #baerenwelt-e4 .bild-3 img {
		transform: scale(1.3);
	}
	body #baerenwelt-e6-img img {
		width: 100%;
	}
	body #baerenwelt-e6-spalte > div {
		width: 90%;
		margin: auto;
	}
	body #baerenwelt-e6-innere-spalte > div > div > div > div > .elementor-widget-wrap {
		justify-content: center;
	}
}
/* Schmetterlinge */
@media only screen and (max-width: 425px) {
	body #schmetterlinge-e5-spalte > div {
		width: 90%;
		margin: auto;
	}
}
@media only screen and (max-width: 991px) {
	body #schmetterlinge-e8 .schmetterlinge-e8-carousel .pxl-swiper-wrapper {
		justify-content: unset;
	}
}
.mobile-nav-arrows {
	text-align: center;
	margin-top: 20px;
}
.mobile-nav-arrows .fa {
	font-size: 25px;
	color: rgba(0,0,0,0.7);
}
.mobile-nav-arrows .fa:first-child {
	margin-right: 10px;
}
.mobile-nav-arrows .fa:last-child {
	margin-left: 10px;
}
/* Bunte Spielinsel */
@media only screen and (max-width: 767px) {
	body #buntespielinsel-e3-2 .pxl-image-box3 .pxl-item--inner {
		mask-image: url(/wp-content/uploads/2025/12/bsi-u-buntespielinsel-e3-mask-mobile.webp);
		-webkit-mask-image: url(/wp-content/uploads/2025/12/bsi-u-buntespielinsel-e3-mask-mobile.webp);
		-ms-mask-image: url(/wp-content/uploads/2025/12/bsi-u-buntespielinsel-e3-mask-mobile.webp);
		-o-mask-image: url(/wp-content/uploads/2025/12/bsi-u-buntespielinsel-e3-mask-mobile.webp);
	}
	body #buntespielinsel-e5 .pxl-swiper-dots {
    	margin-top: 0px;
	}
	body #buntespielinsel-e5 .elementor-widget-pxl_testimonial_carousel > div {
		padding-bottom: 20px;
	}
}
@media only screen and (min-width: 521px) and (max-width: 767px) {
	body #buntespielinsel-e3-2 .pxl-image-box3 .pxl-item--inner {
		max-width: 380px;
		margin: auto;
	}
}
/* Fixed Navigation */
@media only screen and (max-width: 1199px) {
	:root {
        --height-mobile-nav: 130px;
    }
	
	body #pxl-header-elementor #pxl-header-mobile {
    	position: fixed;
	    background-color: #fff;
    	width: 100%;
	}
	#startseite-e1 {
		margin-top: calc(var(--height-mobile-nav) - 60px);
	}
	body #pxl-page-title-elementor {
		margin-top: var(--height-mobile-nav);
	}
}
/* Captcha */
.pxl-contact-form .wpcf7-form-control-wrap {
	flex-direction: column;
}
.elementor-6410 .elementor-element.elementor-element-cc3adf3 .pxl-contact-form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-textarea) {
	height: 85px;
}
.cf7ic_instructions {
	color: #000;
}