/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
*/


/*

Farben:



Hellblau: #0081c7

Blau: var(--qubely-color-1);  #135187
Orange:: var(--qubely-color-2);  #ED5940
textgrau: var(--qubely-color-3);
Hellblau: var(--qubely-color-4); #7FB8D5
Weiß: var(--qubely-color-4);

*/



/* https://www.joshwcomeau.com/shadow-palette/ */
	:root {
	  --shadow-color: 0deg 0% 0%;
	  --shadow-elevation-low:
		0px 0.5px 0.8px hsl(var(--shadow-color) / 0),
		0px 1.5px 2.3px hsl(var(--shadow-color) / 0.08);
	  --shadow-elevation-medium:
		0px 0.5px 0.8px hsl(var(--shadow-color) / 0),
		0px 7.4px 11.1px hsl(var(--shadow-color) / 0.11);
	  --shadow-elevation-high:
		0px 0.5px 0.8px hsl(var(--shadow-color) / 0),
		0px 8.1px 12.1px hsl(var(--shadow-color) / 0.09),
		-0.1px 24.7px 37.1px hsl(var(--shadow-color) / 0.17);
		-0.1px 24.7px 37.1px hsl(var(--shadow-color) / 0.17);
		}
	.schatten-small { box-shadow: var(--shadow-elevation-low); }
	.schatten 		{ box-shadow: var(--shadow-elevation-medium); }	
	.schatten-large { box-shadow: var(--shadow-elevation-high); }


#banner-startseite,
#banner-startseite-2 { overflow: hidden; }




