/* Phone Landscape */
@media (min-width: 480px) and (max-width: 767px) { }



/* Phone Portrait */
@media (max-width: 479px) {

	/* zusammenschieben */
	h2.ek-headline-2 {
		margin-bottom: -2rem !important;
	}
	.breakdance .bde-rich-text p:last-child {
		margin-bottom: -0.5rem !important;
	}

	.breakdance .bde-section .section-container {
		padding: 1rem 0 !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.breakdance:nth-of-type(n+3) .bde-section .section-container {
		padding: 4rem 0 !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.breakdance .bde-globalblock.z-50 .bde-section .section-container{
		padding-bottom: 0 !important;
		margin-bottom: 4rem !important;
		} 

	.breakdance .bde-columns {
		gap: 0rem !important;
	}

	.breakdance .footer .bde-columns {
        gap: 2rem !important;
    }

	.bde-column > h3:first-child,
	.bde-column > h4:first-child,
	.bde-column > .bde-icon-list:first-child,
	.bde-column > .autogenerated-ekce-ekimage
    {
		margin-top: 1.25rem !important;
	}

	.bde-column > .autogenerated-ekce-ekheadline2 .ek-headline-2,
	.bde-column > .autogenerated-ekce-ekimage {
		margin-top: 2rem !important;
	}

	/* end zusammenschieben */

	.search-input{
		height: 64px;
	}

	.page .breakdance .bde-loop-item .schulung-card-bar .bde-icon-list ul, .page .breakdance .bde-loop-item .bar-left .bde-icon-list ul {
		gap: 0.5rem; 
	}

	.breakdance .bde-section.hero {
		margin-top: -87px;
	}

	.mobile-hidetext .btn-text{
		display: none;
	}

	.schulung-tabs {
		margin-top: -100px;
	}

	.breakdance .schulung-tabs .bde-tabs__panel-content {
		padding: 0.5rem 1rem 1rem !important;
	}

	.box-padding {
		padding: 1rem;
	}
	.box-padding.schulung-card {
		padding: 1rem 1rem 1rem calc(1rem + 12px);
	}

	.breakdance .box-weitere h5 {
		font-size: 16px !important;
	}

	.breakdance .schulung-tabs li .bde-icon-list__text {
		font-size: 16px !important;
	}

	.breakdance .schulung-tabs .bde-icon-list ul {
		gap: 8px;
	}

	.breakdance .bde-icon-list__text {
		font-size: 16px !important;
	}




	.hero {
		min-height: 520px;
		height: 520px;
		padding-top: 80px;
	}

	.breakdance h1 {
		font-size: 32px !important;
	}

	h1.ek-headline-2 .kicker {
		font-size: 28px;
	}

	.bde-h2, .breakdance h2 {
		font-size: 28px;
	}
	
	/* Kicker Schriftgröße */
	h2.ek-headline-2 .kicker {
		font-size: 26px;
	}

	.breakdance h3.bde-heading {
		font-size: 20px !important;
	}
	.breakdance h3.bde-heading.gesamt {
		font-size: 24px !important;
	}

	.breakdance h5, .default-page .breakdance h5 {
		font-size: 18px !important;
	}

	.breakdance .bde-frequently-asked-questions .bde-faq__item .bde-faq__title {
		font-size: 1.25rem;
	}

	#ek-booking label, .gfield_label {
		font-size: 18px !important;
	}

	.iconll.iconll.iconll > li::before {
		left: 1.5rem !important;
	}

	.bde-post-loop{
		margin-left: -2rem;
		margin-right: -2rem;
		width: calc(100% + 4rem) !important;
	}

	.bde-post-loop.stayin {
		width: 100% !important;
	}

	.moveout, .ek-taglist, .moveout-2 {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: calc(100%) !important;
	}

	h2.ek-headline-2::after {
		top: calc(var(--stroke-top,100%) - 4px);
		height: 6px;
		z-index: -1;
	}

	.price {
		font-size: 1.25rem;
	}


	.ek-taglist-text {
		font-size: 14px;
		max-width: none;
	}

	.ek-taglist {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem; /* optional */
	}

	.ek-taglist-item {
		padding: 1rem;
		justify-content: start;
	}

	.slideritem {
		padding: 1rem;
	}

	.bde-simple-counter__number{
	font-size: 48px !important;
	}

	.breakdance-dropdown-link__icon, .bde-icon-list__icon, .breakdance-dropdown-link__icon, .bde-icon-list-line__icon {
		width: 48px;
		height: 48px;
		min-width: 48px;
		min-height: 48px;
	}

	.page .breakdance .bde-icon-list li .bde-icon-list__item-wrapper {
		gap: 1rem;
	}

	.search-box {
		padding: 1rem 1rem;
		margin-top: -7rem;
		margin-bottom: 0rem;
	}

	.search-input {
		padding: 0.5rem 1.2rem;
	}

	.search-box .ekdropdownbutton{
		width: 100%;
		margin-top: -0.5rem;
	}

	.search-box .ekdropdownbutton .cdrop,.search-box .ekdropdownbutton .cdrop .cdrop__trigger{
		width: 100%;
		place-content: center;
	}

	.switch *{
		font-size: 16px !important ;
		line-height: 1.1em !important;
	}

	.search-input input::placeholder {
		font-size: 12px;
	}

	.breakdance .schulung-tabs .hr-top {
		margin: -1rem 0 0 -1rem;
		width: calc(100% + 2rem);
	}

	.gform-theme--foundation .gform_fields {
		row-gap: 24px !important;
	}

	.bar-left::before, .schulung-card-bar::before {
		width: 8px;
	}

	/* Distance adjustings in start page*/
	/*div.breakdance section.z-10 div.section-container {
		padding-bottom: 0px !important;
	}*/

	.breakdance:nth-of-type(n+3) section.bde-section-14584-251.bde-section div.section-container {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	div.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
		margin-top: -70px !important;
	}

	.breakdance:nth-of-type(n+3) section.relative div.section-container {
		padding-top: 0px !important;
	}

	div.flex.gap-2.flex-wrap.items-center h3.text-base.font-bold.text-ek-grey-dark {
		font-size: 20px !important;
	}

	section div.sf-list div.flex.flex-col.gap-3.px-1.pb-12 {
		padding-bottom: 1.5rem !important;
	}
	/* Distance between Headings and Contents */
	div.section-container div.bde-columns div.bde-column div.autogenerated-ekce-ekimage {
		margin-top: -5px !important;
	}
	/* Kontakt & Anfrage */
	/*div.breakdance div.bde-div div.bde-column div.autogenerated-ekce-abstand div.spacer.spacer-2 {
		height: 0px !important;
	}*/

	.page-id-16208 div.breakdance section.bde-section-16208-110.bde-section div.section-container {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	/*div.section-container div.bde-columns div.bde-column div.autogenerated-ekce-ekimage-16208-119.autogenerated-ekce-ekimage {
		margin-top: 2rem !important;
	}*/

	/* Hypens in Header*/
	.breakdance h4.bde-heading {
		hyphens: none;
	}

	.breakdance h3.bde-heading {
		hyphens: none;
	}

	.breakdance h1.bde-heading {
		hyphens: none;
	}

	h1.ek-headline-2 {
		hyphens: none;
	}

	/*navbar max 2 rows*/
	header.bde-header-builder div.bde-header-builder__container div.sticky-menu div.bde-div div.bde-text{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.breakdance .bde-div-14705-108 {
		display: flex;
		flex-direction: column;
		gap: 5px !important;
	}

	.breakdance .bde-div-14705-113 {
        flex-direction: column;
        gap: 14px !important;
	}

	.breakdance .bde-div-14705-115 {
		padding-bottom: 8px !important;
	}

	.abstand-mobile .spacer-2 {
		height: 16px !important;
	}

	/* Mobile Searchbar */
	.searchbar-placeholder input {
		display: block !important;
	}

	.searchbar-placeholder input::placeholder {
		font-size: 1rem !important;
	}

	.searchbar-placeholder input::-webkit-input-placeholder {
		font-size: 1rem !important;
	}

	.search-input input::placeholder {
		font-size: 1rem !important;
	}

	.search-input input::-webkit-input-placeholder {
		font-size: 1rem !important;
	}

	/* Mobile Button Touch Events */
	.btn-ek.btn-ek-primary.press {
		color: #fff !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}

	.btn-ek.btn-ek-secondary.press,
	.btn-ek.btn-ek-secondary.press span.icon-basket::before,
	.btn-ek.btn-ek-secondary.press span.icon-chevron-right::before,
	.btn-ek.btn-ek-secondary.press span.icon-filter::before,
	.slideritem .btn-ek.btn-ek-secondary.press {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.btn-ek.btn-ek-secondary:hover {
		color: var(--ek-dark-green);
		background-color: transparent;
		border: 2px solid var(--ek-dark-green);
		transition-duration: 0 !important;
	}

	.slideritem .btn-ek.btn-ek-secondary:hover{
		background-color: #fff !important;
		color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.btn-ek.btn-ek-light.press {
		color: var(--ek-bg-limelight) !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}

	.cdrop__trigger.press {
		color: #fff !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}

	.referent-button a.button-atom.press {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.referent-button a.button-atom:hover{
		background-color: #fff !important;
		color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.breakdance .bde-section .section-container a.btn-ek.btn-ek-secondary.btn-ek-arrow.press {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.breakdance .bde-section .section-container a.btn-ek.btn-ek-arrow.press {
		color: #fff !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}
	
	.breakdance .bde-section .section-container a.btn-ek.btn-ek-arrow:hover{
		background-color: var(--ek-dark-green);
		color: #fff ;
		border-color: var(--ek-dark-green);
		transition-duration: 0 !important;
	}
	
	.bde-button a.button-atom.press, 
	.bde-button button.button-atom.press {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.bde-button a.button-atom:hover, 
	.bde-button button.button-atom:hover{
		background-color: #fff;
		color: var(--ek-dark-green);
		border-color: var(--ek-dark-green);
		transition-duration: 0 !important;
	}

	/*
	.btn-ek.btn-ek-light.press div.ek-icon-wrap svg path{
		color: var(--ek-bg-limelight) !important;
		background-color: var(--ek-green-contrast)!important;
		border-color: var(--ek-green-contrast)!important;
	}
	*/

	.schulung-card-bar .btn-ek.btn-ek-secondary.btn-color-error.btn-ek-size-medium.press, 
	.schulung-card-bar .btn-ek.btn-ek-secondary.btn-color-error.btn-ek-size-medium.press span.icon-delete::before {
		border-color: var(--ek-red) !important;
		background-color: var(--ek-red) !important;
		color: #fff !important;
		transition-duration: 0 !important;
	}

	.schulung-card-bar .btn-ek.btn-ek-secondary.btn-color-error:hover, 
	.schulung-card-bar .btn-ek.btn-ek-secondary.btn-color-error:hover span.icon-delete::before {
		background-color: transparent !important;
		color: var(--ek-red) !important;
		border-color: var(--ek-red) !important;
		transition-duration: 0 !important;
	}

	.btn-ek.btn-ek-light.press div span::before{
		color: var(--ek-bg-limelight);
		transition-duration: 0ms !important;
	}

	.ek-taglist-item.press {
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		color: #fff !important;
		transition-duration: 0 !important;
	}

	.ek-taglist-item.press .ek-taglist-icon::before{
		background: #fff !important;
		transition-duration: 0 !important;
	}

	.ek-taglist-item.press svg path {
		fill: rgb(0, 89, 89) !important;
		transition-duration: 0 !important;

	}

	/* iOS :active fallback */
	.btn-ek.btn-ek-primary:active {
		color: #fff !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}

	.btn-ek.btn-ek-secondary:active,
	.btn-ek.btn-ek-secondary:active span.icon-basket::before,
	.btn-ek.btn-ek-secondary:active span.icon-chevron-right::before,
	.btn-ek.btn-ek-secondary:active span.icon-filter::before,
	.slideritem .btn-ek.btn-ek-secondary:active {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.btn-ek.btn-ek-light:active {
		color: var(--ek-bg-limelight) !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}

	.cdrop__trigger:active {
		color: #fff !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}

	.referent-button a.button-atom:active {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.breakdance .bde-section .section-container a.btn-ek.btn-ek-secondary.btn-ek-arrow:active {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.breakdance .bde-section .section-container a.btn-ek.btn-ek-arrow:active {
		color: #fff !important;
		background-color: var(--ek-green-contrast) !important;
		border-color: var(--ek-green-contrast) !important;
		transition-duration: 0 !important;
	}

	.bde-button a.button-atom:active, 
	.bde-button button.button-atom:active {
		color: #fff !important;
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		transition-duration: 0 !important;
	}

	.schulung-card-bar .btn-ek.btn-ek-secondary.btn-color-error:active, 
	.schulung-card-bar .btn-ek.btn-ek-secondary.btn-color-error:active span.icon-delete::before {
		border-color: var(--ek-red) !important;
		background-color: var(--ek-red) !important;
		color: #fff !important;
		transition-duration: 0 !important;
	}

	.btn-ek.btn-ek-light:active div span::before {
		color: var(--ek-bg-limelight);
		transition-duration: 0ms !important;
	}

	.ek-taglist-item:active {
		background-color: var(--ek-dark-green) !important;
		border-color: var(--ek-dark-green) !important;
		color: #fff !important;
		transition-duration: 0 !important;
	}

	.ek-taglist-item:active .ek-taglist-icon::before {
		background: #fff !important;
	}

	.ek-taglist-item:active svg path {
		fill: rgb(0, 89, 89) !important;
	}
}