/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
*/
/**
    var(--theme-palette-color-1) #818a92;
    var(--theme-palette-color-2) #ee4f6c; Outsourcing
    var(--theme-palette-color-3) #5a666f; Personalleasing
    var(--theme-palette-color-4) #0072a2; Sicherheitsdienstleistung
    var(--theme-palette-color-5) #19ac89; Personalvermittlung
    var(--theme-palette-color-6) rgba(129, 138, 146, 0.25);
    var(--theme-palette-color-7) rgba(90, 101, 109, 0.05);
    var(--theme-palette-color-8) #ffffff;
*/





/* Header 
__________________________________________________________________________________*/





	/* Menü 
	__________________________________________________________________________________*/

	[class*="header-menu"] .menu {
		margin-bottom: -120px;
	}







/* lose und freie Klassen 
__________________________________________________________________________________*/

	h1 { margin-bottom: 0.75em !important; }
	h1 + h3 { margin-top: -1.25em !important;}
	h2 { margin-bottom: 0.75em !important; }
	h2 + h3, h2.h2-weniger-margin +p { margin-top: -1em !important;}
	h3 { margin-bottom: 1em !important; }
	h4 { margin-bottom: 1em; }
	h5 { margin-bottom: 1em; }


	h1, h2 { line-height: 1em; }
	h1 + h2 {
		margin-top: -0.9em !important;
		color: rgba(255,255,255,0.8) !important;
	}

	hr {	
		margin: 40px 0 !important; 
		height: 1px !important;
		width: 100%;
	}


	.blocksatz { text-align: justify; hyphens: auto }

	.bottom-0 { margin-bottom: 0 !important; }
	.bottom-5 { margin-bottom: 5px !important; }


	b, strong { font-weight: 700; }


	.kolumnen {
		column-count:  2;
		column-width: 300px;
		column-gap: 6em;
		column-rule: 1px solid rgba(0,0,0,0.25);
		margin-bottom: 2rem;
		margin-top: 2rem;	

		display: block;
		hyphens: auto;
		text-align: justify;
		}
		.kolumnen.weiss {
					column-rule: 1px solid rgba(255,255,255,1.00);
					}

	.kolumnen h1 { margin-top: -20px !important; margin-bottom: 0; padding-bottom:0; }




/* Buttons __________________________________________________________________________________*/		

		.kaliforms-form-container #submit,
		.button,
		.jet-listing-dynamic-link__link {
			font-family: var(--buttonFontFamily, var(--fontFamily)) !important;
			font-size: var(--buttonFontSize) !important;
			font-weight: var(--buttonFontWeight) !important;
			font-style: var(--buttonFontStyle) !important;
			line-height: var(--buttonLineHeight) !important;
			letter-spacing: var(--buttonLetterSpacing) !important;
			text-transform: var(--buttonTextTransform) !important;			
			-webkit-text-decoration: var(--buttonTextDecoration) !important;
			text-decoration: var(--buttonTextDecoration) !important;
			padding: var(--padding, 5px 20px) !important;			
			--buttonTextInitialColor: var(--buttonInitialColor);
			border-width: 2px;
			border-style: solid;
			color: var(--buttonTextInitialColor);
			background-color: transparent;
			border-color: var(--buttonInitialColor);
		}
		
		.kaliforms-form-container #submit:hover,
		.button:hover,
		.jet-listing-dynamic-link__link:hover {
			color: var(--buttonTextHoverColor);
			border-color: var(--buttonHoverColor);
			background-color: var(--buttonHoverColor);
    }

	


			





/* Startseite
__________________________________________________________________________________*/

		
	










/*     Standard-Listen
    -------------------------------------*/
       .jet-listing-dynamic-field__content ul {
			padding-left: 0;
			margin-left: 0;
		    max-width: 300px;
		  }

       .jet-listing-dynamic-field__content ul li {
			list-style: none; 
			border-bottom: 1px solid rgba(0, 0, 0, 30%) !important;
		    margin: 0 -0.25em;
			padding: 0.75em 0.25em;
			max-width: 500px;
			line-height: 1.2em;
		   }

	   .jet-listing-dynamic-field__content ul li:last-child {
				border-bottom: none !important;
         }
	



  


