/*
Theme Name: haensel-gretel-theme
Author: polimeni-web
Version: 1.0
*/


html {
	scroll-behavior: smooth;
}
main {
  margin-block-start: 0;
	overflow:hidden;
}

 header .wp-block-group {justify-content: space-between; width:100%;}
header .wp-block-navigation__responsive-container  {gap:0;}
header .wp-block-navigation__responsive-container  ul{margin-bottom: 2rem;}
header .wp-block-navigation__responsive-container  ul, header .wp-block-navigation__responsive-container  ul li{width:100%;}
header .wp-block-navigation__responsive-container li a{text-transform:uppercase;}
header .wp-block-navigation__responsive-container li{
	border-top: 1px solid var(--wp--preset--color--graydottransparent);padding: 1.2rem 0;}
header .wp-block-navigation__responsive-container li:first-of-type{border:none;}
.wp-block-navigation__responsive-container-content{padding-top:0 !important;}
.wp-block-navigation__responsive-dialog{margin-top:0 !important;}
.wp-block-navigation__responsive-container-close{top:30px;}
.wp-block-button__link {
  transition: background-color 0.3s ease, color 0.3s ease, color 0.3s ease;
	
}
.wp-block-button__link.has-transparent-background-color {color:var(--wp--preset--color--gray) !important;border-color:var(--wp--preset--color--green) !important;}
.wp-block-button__link.has-transparent-background-color:hover {color:var(--wp--preset--color--white) !important; background-color:var(--wp--preset--color--green) !important;}

.wp-block-navigation-item__content.wp-block-navigation-item__content{font-weight:400;  transition: text-shadow 0.2s ease;}
.wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content{  text-shadow: 0 0 0.2px currentColor;}

.wp-block-navigation .wp-block-navigation-item{line-height:1.2em;}

.wp-block-navigation .wp-block-navigation-item__content {
  color:var(--wp--preset--color--gray) !important;
}

.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
  padding:var(--wp--style--root--padding-left) !important;
}
.wp-block-navigation__submenu-container {padding:0 !important;margin-bottom:0 !important ;}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{border:none !important;padding-top: calc(0.667em + 2px) !important; padding-bottom:calc(0.667em + 2px) !important;}
header .wp-block-navigation__responsive-container:not(.is-menu-open) li{padding:0 !important;}

:where(figure) {
  display: flex;
  align-items: center;
}


body a:where(:not(.wp-element-button)) {
  text-decoration: none;
}	
.wp-block-columns.has-background {  padding: 2.375em !important;}

.alignfull.has-beige-background-color.wp-block-group + .is-layout-constrained.wp-block-group-is-layout-constrained,.wp-block-group:not(.has-background) + .wp-block-group.alignfull.has-background{margin-top:0 ;}

strong{font-weight: 700;}
.semibold{font-weight: 600;}
.green {color:var(--wp--preset--color--green);}
.italic{font-style:italic;}

.text-with-bg{max-width:fit-content;}

.site-footer a{text-decoration:none;}
.site-footer a:hover{text-decoration:underline;}

.site-footer .wp-block-group.text-with-bg a:hover{color:currentcolor; text-decoration:none;}
.site-footer .wp-block-group.text-with-bg{background-color 0.3s ease, color 0.3s ease, color 0.3s ease;border-color: var(--wp--preset--color--green); 
  border-width: 1px;
	border-style: solid;}

.site-footer .wp-block-group.text-with-bg:hover{background-color:transparent !important;}
footer{margin-top:0 !important;}
.wp-block-columns, .wp-block-column img{border-radius:4px;}

footer > .wp-block-group{overflow:hidden;}


.wp-block-list{padding-left:0;}
.is-layout-flow > .alignright {  margin-inline-start: 0em;	}
.overflow-hidden{overflow:hidden;}

.entry-content > .wp-block-group   {
  padding-top: var(--wp--preset--spacing--section-xl);
	padding-bottom: var(--wp--preset--spacing--section-xl);}

.h2-similar
{color: var(--wp--preset--color--green);
  font-family: var(--wp--preset--font-family--robotomono);
  font-size: var(--wp--preset--font-size--48-large);
  font-weight: 400;
  line-height: 1.2em;
  text-transform: uppercase;}

