/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 05 2026 | 09:00:26 */
@media screen and (max-width: 1600px) {
	.staunen-kind img {
		left: 0 !important;
	}
	.staunen-wuerfel img {
		right: 0 !important;
	}
}
@media screen and (max-width: 899px) {

	.wp-block-ub-tabbed-content-tabs-content.vertical-content-width {
		width: 100%;
	}
	.content-tabs.greencolor .wp-block-ub-tabbed-content-tabs-content.ub-tabbed-content-mobile-accordion {
    border: 0 !important;
    border-radius: 0;
    outline: none !important;
}
	.wp-block-ub-tabbed-content-accordion-toggle {
		border: 0 !important;
		border-bottom: 2px solid var(--green) !important;
	}
	.wp-block-ub-tabbed-content-accordion-toggle.ub-mobile-display {
		position: relative;
	}
	.greencolor .wp-block-ub-tabbed-content-tabs-content .active.wp-block-ub-tabbed-content-accordion-toggle:after {
		transform: translateY(-50%) rotate(90deg);
	}
	.content-tabs .wp-block-ub-tabbed-content-tab-title-vertical-wrap {
		margin-right: 20px !important;
	}
	.greencolor .wp-block-ub-tabbed-content-tabs-content .wp-block-ub-tabbed-content-accordion-toggle:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 31px;
    border: none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='31' viewBox='0 0 14 31' fill='none'%3E%3Cpath d='M1.5 28.8262L12.1524 15.7961C12.4534 15.4278 12.4534 14.8985 12.1524 14.5302L1.5 1.50009' stroke='%23A0BEA0' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-size: contain;
}
	.wp-block-ub-tabbed-content-accordion-toggle {
		padding-left: 0;
	}
	.wp-block-ub-tabbed-content-accordion-toggle.active {
		background: none;
	}
	.no-mobile {
		display: none;
	}
	.wp-block-ub-tabbed-content-tabs-title {
		display: flex !important;
		flex-wrap: wrap;
	}
	.wp-block-ub-tabbed-content:not(.wp-block-ub-tabbed-content-pills):not(.wp-block-ub-tabbed-content-underline) .wp-block-ub-tabbed-content-tab-title-wrap {
		    width: calc(100vw / 2 - 90px);
	}
	.wp-block-ub-tabbed-content-tabs-content.vertical-content-width-tablet {
		width: 85vw;
	}
	.wp-block-ub-tabbed-content-tab-holder.vertical-tab-width-tablet {
		width: 100%;
	}
	.leistungen .leistungen-tabs .wp-block-ub-tabbed-content-tab-title-wrap {
		flex-direction: row !important;
		justify-content: flex-start !important;
	}
	.leistungen .wp-block-ub-tabbed-content-tab-title-wrap .wp-block-ub-tabbed-content-tab-title {
		text-align: left !important;
	}
	.leistungen .leistungen-tabs .wp-block-ub-tabbed-content-tab-title-wrap:before {
		background-size: contain !important;
		background-position: center !important;
		min-width: 50px;
	}
	.leistungen-tabs .wp-block-ub-tabbed-content-accordion-toggle.ub-mobile-display, .content-tabs .wp-block-ub-tabbed-content-tab-holder {
		display: none !important;
	}
	.leistungen-tabs .content-tabs .wp-block-ub-tabbed-content-accordion-toggle.ub-mobile-display  {
		display: block !important;
		position: relative;
	}
	.leistungen-tabs .content-tabs .wp-block-ub-tabbed-content-tabs-content.vertical-content-width {
		width: 100%;
		border: 0 !important;
	}
	.leistungen .content-tabs .wp-block-ub-tabbed-content-tabs-content,