/*    Schatten
    -------------------------------------*/
	:root {		
	  --shadow-color: 0deg 0% 78%;
	  --shadow-elevation-low:
		0.1px 0.4px 0.5px hsl(var(--shadow-color) / 0.15),
		0.1px 0.6px 0.7px -1px hsl(var(--shadow-color) / 0.17),
		0.3px 1.2px 1.5px -2px hsl(var(--shadow-color) / 0.2);
	  --shadow-elevation-medium:
		0.1px 0.4px 0.5px hsl(var(--shadow-color) / 0.16),
		0.3px 1.2px 1.5px -0.7px hsl(var(--shadow-color) / 0.18),
		0.6px 2.7px 3.3px -1.4px hsl(var(--shadow-color) / 0.19),
		1.4px 6.2px 7.6px -2px hsl(var(--shadow-color) / 0.21);
	  --shadow-elevation-high:
		0.1px 0.4px 0.5px hsl(var(--shadow-color) / 0.15),
		0.4px 1.6px 2px -0.3px hsl(var(--shadow-color) / 0.16),
		0.6px 2.8px 3.4px -0.6px hsl(var(--shadow-color) / 0.16),
		1px 4.4px 5.4px -0.9px hsl(var(--shadow-color) / 0.17),
		1.5px 6.7px 8.2px -1.2px hsl(var(--shadow-color) / 0.18),
		2.3px 10.2px 12.5px -1.5px hsl(var(--shadow-color) / 0.19),
		3.4px 15.1px 18.5px -1.8px hsl(var(--shadow-color) / 0.2),
		5px 21.9px 26.8px -2px hsl(var(--shadow-color) / 0.2);
	}


		.schatten { box-shadow: var(--shadow-elevation-medium); }
		.schatten-lang { box-shadow: var(--shadow-elevation-high); }










/* Footer 
__________________________________________________________________________________*/
   



    





/* Objekte Einzelseite
__________________________________________________________________________________*/


   
	@media (min-width: 1000px) {

		.single-objekte .ct-featured-image {
			padding-bottom: 50px;
			margin: -80px -80px 0 -80px !important;
			border-radius: 3px;
		}
		
		/*[data-prefix="objekte_single"] article[class*="post"]  { 
			margin-bottom: 100px;
			}*/

	}

	@media (min-width: 768px) and (max-width: 999px) {

		.single-objekte .ct-featured-image {
			padding-bottom: 50px;
			margin: -36px -36px 0 -36px !important;
			border-radius: 3px;
		}
		
		[data-prefix="objekte_single"] article[class*="post"]  { 
			margin-bottom: 60px;
			}

	}


	.post-navigation {
		border-top: 1px solid #000;
		padding-top: 60px;
		margin-top: 60px;
	}



/* Stackable Blocks 
__________________________________________________________________________________*/

   
	.stk--block-orientation-horizontal>*+* {
		margin-left: 0.4em !important;
	}