.double-avatar img, .avatar img{
background-color:var(--wp--preset--color--green);
  border-radius: 40px;
	border: 3px solid white;}
.avatar img{border:none;}
.double-avatar figure + figure{margin-left:-40px;}

h1 + p, h2 + p, h3 + p{margin-block-start:0 !important;}

.entry-content > h1{margin-block-start:var(--wp--preset--spacing--section-xl) !important;margin-bottom:0 !important;}
.entry-content > h1 + .wp-block-group{margin-block-start:0 !important;}


.map-card{padding:0 !important;} 
.map-card .wp-block-group{padding:1rem !important;margin-top:0 !important;}
.map-card p{font-weight: 400;
  font-size: var(--wp--preset--font-size--14-normal) ;
}

.order-one{order:1 !important;}
.order-zero{order:0 !important;}


/*********************************************/
/*  General  */
/*********************************************/
.zitat{margin-left: var(--wp--preset--spacing--50);}
.wp-block-group > .wp-block-columns ~ .wp-block-columns {margin-top:var(--wp--preset--spacing--section-xl);}


/* Media & Text */
.wp-block-media-text.single-media-text,.wp-block-media-text.angebote  {
    gap: 4rem;
    align-items: start;
   
}

/* Bild */
.wp-block-media-text.single-media-text  .wp-block-media-text__media img,.wp-block-media-text.angebote  .wp-block-media-text__media img {
    border-radius: 50%;
  
}


/* Text-Container */
.wp-block-media-text.single-media-text  .wp-block-media-text__content,.wp-block-media-text.angebote .wp-block-media-text__content  {

    padding: 2rem;
    border-radius: 24px;
}

/* Absätze */
.wp-block-media-text.single-media-text  .wp-block-media-text__content p,.wp-block-media-text.angebote .wp-block-media-text__content p  {
    margin: 0 0 1.25rem;
    line-height: 1.8;
}

/* Einleitung */
.wp-block-media-text.single-media-text  .wp-block-media-text__content p:first-child ,.wp-block-media-text.angebote .wp-block-media-text__content p:first-child {
    font-size: 1.1rem;
    line-height: 1.9;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e8e2d7;
}


/*********************************************/
/*  General List */
/*********************************************/


main ul:not(.slick-dots) ul {
  list-style: none;
  padding-left: 0;
}
main ul:not(.slick-dots) li:first-of-type{	border-top: 1px solid var(--wp--preset--color--graydottransparent);}
main ul:not(.slick-dots) li {
  display: flex;
  align-items: center; /* vertical centering */
	padding:  1.2rem 0;
	border-bottom: 1px solid var(--wp--preset--color--graydottransparent);
}

main ul:not(.slick-dots) li::before { content: "";
	width:28px; height:28px;min-width: 28px;
  background: url("/wp-content/uploads/2026/04/heart.svg")	no-repeat center/contain;
  margin-right: 10px;
}

.simple-list li{padding: 0.6rem 0 !important;
  border: unset !important;
  font-weight: 500;}



/*********************************************/
/* Horizontal Slider */
/*********************************************/
/* space between slides */
.slick-slide {
  margin: 0 17px; /* controls the gap */
}

/* fix outer overflow so edges align */
.slick-list {
  margin: 0 -17px;
}


.wp-block-group.horizontal-slider {
  position: relative;
}

/* LEFT fade */
.wp-block-group.horizontal-slider::before {
 content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  z-index: 20;
  pointer-events: none;
  background: linear-gradient( to right, #fff 20%, rgba(255,255,255,0) );
}

/* RIGHT fade */
.wp-block-group.horizontal-slider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  z-index: 20;
  pointer-events: none;
  background: linear-gradient(
    to left,
    #fff 20%,
    rgba(255,255,255,0)
  );
}

/* make sure slick sits under overlays */
.wp-block-group.horizontal-slider .slick-list {
  position: relative;
  z-index: 1;
}

/*********************************************/
/* Eltern Slider */
/*********************************************/
.slick-dots li button:before {
  content: none !important;
}
/* Container under slider */
.slick-slider {
  padding-bottom: var(--wp--preset--spacing--45-px);
}