.leistungen .content-tabs .ub-tabbed-content-mobile-accordion>.wp-block-ub-tabbed-content-tab-content-wrap{
	border: 0 !important;
	
}
	.leistungen .content-tabs .wp-block-ub-tabbed-content-accordion-toggle:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%); /* Perfekt vertikal zentrieren */
	width: 14px;
	height: 31px;
	border: none;
	/* Das SVG als Hintergrundbild, URL-encoded */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='31' viewBox='0 0 14 31' fill='none'%3E%3Cpath d='M1.5 28.8262L12.1524 15.7961C12.4534 15.4278 12.4534 14.8985 12.1524 14.5302L1.5 1.50009' stroke='%23F4A7B0' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
		transition: all 0.5s ease;
}
	.leistungen .content-tabs .wp-block-ub-tabbed-content-accordion-toggle.active {
		background: none !important;
	}
	.leistungen .content-tabs .active.wp-block-ub-tabbed-content-accordion-toggle:after  {
		transform: translateY(-50%) rotate(90deg);
	}
	.mobmenu-right-panel {
		width: 80vw;
	}
	
	/* LERNEN */
	.lernen {
		left: unset !important;
		top: -30px !important;
		right: 5vw !important;
		max-width: 45vw !important;
	}
	.zitat-lernen .wp-block-image.kind {
		
		float: left;
	}
	.zitat-lernen .wp-block-image.kind img {
		max-width: 50vw;
		margin: 0px 0 0 -70px;
	}
	
}
@media screen and (max-width: 781px) {
	.blob-container {
		top: 70% !important;
	}
	.footer-wrap .wp-block-group {
		width: 50%;
	}
	.p-20 {
		padding: 0 20px;
	}
	.einstieg > .wp-block-columns, .einstieg .hero-left {
		height: auto !important; 
	}
}
@media screen and (max-width: 650px) {
		.orange-push-up {
		margin-top: -100px !important;
	}
	footer .footer-wrap, footer .wp-block-navigation__container {
		flex-direction: column !important;
		gap: 10px;
	}.footer-wrap .wp-block-group {
		width: 90%;
		text-align: center;
		justify-content: center;
	}

	.leistungen .wp-block-ub-tabbed-content-tabs-title {
		gap: 10px !important;
    padding: 15px;
    overflow: hidden;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
	}
	.leistungen .leistungen-tabs .wp-block-ub-tabbed-content-tab-title-wrap .wp-block-ub-tabbed-content-tab-title {
		max-width: unset !important;
	}
	    .wp-block-ub-tabbed-content:not(.wp-block-ub-tabbed-content-pills):not(.wp-block-ub-tabbed-content-underline) .wp-block-ub-tabbed-content-tab-title-wrap {
        width: 87vw;
			padding: 10px;
    }
	.content-tabs .wp-block-ub-tabbed-content-tab-title-vertical-wrap, .leistungen-tabs .content-tabs .wp-block-ub-tabbed-content-accordion-toggle {
		margin-right:0 !important;
	}
	.leistungen-tabs .content-tabs .wp-block-ub-tabbed-content-accordion-toggle.ub-mobile-display {
		padding-left:0;
	}
	.tab-content {
		padding: 20px 10px 20px 0 !important;
	}
	.ueber-mich .wp-block-columns.is-not-stacked-on-mobile {
		flex-direction: column-reverse;
	}
	
	.logo {
		text-align: center;
	}
	.einstieg .logo img {
		max-width: 240px;
	}
	.mob-menu-header-holder.mobmenu {
		width: 100vw;
		max-width: 100vw !important;
    justify-content: space-around;
		left:0 !important;
		right:0 !important;
	}
	.mob-menu-header-holder .mobmenur-container {
		gap: 10px !important;
		margin-right: 0;
        position: relative;
	}
	.mobmenu-panel .mobmenu-content ul li a {
		padding: 0.8rem 20px !important;
	}
	.mw-40 {
		max-width: 40%;
	}
	.o-1 {
		order: 1;
	
	}
	.o-2 {
		order: 2;
	}
	.o-3 {
		order: 3;
	}
	.wachsen-puzzle img, .staunen-kind img {
		position: relative !important;
		left:0 !important;
	}
	.wachsen-kind img {
		right: 0 !important;
		bottom: 120px !important;
	}
	.staunen-wuerfel img {
		top: -100px !important;
		right: 20px !important;
	}
	.staunen-wuerfel {
		
	}
	.wave-container {
		margin-bottom: -45px !important;
	}
	.deko-font.staunen {
		left: 5vw !important;
		z-index:1;
		top: -100px;
	}
	.gelb .section-content {
		padding-top:0;
	}
	.deko-font.wachsen.vector-pink {
		left: 5vw;
		top: -10px;
		margin:0;
		max-width: 50vw;
		z-index: 1;
	}
	.is-safari .deko-font.wachsen.vector-pink {
		top: -100px;
	}
}