/* Plugins 
__________________________________________________________________________________*/

        /* WP Featherlight
        -------------------------------------*/

        .featherlight:last-of-type {
            background-color: var(--theme-palette-color-4) !important;
                }

        /* if backdrop support: very transparent and blurred */
                @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
                  .featherlight:last-of-type {
                    background-color: rgba(81, 50, 41, 0.7) !important;
                    backdrop-filter: blur(15px);
                        }
                }

        .featherlight .featherlight-content .caption {
            font-size: 13px;
            white-space: nowrap;
        }





		/* Complianz
        -------------------------------------*/

		#cmplz-cookies-overview .cmplz-dropdown p, 
		#cmplz-document .cmplz-dropdown p, 
		#cmplz-document li, 
		#cmplz-document p, 
		#cmplz-document td {
			font-size: 17px;
		}

		#cmplz-document.impressum h2, 
		#cmplz-document.impressum h3 {
			font-size: 1.5rem;
			margin-top: 1.5em;
			margin-bottom: 0 !important;			
			color: var(--theme-palette-color-3) !important;
			opacity: 1;
		}

		#cmplz-document a {
			text-decoration: none;
			color: #5a666f;
		}

		#cmplz-document b {
			font-weight: 400;
		}










		/* Kali Forms
        -------------------------------------*/

		.kaliforms-form-container div.col-12 { 
			margin-bottom: 6px !important;
		}

		@media (min-width: 768px) {
			
				.kaliforms-form-container .col-md-3:first-child, .kaliforms-form-container .col-md-4:first-child, .kaliforms-form-container .col-md-5:first-child, .kaliforms-form-container .col-md-6:first-child, .kaliforms-form-container .col-md-7:first-child, .kaliforms-form-container .col-md-8:first-child { padding-left: 15px !important; }

				.kaliforms-form-container .col-md-3, .kaliforms-form-container .col-md-4, .kaliforms-form-container .col-md-5, .kaliforms-form-container .col-md-6,	.kaliforms-form-container .col-md-7, .kaliforms-form-container .col-md-8 { padding-right: 3px !important; padding-left: 3px !important; }

				.kaliforms-form-container .col-md-3:not(:first-child) label, .kaliforms-form-container .col-md-4:not(:first-child) label, .kaliforms-form-container .col-md-5:not(:first-child) label, .kaliforms-form-container .col-md-6:not(:first-child) label, .kaliforms-form-container .col-md-7:not(:first-child) label, .kaliforms-form-container .col-md-8:not(:first-child) label { margin-left: -10px !important; }

				.kaliforms-form-container .col-md-3:last-child, .kaliforms-form-container .col-md-4:last-child, .kaliforms-form-container .col-md-5:last-child, .kaliforms-form-container .col-md-6:last-child, .kaliforms-form-container .col-md-7:last-child, .kaliforms-form-container .col-md-8:last-child {  padding-right: 15px !important; }
		}


		.kaliforms-form-container .row div[class^="col-"], .kaliforms-form-container .row div[class*=" col-"] { margin-bottom: 0px; }
			
		.kaliforms-form-container hr {	
			height: 5px;
			background-color: transparent;
			margin: 0.5em 0 !important;
			}

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


		.kaliforms-form-container label {
			color: var(--theme-palette-color-3) !important;
		}

		.kaliforms-form-container .col-12:focus-within label:not(.checkbox-label),
		.kaliforms-form-container .col-12 label.input-filled {
			transform: translateY(-4px) translateX(-2px)  !important;
			transform-origin: top left;
			color: rgb(0 0 0 / 0.4) !important;			
		}


		.kaliforms-form-container [type='freeText'] {
			color: var(--theme-palette-color-3);
			}

		.kaliforms-form-container textarea:focus {
			position: relative;
				}

		.kaliforms-form-container [type='text'], 
		.kaliforms-form-container [type='password'], 
		.kaliforms-form-container [type='date'], 
		.kaliforms-form-container [type='datetime'], 
		.kaliforms-form-container [type='datetime-local'], 
		.kaliforms-form-container [type='month'], 
		.kaliforms-form-container [type='week'], 
		.kaliforms-form-container [type='email'], 
		.kaliforms-form-container [type='number'], 
		.kaliforms-form-container [type='search'], 
		.kaliforms-form-container [type='tel'], 
		.kaliforms-form-container [type='time'], 
		.kaliforms-form-container [type='url'], 
		.kaliforms-form-container [type='color'], 
		.kaliforms-form-container textarea, 
		.kaliforms-form-container #kali-stripe-iban-element, 
		.kaliforms-form-container #kali-stripe-card-element {
			margin-bottom: 0 !important;
			padding-top: 35px !important;
			padding-bottom: 15px !important;
			padding-left: 9px !important;
			box-shadow: 0 0 0 !important;
			border: 0px solid #fff !important;
			background-color: rgba(0,0,0,0.05)!important;
   		 }

		.kaliforms-form-container textarea { min-height: 250px;} 

		.kaliforms-form-container input[required],
		.kaliforms-form-container textarea[required],
		.kaliforms-form-container select[required] {
				background-color: rgba(0,0,0,0.15)!important;
				}  

				.kaliforms-form-container input:focus,
				.kaliforms-form-container textarea:focus {
	xxbackground-color: var(--theme-palette-color-1) !important;
	background-color: hsla(30,20%,77%,1.00) !important;
	color: #000;
	box-shadow: var(--shadow-elevation-medium) !important;
	transform: scale(1.01);
	backdrop-filter: blur(6px);
					}

		.kaliforms-form-container #optionale-angaben { font-size: 0.875em; }


		.kaliforms-form-container .checkbox-label input { display: inline-block ; }
		.kaliforms-form-container .checkbox-label span { overflow-y: visible !important; }
		.kaliforms-form-container .checkbox-label span:nth-of-type(2){ margin-left: 33px; margin-bottom: 25px; }