/* Header 
__________________________________________________________________________________*/

    header a[href^="tel:"] {
      color: #135187;
      text-decoration: none;
    }

 	@media (max-width: 959px) {
           [data-header*="type-1"] #header [data-row="top"] {
                padding-top: 6px;
            }  
    }


 


	.ct-icon-container.ct-left {
		margin-right: 5px;
	}


		/* Button im Header
		__________________________________________________________________________________*/


				.buttons-wrapper {
						position: absolute;
						width: 100% !important;
						display: block;
						height: 0px;
						overflow: visible;

					}

					.button-header-rund {
						position: relative;	
						float: right;
						z-index: 99;
						border: 1px solid #ffffff1f;
						color: #fff;
						border-radius: 50%;
						overflow: hidden;
						text-align: center;
						align-items: center;
						display: flex;
						justify-content: center;	
						font-size: 1.2em;
						padding-bottom: 0.5em;
						line-height: 1.1em;
					}

				.single-post .logo-liebe-leben-header2 { display: none; }


		     

		@media (max-width: 959px) {
			
			
				 img.logo-liebe-leben-header, 
				 img.logo-liebe-leben-header2,
				 .buttons-wrapper {   
					 display: none;
				 }     
			}



			 @media (min-width: 960px) {  


				  img.logo-liebe-leben-header {
						width: 150px ;
						height: auto;
						position: absolute;
						top: 360px;
						z-index: 99;
						right: 80px;
						transform: rotate(12deg);
						-webkit-filter: drop-shadow( 0px 10px 10px rgba(0, 0, 0, .5));
					}
					img.logo-liebe-leben-header2 {
						width: 150px;
						height: auto;
						position: relative;
						top: -120px;
						z-index: 99;
						right: 70px;
						transform: rotate(12deg);
						margin-bottom: -155px;
						filter: drop-shadow( 0px 10px 10px rgba(0, 0, 0, .5));
					} 






				 

						.button-header-rund.rezept {
	width: 120px !important;
	height: 120px;
	transform: rotate(6deg);
	top: -40px;
	right: -30px;
	margin-right: -5px;
	background-color: #2E536F;
						}

						.button-header-rund.produkt {
							width: 140px !important;
							height: 140px;
							transform: rotate(9deg);
							top: -60px;
							right: -20px;
							margin-right: 10px;
							background-color: #307192;
							} 
						.button-header-rund.daumenorthese {
							font-size: 0.975em;
							width: 160px !important;
							height: 160px;
							transform: rotate(12deg);
							top: -25px;
							right: 10px;
							margin-right: 0px;
							background-color: var(--theme-palette-color-2);
							z-index: 999;
							background: url("https://www.sanitaetshaus-liebe.de/wp-content/uploads/2022/12/3d_orange.svg") no-repeat center center;
							background-size: 105%;
						}
				 		.button-header-rund.hilfsmittel {
							width: 120px !important;
							height: 120px;
							transform: rotate(12deg);
							top: 96px;
							left: -99px;
							padding-top: 10px;
							margin-right: -80px;
							z-index: 9999;
							background-color: #457090;
						}				 
				  		.button-header-rund.rueckrufbitte {
                                width: 120px !important;
                                height: 120px;
                                transform: rotate(-12deg);
                                top: -50px;
                                margin-right: 20px;
								right: -60px;
                                z-index: 75;
                                background-color: #457090;
                                font-size: 0.95em;
                            }
				 		.button-header-rund.terminbuchung {
							color: #000;
							font-weight: 600;
                                     width: 120px !important;
									height: 120px;
									transform: rotate(8deg);
									top: -41px;
									margin-right: 0px;
									right: -79px;
									z-index: 67;
									background-color: var(--theme-palette-color-2) !important;
									font-size: 0.95em;
                            }

			


					.button-header-rund:hover,
					.logo-liebe-leben-header:hover,
				 	.logo-liebe-leben-header2:hover {
						transform: scale(1.1) rotate(3deg);
						color: #fff;
						z-index: 999;
					}  

		}





		/* Button im Footer
		__________________________________________________________________________________*/
				
				.buttons-wrapper-footer {
									position: absolute;
									width: 100% !important;
									display: block;
									height: 0px;
									overflow: visible;
								}

				/* .button-header-rund.rueckrufbitte {
										width: 120px !important;
										height: 120px;
										transform: rotate(12deg);
										top: -50px;
										margin-right: 20px;
										z-index: 9999;
										background-color: var(--theme-palette-color-1);
					 					font-size: 0.95em;
									}*/
					.button-header-rund:hover {
						transform: scale(1.1) rotate(3deg);
						color: #fff;
						z-index: 999;
					}  





        /* Workaround, damit die Bilder beim Laden nicht springen, wegen der Javascript-berechnung */
            .hero-section[data-parallax][data-type="type-2"] > figure > .ct-image-container {
                height: calc(100% + 125px);
            }
            @media (max-width: 999.98px) {
                .hero-section[data-parallax][data-type="type-2"] > figure > .ct-image-container {
                    height: calc(100% + 125px);
                }
            }



    
    h1.page-title {
        text-shadow: 0 2px 1px rgba(0,0,0,0.09), 
                  0 4px 2px rgba(0,0,0,0.09), 
                  0 8px 4px rgba(0,0,0,0.09), 
                  0 16px 8px rgba(0,0,0,0.09),
                  0 32px 16px rgba(0,0,0,0.09);
    }




/* Menü 
__________________________________________________________________________________*/


     @media (min-width: 960px) {          

            #menu-item-1173 { visibility: hidden; width: 40px; margin-right: 40px; }
            #menu-item-1173 i { visibility: visible; }

            #header-menu-1 { margin-right: 140px !important; }
    }

    .menu-item i {margin-right: 0.3em;}