.slick-dots {
	  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex !important;
  justify-content: center;
  gap: 8px;
	list-style:none;
	padding-left:0;

}
	
.slick-dots li {
			margin: 0 0.5rem;
		}
	
.slick-dots li button {
			display: block;
		
		  padding: 0;
		  border: none;
		  border-radius: 4px;
		  background-color: var(--wp--preset--color--green);
	opacity:0.3;
		  text-indent: -9999px;
		 width: 56px;
	     height: 4px;
		}
	
 .slick-dots li.slick-active button {
			background-color: var(--wp--preset--color--green);
	 	opacity:1;
		}


/*  VIDEOS */

.eltern-slider .slick-slide{position: relative; }

.eltern-slider .wp-block-video{height:0px;}

.eltern-slider .wp-block-image::before {
  content: url("/wp-content/uploads/2026/04/Button.png");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
	cursor:pointer;

}
.eltern-slider .active{opacity:1;}
.eltern-slider .fade-out {  opacity: 0;}
.eltern-slider  .wp-block-image.fade-out {  opacity: 0.5;}
.eltern-slider  .wp-block-image, .eltern-slider .wp-block-video {transition: opacity 0.8s ease;}
.eltern-slider .wp-block-video:not(.active) {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.eltern-slider .wp-block-video.active{
height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;

}


/*********************************************/
/* img-text-columns */
/*********************************************/

.img-text-columns{gap:3em !important; padding: var(--wp--preset--spacing--standard) !important;padding-bottom: calc(2*var(--wp--preset--spacing--standard)) !important;}
.img-text-columns > .wp-block-column > figure > img{width:100%;}
.wp-block-columns.has-background.img-text-columns {padding: var(--wp--preset--spacing--standard) !important;padding-bottom: calc(2*var(--wp--preset--spacing--standard)) !important;}
/*********************************************/
/* Contact form */
/*********************************************/
.wpcf7 form {
    position: relative;background-color:white; border-radius:4px;box-shadow: 0 4px 20px #565F0114;padding: 1.2em; }

.wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.option{border-bottom: 1px solid #F2F2ED;position: relative;padding-top: 0.8rem;padding-bottom: 0.8rem; }
 option {color: var(--wp--preset--color--gray); cursor:pointer;}


.option input[type="checkbox"] {position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  appearance: none;
    -webkit-appearance: none;

    width: 18px;
    height: 18px;

    border: 1px solid  var(--wp--preset--color--green);
    background-color: #F3F4EF;
    border-radius: 3px;

    cursor: pointer;
    margin-top: 3px;
}

.option input[type="checkbox"]:checked {
    background-color: var(--wp--preset--color--green);;
}


    .cf7-row {
		  display: flex;
        flex-direction: column;
        gap: 15px;
    }



.cf7-row {
    display: flex;
    gap: 0.8rem; /* spacing between inputs */
    margin-bottom: 1rem;
}

.cf7-col {
    flex: 1;
}

.cf7-col input {
    width: 100%;
    box-sizing: border-box;
}



.cf7-select {
    color: var(--wp--preset--color--gray);
}

/* HEADINGS */
.wpcf7-form h3 {
   margin-top: 0px;
    margin-bottom: 12px;
    font-size: 18px;
    color: var(--wp--preset--color--gray);
}

.wpcf7-form h3:not(:first-of-type) {
	margin-top: 40px;}


/* INPUTS + TEXTAREA + SELECT */
.wpcf7-form-control:not(.wpcf7-radio):not(.wpcf7-checkbox):not(.wpcf7-submit) {
    width: 100%;
    padding:0.8em;
	padding-right:0;
    border-radius: 4px;
    border: 1px solid transparent;

    font-size: 15px;
    transition: all 0.2s ease;
}

.wpcf7-form-control.wpcf7-textarea {
    line-height: 1.5;   /* height of one line */
    height: calc(1.5em * 2); /* 6 visible lines */
    max-height: calc(1.5em * 2); /* prevents growing larger */
    overflow-y: auto;   /* adds scroll if needed */
    resize: vertical;   /* optional: allow user resize */
}



.wpcf7-form-control:not(.wpcf7-radio):not(.wpcf7-checkbox):not(.wpcf7-select):not(.wpcf7-submit){    background: #f6f6f3;}


/* FOCUS STATE */
.wpcf7-form-control:focus {
    outline: none;
    border-color: #c3d600 !important;
    background: #fff;

}

/* PLACEHOLDER */
.wpcf7-form-control::placeholder {
    color: #999;
}

/* CHECKBOX + RADIO */
.wpcf7-list-item {
    display: block;
    margin-bottom: 8px;
}

.wpcf7-list-item input {
    accent-color: #c3d600;
    margin-right: 8px;
}

/* SELECT */
.wpcf7-select {
     appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #f6f6f3;

    /* custom arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23c3d600' d='M5 7l5 5 5-5z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;

    padding: 14px 40px 14px 16px; /* IMPORTANT: space for arrow */

    border-radius: 10px;
    border: 1px solid transparent;
}
.wpcf7-select { cursor:pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding-right: 35px; /* space for arrow */

   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
 
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}




.wpcf7-textarea {
    font-family: inherit;
}


/* BUTTONS */
.wp-block-buttons {
    margin-top: 30px;
    gap: 15px;
}

.wpcf7-submit {
    background: #c3d600;
    color: white;
   border: 1px solid #c3d600;
  
}
.wpcf7-submit:hover {
    background: transparent;
	color:var(--wp--preset--color--gray);
  border: 1px solid #c3d600;
	
}
.wp-block-button__link.has-transparent-background-color {
    background: transparent;
    border: 1px solid #c3d600;
    color: var(--wp--preset--color--gray);
   
    cursor: pointer;
}

.wp-block-button__link.has-transparent-background-color:hover {
    background: #c3d600;
    color: #000;
}

.wp-block-button__link,
.wpcf7-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}
/*#####################*/
.datenschutz-hinweis{margin-top:40px;}
.datenschutz-hinweis p{font-size:var(--wp--preset--font-size--14-normal); }
/*#####################*/
/* SPINNER FIX */
.wpcf7-spinner {
    position: absolute;
    margin: 0;
}

/* RESPONSE MESSAGE */
.wpcf7-response-output {
    margin-top: 20px;
    padding: 15px;
    border-radius: 10px;
    background: #f6f6f3;
    border: 1px solid #ddd;
}

/* ERROR STATE */
.wpcf7-not-valid {
    border-color: red !important;
}




/*********************************************/
/* green icon */
/*********************************************/

.wp-block-column.has-background {padding:1.6rem;}
.wp-block-columns{align-items:stretch !important;}
.wp-block-column { display: flex;    flex: 1;         
  flex-direction: column;  /* keeps inner content structured */
}

.mixed-col > .wp-block-columns {
  margin-top: auto;
}


.green-icon{margin:0 !important;grid-template-columns: 26% auto !important;}
.green-icon figure{width: 30px;
  padding: 14px;
  border-radius: 40px;
  background-color: var(--wp--preset--color--green);
  height: 30px;
  vertical-align: center;
  display: flex;
  align-items: center;
	justify-content: center;}
.green-icon figure img{width: 32px;
  height: 32px;
  display: block;}

.green-icon + p, .green-icon p{margin:0rem;}
.green-icon .wp-block-media-text__content{padding:0;}
.green-icon + p{margin-top:1rem;}

.wp-block-media-text figure{margin-bottom:0.8rem !important;}

	.avatare-line{flex-wrap:wrap !important;}
/*********************************************/
/* circle */
/*********************************************/
.circles-text-group{position:relative;margin-bottom:2rem !important;}
.circle-text {
  position: relative;
/*  padding-left:calc(2 * 58.25px + 4rem);*/ /* space for horizontal circles */
  margin: 0;
}
	
/* circles container */
.circles {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);

  display: flex;
  flex-direction: row; /*  horizontal */
  align-items: center;
}

/* circles */
.circles span {
width: 58.25px;
  height: 58.25px;
  border-radius: 50%;
margin: 0 -25px;
  margin-left: 0;
}

/* alternating colors */
.circles span:nth-child(odd) {
  background: #d9d9d9;
  
}

.circles span:nth-child(even) {
  background: #c6c6c6;
}
/*********************************************/
/* FAQ */
/*********************************************/

.show-hide-text {
	display: block;
	height: 0;
	opacity: 0;
	position: relative;
	/*padding-left: 1em  !important;*/
	padding-right: 1em  !important;
	padding-top:0 !important;
	margin-bottom:0 !important;
	transition: opacity 0.2s, padding 0s;

}
.accordeon-titel::after{content:"+";
	padding: 0.6em 1em;
	position: absolute;
	top: 0;
	right: 0;
}

.active-element .accordeon-titel::after{content:"-";}

.show-hide-text.show {
	display: block;
	height: auto;
	opacity: 1;
}
.show-hide-text:not(.show){padding:0 !important; z-index:-1;}
.accordeon-group .wp-block-group__inner-container{ padding:0;}
.accordeon-titel  {padding: 0.6em 0em !important; margin-bottom:0;  position:relative; cursor:pointer;}

/*********************************************/
/* Video  */
/*********************************************/

.video-preview {
	position: absolute;
	z-index: 11;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	height: 100%;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	transition-duration: 3s;
	opacity: 1;

}


.play-btn-desktop {
	position: absolute;
	z-index: 12;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	cursor: pointer;
	transition-duration: 2s;
	opacity: 1;


}

/*********************************************/
/* gallery-separator */
/*********************************************/


.has-global-padding > .alignfull.gallery-separator{margin-right: calc(var(--wp--style--root--padding-right) * -1 - 100px);  margin-left: calc(var(--wp--style--root--padding-left) * -1 - 100px);}

 .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
    max-width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
  }


/*********************************************/
/*  */
/*********************************************/
/*--------------   HEADER SLIDER  ---------------  */
/*

.blur{min-height: 100%;
  position: absolute;
  width: 50%;
  z-index: 1;
  background-color: white;
  background: linear-gradient(to right, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 69%);
}

.slick-dots {
	display: flex;
	justify-content: center;
	margin: 0;
	list-style-type: none;
	position: absolute;
	  bottom: 50px;
	  right: 80px;
	  padding: 0;

}
	
.slick-dots li {
			margin: 0 0.5rem;
		}
	
.slick-dots li button {
			display: block;
		  width: 1rem;
		  height: 1rem;
		  padding: 0;
		  border: none;
		  border-radius: 100%;
		  background-color: rgba(255, 254, 254, 0.54);
		  text-indent: -9999px;
		}
	
 .slick-dots li.slick-active button {
			background-color: white;
		}
*/

/*--------------------------------------------------*/

.text-img .wp-block-column + .wp-block-column, .text-img .wp-block-column + .wp-block-column figure{height:100%;}
.text-img .wp-block-column + .wp-block-column figure img{height:100%; width:auto;}
.img-text .wp-block-column , .img-text .wp-block-column  figure{height:100%;}
.img-text .wp-block-column + .wp-block-column figure img{height:100%; width:auto;}



.wp-block-table {border-radius:4px;}

thead {background-color:var(--wp--preset--color--green);color:white;border-bottom:unset !important; }
.wp-block-table td, .wp-block-table th {
 
	padding: .8em 1.2em;}


.angebote img{max-width:240px; height: auto; margin:0px auto;border-radius:300px;}
.angebote figure a {margin:0px auto;}
/*********************************************/
/* Footer   */
/*********************************************/
/* Always show horizontal menu */
footer .wp-block-navigation__responsive-container {
  display: contents !important;
}

footer .wp-block-navigation__responsive-container-open,
footer .wp-block-navigation__responsive-container-close {
  display: none !important;
}

/* Ensure menu items stay in a row */
footer .wp-block-navigation__container {
  flex-wrap: nowrap !important;
}


/*********************************************/
/* Media Query   */
/*********************************************/


@media (min-width:1024px){
	
	.order-one{order:0 !important;}
.order-zero{order:1 !important;}

.cf7-row {   flex-direction: row; gap:20px}
.cf7-col {    flex: 1;}
.cf7-col input {    width: 100%;}
	.wpcf7 form {padding: var(--wp--preset--spacing--45-px);}
	
	.avatare-line{flex-wrap:nowrap !important;}
	/*.map-card{padding:0 !important;} */
.map-card .wp-block-group{padding:1rem !important;margin-top:0 !important;}
	.map-card p:first-of-type{font-weight: 600;}
  .map-card p{font-size: var(--wp--preset--font-size--18-normal) ;}*/
	
	.wp-block-columns.has-background {  padding: 1.25em 2.375em !important;}
	.reduced-width{max-width:calc(var(--wp--style--global--content-size)*75 / 100) !important; margin:0px auto;}
	.circles-text-group{margin-bottom:0 !important;}
	
		.only-mobile{display:none !important ;}

.is-layout-flow > .alignright {  margin-inline-start: 2em;	}
	
	header .wp-block-group {    width: unset;}
	
	header .wp-block-navigation__responsive-container li{
	border-top: unset;}
	header .wp-block-navigation__responsive-container {gap:2rem;}
	header .wp-block-navigation__responsive-container  ul{margin-bottom:0;}

header .wp-block-navigation__responsive-container  ul, header .wp-block-navigation__responsive-container  ul li{width:unset;}
	
	header .wp-block-navigation__responsive-container li a{text-transform:none;}
	.wp-block-media-text figure{margin-bottom:0rem !important;}

	.h2-similar + figure + 	.h2-similar{margin-top: 24px !important;}
	
	
	.wp-block-group.horizontal-slider::after, .wp-block-group.horizontal-slider::before  {width:150px;}
	
	
.nowrap{white-space: nowrap;}
/*:root :where(.is-layout-constrained) > * {	margin-block-start:45px !important;}*/
	
	.wp-block-group:not(.has-background) > h2,.wp-block-group:not(.has-background) > p{max-width: 60%;}

	

.img-text-columns,.wp-block-columns.has-background.img-text-columns{padding-bottom: var(--wp--preset--spacing--standard) !important;}

	
	
	/*********************************************/
	/* two-gallery-col */
	/*********************************************/
	
	.two-gallery-col figure, .one-gallery-col figure{width:360px;}
	
	.two-gallery-col, 	.one-gallery-col {position:absolute; top:0; overflow:hidden;height:100%;}
	
		.two-gallery-col	.wp-block-image:first-child, .one-gallery-col 	.wp-block-image:first-child{
		  -webkit-mask-image: linear-gradient(
			to bottom,
			transparent 0%,
			black 30%
		  );
		  mask-image: linear-gradient(
			to bottom,
			transparent 0%,
			black 30%
		  );
		}

		.two-gallery-col	.wp-block-image:last-child, .one-gallery-col 	.wp-block-image:last-child {
		  -webkit-mask-image: linear-gradient(
			to bottom,
			black 70%,
			transparent 100%
		  );
		  mask-image: linear-gradient(
			to bottom,
			black 70%,
			transparent 100%
		  );
		}
	
 .two-gallery-col .wp-block-column:last-child, .one-gallery-col > .wp-block-column:first-child	> .wp-block-gallery {
	  transform: translateY(-30px);
	}
	
		
.two-gallery-col .wp-block-column:first-child, .one-gallery-col > .wp-block-column +  .wp-block-column 	> .wp-block-gallery {
	  transform: translateY(30px);
	}

/*	.two-gallery-col .wp-block-column:first-child, .one-gallery-col 	.wp-block-image:first-child {
	  transform: translateY(30px);
	}

	.two-gallery-col .wp-block-column:last-child, .one-gallery-col 	.wp-block-image:last-child {
	  transform: translateY(-30px);
	}

	*/
}

@media(max-width:580px){
      .wp-block-columns.auf-handy-stapeln {
        flex-direction: column;margin-top: 2rem;
    }

    .wp-block-columns.auf-handy-stapeln .wp-block-column {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

}
@media(max-width:767px){
	
	
	.only-desktop{display:none !important;}
	
	
	
}


@media(max-width:359px){
	
	.topbar .wp-block-buttons{justify-content:space-between !important;}
	.topbar ,  .site-header > .wp-block-group > div > .wp-block-group{padding-left:5px !important; padding-right:5px !important;}
}


@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}