/* Animationen 
__________________________________________________________________________________*/
	
	input,
    textarea,
    input[type=submit],
    select,
	label,
    .linktext,
	.ugb-card__image,
	.ugb-card__description,
	.ugb-card .ugb-card__subtitle,
	.ugb-card .ugb-card__title {
		transition: all 0.4s ease !important;
	    }








		/* Element muss ebenso die Klasse  .animate enthalten, damit es erst beim Scrollen den Zusatz: scrolled erhält, sie scripte.js */
		.animate:not(.scrolled) { display: hidden; }
		.animate.scrolled { display: visible; }			


		.slide-in-blurred-bottom.scrolled {
			-webkit-animation: slide-in-blurred-bottom 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
					animation: slide-in-blurred-bottom 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
		}


				/* ----------------------------------------------
				 * Generated by Animista on 2022-2-25 10:44:34
				 * Licensed under FreeBSD License.
				 * See http://animista.net/license for more info. 
				 * w: http://animista.net, t: @cssanimista
				 * ---------------------------------------------- */

				/**
				 * ----------------------------------------
				 * animation slide-in-blurred-bottom
				 * ----------------------------------------
				 */
				@-webkit-keyframes slide-in-blurred-bottom {
				  0% {
					-webkit-transform: translateY(300px) scaleY(2.5) scaleX(0.2);
							transform: translateY(300px) scaleY(2.5) scaleX(0.2);
					-webkit-transform-origin: 50% 100%;
							transform-origin: 50% 100%;
					-webkit-filter: blur(40px);
							filter: blur(40px);
					opacity: 0;
				  }
				  100% {
					-webkit-transform: translateY(0) scaleY(1) scaleX(1);
							transform: translateY(0) scaleY(1) scaleX(1);
					-webkit-transform-origin: 50% 50%;
							transform-origin: 50% 50%;
					-webkit-filter: blur(0);
							filter: blur(0);
					opacity: 1;
				  }
				}
				@keyframes slide-in-blurred-bottom {
				  0% {
					-webkit-transform: translateY(300px) scaleY(2.5) scaleX(0.2);
							transform: translateY(300px) scaleY(2.5) scaleX(0.2);
					-webkit-transform-origin: 50% 100%;
							transform-origin: 50% 100%;
					-webkit-filter: blur(40px);
							filter: blur(40px);
					opacity: 0;
				  }
				  100% {
					-webkit-transform: translateY(0) scaleY(1) scaleX(1);
							transform: translateY(0) scaleY(1) scaleX(1);
					-webkit-transform-origin: 50% 50%;
							transform-origin: 50% 50%;
					-webkit-filter: blur(0);
							filter: blur(0);
					opacity: 1;
				  }
				}