/* lose und freie Klassen 
__________________________________________________________________________________*/
     
    .small {
        font-size: 0.875em;
        line-height: 1.1em;
    }


        .kolumnen > .qubely-column-inner{
                column-count:  2;
                column-width: 250px;
                column-gap: 8em;
                column-rule: 1px solid rgba(0,0,0,0.25);
                margin-bottom: 2rem;
                margin-top: 2rem;	

                display: block;
                hyphens: auto;
                text-align: justify;
                }
             @media (max-width: 959px) {
                       .kolumnen > .qubely-column-inner{ column-gap: 4em; }   
                }




    .full-width,
    .full-width a { width: 100%; }

    .drehung1 {transform: rotate(-3deg);}
    .drehung2 {transform: rotate(-6deg);}
    .drehung3 {transform: rotate(-12deg);}
    .drehung4 {transform: rotate(-20deg);}
    .drehung-1 {transform: rotate(3deg);}
    .drehung-2 {transform: rotate(6deg);}
    .drehung-3 {transform: rotate(12deg);}
    .drehung-4 {transform: rotate(20deg);}

     .breite150 {max-width: 150px !important; margin: auto; }
     .breite300 {max-width: 300px !important; margin: auto;}
     .breite600 {max-width: 600px !important; margin: auto;}
     .breite800 {max-width: 800px !important; margin: auto;}
	.breite900 {max-width: 900px !important; margin: auto;}


    .hoverbox,
	--hoverbox { 
        border-radius: 5px;   
        background: rgba(255,255,255,0.0);
    }
    .hoverbox:hover,
	--hoverbox:over {
        box-shadow: 0 0 64px rgba(0,0,0,0.15);
        transition: all 1s ease !important;
        background: rgba(255,255,255,0.91);
    }

    .schatten,
	--schatten {
      box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                  0 2px 2px rgba(0,0,0,0.11), 
                  0 4px 4px rgba(0,0,0,0.11), 
                  0 6px 8px rgba(0,0,0,0.11),
                  0 8px 16px rgba(0,0,0,0.11);
    }

    .schatten-lang,
    --schatten-lang {
      box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
                  0 4px 2px rgba(0,0,0,0.09), 
                  0 8px 4px rgba(0,0,0,0.09), 
                  0 16px 8px rgba(0,0,0,0.09),
                  0 32px 16px rgba(0,0,0,0.09);
    }



    .margin-0 {
        margin-top: 0 !important ;
        margin-bottom: 0 !important;
    }


    @media (max-width: 959px) {

               .collapse-border-smartphone .qubely-column-inner { border: none !important; } 
        }






/* Footer 
__________________________________________________________________________________*/
   
    .site-footer { 
        overflow: visible !important; 
    }


    .site-footer img.wp-image-185 {
        width: 200px;
        height: auto;
        position: relative;
        top: -160px;
        z-index: 99;
        left: 50px;
        transform: rotate(-12deg);
    }

    .site-footer  div.widget_media_image {
        margin-bottom: -150px;
    }

   footer hr {
    background-color: rgba(255,255,255,0.3);
       margin-top: 2em;
       margin-bottom: 2em !important;
    }

    footer i {
        font-size: 0.75em !important;
        margin-right: 0.5em;
        }



	footer #media_image-5 img {
                width: 150px !important;
				top: -100px;
				position: relative;
				left: 50px;
				margin-bottom: -90px;
            }  
		













/* Plugins 
__________________________________________________________________________________*/




	/* Crocoblock / Jetengine
    -------------------------------------*/


			.jet-filter {				
				box-shadow: var(--schatten);
				padding: 6% 12% 6% 6% !important;
				border-radius: 3px;	
				background-color: #ffffff !important;

			}
			.jet-filter:hover {
				box-shadow: var(--schatten-lang);
			}

			.jet-filter-label {
				font-weight: 600; 
				font-size: 1.2em;
				font-family: Source Serif Pro;
				color: var(--theme-palette-color-1);
				margin-bottom: 0.5em;
			}

			.jet-checkboxes-list__row {
				 margin: 0px !important; 
				 margin-top: 0 !important;
				padding-top: 0px !important; 
				padding-left: 6px;
			}


			.jet-checkboxes-list__decorator {
				width: 20px;
				height: 20px;
				min-width: 20px;
				min-height: 20px;
				margin-top: 7px !important;
				margin-right: 6px;
				border-style: solid;
				border-width: 1px 1px 1px 1px;
				border-color: var(--theme-palette-color-1);
				border-radius: 2px 2px 2px 2px;
				overflow: hidden;
			}
			.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__decorator {
				background-color: var(--theme-palette-color-1) !important;
				border-color: var(--theme-palette-color-1);
			}




			.tabelle-anleitungen { width: 100%; }

			table.jet-dynamic-table {
				border: 0px !important;
				border-radius: 3px;
				border-collapse: collapse;
			}

			.jet-dynamic-table th, .jet-dynamic-table td {
			  padding: 10px;
			}

			.jet-dynamic-table th {
				background-color:  var(--theme-palette-color-1);
				color: #fff;
				border: 1px solid rgba(255,255,255,0.40) !important;
				padding: 10px;
			}

			.jet-dynamic-table tr, 
			.jet-dynamic-table td {
				border: 1px solid rgba(0,0,0,0.20) !important;
				 white-space: nowrap; /* Kein Umbruch für Zelleninhalt */
			}
			.jet-dynamic-table td:first-child {
				font-weight: 600;
				/* width: 100%;  Maximale Breite für die erste Spalte */
			}
			.jet-dynamic-table td:not(:first-child) {
			  width: auto; /* Automatische Breite für den Rest der Zellen */
				font-size: 0.875em;
			}
			.jet-dynamic-table tr:nth-child(odd) {
			  background-color: rgba(255, 255, 255, 0.8); /* 80% weiß */
			}

			.jet-dynamic-table tr:nth-child(even) {
			  background-color: rgba(255, 255, 255, 0.6); /* 60% weiß */
			}

button, jet-search-filter__submit {
	position: relative;
    color: var(--theme-button-text-initial-color);
    border: var(--theme-button-border);
    background-color: var(--theme-button-background-initial-color);	
	
    font-family: var(--theme-button-font-family, var(--theme-font-family));
    font-size: var(--theme-button-font-size);
    font-weight: var(--theme-button-font-weight);
    font-style: var(--theme-button-font-style);
    line-height: var(--theme-button-line-height);
    letter-spacing: var(--theme-button-letter-spacing);
    text-transform: var(--theme-button-text-transform);
    -webkit-text-decoration: var(--theme-button-text-decoration);
    text-decoration: var(--theme-button-text-decoration);
	
	 display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--theme-button-min-height);
    padding: var(--theme-button-padding) !important;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: var(--theme-button-border-radius, 3px);
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --has-link-decoration: var(--false);
	}

	button:hover, jet-search-filter__submit {
		  color: var(--theme-button-text-hover-color);
		border-color: var(--theme-button-border-hover-color);
		background-color: var(--theme-button-background-hover-color);
	}







	/* KaliForms - Allgemein
    -------------------------------------*/

		

		.filepond--root .filepond--drop-label {
			background-color: #4d6674;
			border-radius: 6px;
			box-shadow: inset 4px 4px 15px rgb(0 0 0 / 64%);
		}
		.filepond--root .filepond--drop-label label {
			color: #fff;
		}
		.kaliforms-form-container small {
			margin-top: -40px !important;
			position: absolute !important;
			}	

		.filepond--drip {
			box-shadow: inset 0 0px 10px rgb( 0 0 0 / 50% );
			opacity: 0.5 !important;
		}
		.filepond--credits { display: none; }
	

		.kaliforms-form-container input[type=submit] {
			float: right;
			font-family: var(--buttonFontFamily, var(--fontFamily));
			font-size: var(--buttonFontSize);
			}


		.checkbox-label + small {
				top: 37px;
				margin-left: 30px;
				font-size: 1em;
			}


		::not#rezept .kaliforms-form-container label:not(.checkbox-label) {
			position: absolute;
			z-index: 2;
			font-size: 14px !important;
			top: 4px;
			left: 25px;
			}
		

		.flatpickr-calendar { z-index: 999999 !important; }
		.flatpickr-time.time24hr { background-color: rgba(0,129,199,0.54) !important; } 





				/* KaliForms - Rezepteingabe
					-------------------------------------*/


				@media only screen and (max-width: 939px) {  

					.radio-label input:after {
						display: inline-block;
						margin: -5px 0 0 20px;
						position: absolute;
					}

					.radio-label:nth-child(2) input:after {
						 content: "Gebührenfrei";
					}

					.radio-label:nth-child(3) input:after {
						 content: "Gebührenpflichtig";
					}


				}

						@media only screen and (min-width: 940px) {  


							.kaliforms-form-container .row, 
							.kali-form-field-row, 
							.col-12, 
							.col-md-12 {position: relative;}



							#rezept-container {
								position: relative;
								width: 800px;
								max-width: 800px;
						/*		height: 0;
								padding-bottom: 60.2564%;
								margin-bottom: 1rem;*/
							}

							#rezept {
								max-width: 100%;
								background-image: url(/wp-content/uploads/2021/04/Liebe_Rezept_rosa.svg);
								background-repeat: no-repeat;
								background-size: 100%;
								width: 1200px;
								height: 743px;
								left: 50%;
								top: 50%;
								 }



							#rezept .kali-form-field-row { position: absolute; }

							#rezept input[type=text],
							#rezept input[type=number],
							#rezept input[type=date] {
								margin: 0;
								position: absolute;	
								min-height: 30px;
								padding: 2px 10px;
								height: 30px;
								border: 0px !important;
								box-shadow: none !important;
								font-size: 13px;
								z-index: 900;
							}

							#rezept textarea {
								position: absolute;	
								}


							#rezept input[type=text]:focus,
							#rezept input[type=number]:focus,
							#rezept input[type=date]:focus,
							#rezept textarea:focus {
								transform: scale(1.1);
								box-shadow: 0 0 10px rgba(0,0,0,0.70) !important;
								border: 1px solid #ed2930 !important;
								background-color: #fff;
								z-index: 999;
								}



							#gebuehren0, 
							#gebuehren1 {
								position: absolute;
								transform: scale(1.3);
								top: 56px;
								left: 38px;
								z-index: 900;
								}
							#gebuehren1 {
									top: 110px;
								}


							#krankenkasse { 
								top: 48px;
								left: 65px;
								width: 425px;
								background: #ffffef;
								}

							#name { 
								top: 95px;
								left: 65px;
								width: 180px;
								background: #ffffef;
								}
							#vorname { 
								top: 95px;
								left: 265px;
								width: 140px;
								background: #ffffef;}


							#anschrift { 
								top: 128px;
								left: 65px;
								width: 310px;
								background: #ffffef; }

							#geboren { 
								top: 128px;
								left: 390px;
								width: 100px;
								background: #ffffef;}

							#plz { 
								top: 160px;
								left: 65px;
								width: 100px;
								background: #ffffef;}
							#ort { 
								top: 160px;
								left: 180px;
								width: 310px;
								background: #ffffef;}



							#kassennummer { 
								top: 205px;
								left: 65px;
								width: 115px;
								background: #ffffef;
							}
							#versichertennummer { 
								top: 205px;
								left: 185px;
								width: 180px;
								background: #ffffef;
								}
							#status {     
								top: 205px;
								left: 370px;
								width: 125px;
								background: #ffffef;
								}


							#betriebsstaettennummer { 
								top: 250px; 
								left: 65px; 
								width: 145px;
								background: #ffffef;
								}

							#arztnummer { 
								top: 250px;
								left: 220px;
								width: 140px;
								background: #ffffef;
							}	

							#datum { 
								top: 250px;
								left: 370px;
								width: 120px;
								background: #ffffef;}




							#freitext { top: 320px; 
								left: 65px; 
								width: 430px; 
								max-width: 430px; 
								height: 125px;
								border: 0px;}


							#arztpraxis {     
								top: 320px;
								left: 505px;
								width: 290px; }
							#anschrift-arztpraxis { 
								top: 370px;
								left: 505px;
								width: 290px; }
							#plz-arztpraxis { 
								top: 415px;
								left: 505px;
								width: 80px; }
							#ort-arztpraxis { 
								top: 415px;
								left: 595px;
								width: 200px; }

							#email-kunde { 
								position: relative;
								top: 515px;
								left: 7px;
								width: 390px; 				
								border: 1px solid #ed1f25;
							}
							#telefon-kunde { 
								position: relative;
								top: 515px;
								width: 390px;
								border: 1px solid #ed1f25;}

							#rezept .checkbox-label {
								position: relative;
								top: 590px;
								left: 7px;

							}
							#rezept .checkbox-label + small {
								top: 625px; 
								margin-left: 34px;
								font-size: 1em;
							}


							#rezept input[type=submit] { top: 680px; margin-left: 10px; float: right;}

							label.checkbox-label span + span {
										overflow-y: auto !important;
										padding-left: 27px;
										line-height: 1.3em;
									}

						}


	
				.inputLabelMerge textarea,
				.inputLabelMergeOverlap  textarea { 
					margin-bottom: 0 !important; 
				}

				#kaliforms-thank-you-message-2552 {
					background: #ffffff;
					padding: 2em;
					border-radius: 3px;
					box-shadow: 8px 5px 20px 0px;
				}



    /* Formular - Happy Forms 
    -------------------------------------*/


    .happyforms-part--date input[type=text] {
        max-height: 40px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 10px !important;
    }


    .happyforms-part[data-happyforms-required] input,
    .happyforms-part[data-happyforms-required] textarea:not(:focus) {
            border: 1px solid #0081c7;
        }         
    
    .happyforms-part input:focus,
    .happyforms-part textarea:focus,
    .happyforms-part select { 
            transform: scale(1.02);
            }
        .happyforms-part input[type="checkbox"],
		.happyforms-part input[type="radio"]{
            margin-top: 5px;
            transform: scale(1.4);
			box-shadow: 0 0px 0px rgba(255,255,255,0.0)  !important; 
            }
        .happyforms-part input:focus,
        .happyforms-part textarea:focus { 
            box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
                      0 4px 2px rgba(0,0,0,0.09), 
                      0 8px 4px rgba(0,0,0,0.09), 
                      0 16px 8px rgba(0,0,0,0.09),
                      0 32px 16px rgba(0,0,0,0.09),
                      0 32px 16px rgba(0,0,0,0.09);
            }
.happyforms-part input[type="checkbox"]:focus,
		.happyforms-part input[type="radio"]:focus {
            transform: scale(1.4);
            }

	

    /* eigene Klassen*/
        .happyforms-form .margin-top,        
        .happyforms-part--submit {
             margin-top: 1.5rem;
        }
        .happyforms-form .margin-bottom {
             margin-bottom: 1.5rem !important;
        }

        .happyforms-form hr {
            margin: 0.75rem 0 !important;
            visibility: hidden;
        }

        .happyforms-form .postleitzahl {
            width: 6em;
            }


		.happyforms-form .checkmark { margin-right: 10px; }

    /* Submit Button rechtsbündig */
        .happyforms-part--submit { justify-content: flex-end; }
        .happyforms-part--submit * { margin-right: 0 !important; }



    /*Anpassung für Label inside Input-Element */
        .happyforms-input input, 
        .happyforms-input textarea,
        .happyforms-part__el input, 
        .happyforms-part__el textarea {
            padding-top: 30px !important;
            padding-bottom: 7px !important;
            padding-left: 9px !important;
        }

        .happyforms-part__label-container {
            position: absolute;
            top: 4px;
            left: 10px;
            z-index: 2;
            }
            .fixed-label .happyforms-part__label-container {
                position: relative;
                top: 0px;
                left: 0px;
                z-index: 2;
                }   
        .happyforms-part-wrap label {
                    color: rgb(0 0 0 / 0.6);
                    font-size: 14px
                }
         .happyforms-form__part:not(.happyforms-part--legal) .happyforms-part-wrap:focus-within label {
                    transform:  translateY(-6px);
                    transform-origin: left;
                    color: rgb(0 0 0 / 0.3);
                }
        .fixed-label .happyforms-part__label-container label {
                            color: rgb(0 0 0 / 1.0);
                            font-size: 15px;
                        }


		.happyforms-message-notice h2 { font-size: 18px !important; }



		

					/* Fehlermeldung */
								.happyforms-part input[aria-invalid='true'],
								.happyforms-part textarea[aria-invalid='true'],
								.happyforms-part select[aria-invalid='true'] {
										border: 1px solid #f25000 !important;
									}  

								.happyforms-message-notice.error h2 {
									color: red;
									font-size: 1.7em;
									display: block;
									margin-bottom: 1rem;
								}

								.happyforms-part-error-notice {
									margin: 10px 0 1rem;
								}


							/* Tooltip*/
								.happyforms-tooltip__trigger {
									color: rgba(71,82,93,.7) !important;
								}

								.happyforms-optional { display: none; }






    /* Elfsight - WhatsApp 
    -------------------------------------*/
         #eapps-whatsapp-chat-1 {
            z-index: 99;
         }

        .elfsight-widget-whatsapp-chat {
            float: left;
        }

        #whatsapptext {
            margin-left: 100px;
        }






	/* FlowFLow
        -------------------------------------*/	
		#ff-stream-1 .ff-item .picture-item__inner,
		#ff-stream-2 .ff-item .picture-item__inner {
			box-shadow: var(--shadow-elevation-medium);
			
			}
		#ff-stream-1 .ff-item:hover .picture-item__inner,
		#ff-stream-2 .ff-item:hover .picture-item__inner {
			box-shadow: var(--shadow-elevation-high);
			background-color: #fff !important;
			}
		.picture-item__inner:hover:before {
			background: rgba(0, 0, 0, .0) !important;
			}
		.ff-slideshow-classic {
			-webkit-backdrop-filter: blur(6px);
			backdrop-filter: blur(6px);
		}

		.ff-article, .ff-item .ff-content, .ff-item .ff-content p {
			font-size: 15px;
		}





/* WebWhiz
__________________________________________________________________________________*/
#webwhiz-widget {
    position: absolute !important;
    z-index: 9999999;
    right: 20px;
    top: 150px !important;
    bottom: inherit !important;
}






/* Quebely Blocks 
__________________________________________________________________________________*/




	/* Blocksy */

	.entry-card { position: relative !important; }

	.meta-categories {
		position: absolute;
		left: 20px !important;
		top: 20px !important;
	}

    /* List
    -------------------------------------*/
    .qubely-row ul {
        padding-left: 1em;
    }




    /* Team Carousel 
    -------------------------------------*/
        .team-carousel { 
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        .qubely-block-team-carousel .qubely-carousel-extended-outer-stage {
            padding: 1px 4px 1px;
        }



    /* .qubely-post-grid 
    -------------------------------------*/
        .qubely-post-grid-wrapper {
            box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.00) !important;
        }

       .qubely-postgrid-btn {
            /* float: right; */
            position: absolute;
            bottom: 10px;
            right: 10px;
            margin-top: 50px;
            }
        .qubely-postgrid-btn-wrapper {
            margin-top: 40px;
        }



    /* Shape Divider 
    -------------------------------------*/
        .qubely-shape-divider.qubely-bottom-shape {
            margin-bottom: -1px !important;
        }

    /* Counter
    -------------------------------------*/
    .qubely-block-counter-content {
        line-height: 1.3em;
    }




    /* Qubely Gallery
        -------------------------------------*/

        .mfp-bg {
        z-index: 999998 !important;
        background: var(--theme-palette-color-1);
        opacity: .8;
        }

        .mfp-wrap {
            z-index: 999999 !important;
            backdrop-filter: blur(8px);
        }

        .mfp-figure button.mfp-close {
            position: fixed;
            right: 22px !important;
            top: 18px !important;
        }
        .mfp-arrow:before {
            opacity: 0.0;
        }

        .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
            right: -30px;
            font-size: 2.0em;
        }
        .mfp-counter {
            display: none;
        }







/* Animationen 
__________________________________________________________________________________*/
	
	input,
    textarea,
    input[type=submit],
    select,
    label, 
	.button-header-rund,
	.logo-liebe-leben-header,
	.logo-liebe-leben-header2 {
		transition: all 0.4s ease !important;
	    }

		
		
		
		/* ----------------------------------------------
 * Generated by Animista on 2021-8-6 11:54:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

		

.slide-in-blurred-top.rueckrufbitte {
					-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s both;
							animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.5s both;
				}
		.slide-in-blurred-top.rezept {
			-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.0s both;
					animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.0s both;
		}

		.slide-in-blurred-top.produkt {
					-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s both;
							animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1.5s both;
				}

		.slide-in-blurred-top.daumenorthese {
					-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 2.0s both;
							animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 2.0s both;
				}

		.slide-in-blurred-top.hilfsmittel {
					-webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 2.5s both;
							animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) 2.5s both;
				}


		
/**
 * ----------------------------------------
 * animation slide-in-blurred-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-top {
  0% {
     margin-top: -100px;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
     margin-top: -500px;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    margin-top: -100px;
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
     margin-top: 0px;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}