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


    var(--theme-paletteColor-1);
    var(--theme-paletteColor-2); 
    var(--theme-paletteColor-3); 
    var(--theme-paletteColor-4); 
    var(--theme-paletteColor-5); 
    var(--theme-paletteColor-6); 
    var(--theme-paletteColor-7); 
    var(--theme-paletteColor-8);
*/








[data-popup-position*='middle'] .ct-popup-inner {
    -webkit-transform-style: preserve-3d;	
	-webkit-background-clip: padding-box;
}

.ct-popup-inner>article {
    -webkit-backface-visibility: hidden;	
	background: transparent;
}

.ct-popup-inner>article>.entry-content {
    -webkit-backface-visibility: hidden;
}





.ct-popup-inner > article > .entry-content {
	overflow-y: auto !important;
	width: 100%;
}
.ct-popup .ct-close-button {
	--z-index: 10 !important;
}

/* Header 
__________________________________________________________________________________*/


/* Menü 
__________________________________________________________________________________*/



/* lose und freie Klassen 
__________________________________________________________________________________*/

 

h1 { margin-bottom: 1.5em !important; }
h2 { margin-bottom: 1.5em !important; }
h3 { margin-bottom: 1em !important; }
h4 { margin-bottom: 0.75em; }
h5 { margin-bottom: 0.5em; }

h1 + h2 { margin-top: -2em !important;}
h1 + h3 { margin-top: -2em !important;}
h1 + h4 { margin-top: -2em !important;}
h1 + h5 { margin-top: -2em !important;}

h4 + h2 { margin-top: 0em !important;}
h5 + h2 { margin-top: 0em !important;}
h6 + h2 { margin-top: 0em !important;}

.wp-block-buttons + h5 { margin-top: 0.5em !important;}




b, strong {
    font-weight: 700;
}


lord-icon { margin-left: -8px;}


    
  .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);}
     
    .kolumnen {
        column-count:  2;
        column-width: 300px;
        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;
        }


  


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

    .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 {
      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);
        }


	 .bildschatten img {
		  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);
			}
	 .bildschatten-lang img {
		  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);
			}

	.abgerundet { border-radius: 6px;}
	.abgerundet img { border-radius: 6px;}





/* Footer 
__________________________________________________________________________________*/
   
footer h3 {
		color: #f0f0f0 !important;
	}
	footer li {
		border-bottom: 1px solid rgba(255,255,255,0.25);
		padding: 0.5em 0.725em;
		display: list-item;
	}
	footer li:last-child {
		border-bottom: none;
	}


	footer.ct-footer [data-link] a:hover, 
	[data-link] .ct-posts-shortcode .entry-title a:hover {
		color: #f0f0f0;
    	background-color: #000;
	
}
    







/* Stackable Blocks 
__________________________________________________________________________________*/

   	/* (mehrspaltige) Listen mit Icon */

	#main .ugb-icon-list--display-grid ul li { 
			border-bottom: none;
			max-width: none;
			padding: inherit;
	}


	.ugb-icon-list.ugb-icon-list--v2 li:before {
		margin-right: 0.5em;
	}
		.ugb-icon-list.ugb-icon-list--v2 li {
			text-indent: calc(var(--icon-size, 20px)*-1 - 0.5em)!important;
			line-height: 1.5em !important;
		}








/* Plugins 
__________________________________________________________________________________*/


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

        .featherlight:last-of-type {
            background-color: rgba(20, 20, 20, 0.9) !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(20,20, 20, 0.9) !important;
                    backdrop-filter: blur(15px);
                        }
                }

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




		
		/* Social Feed - Instagram 
        -------------------------------------*/

			.tpgb-sf-feed {
				background-color: #FFFFFF;
				border: none !important;

			}
			.tpgb-soc-img-cls {
				padding: 0px !important;
			}

			.social-feed-style-4 .tpgb-sf-contant-img:before {
				background: rgb(121 85 72 / 90%);
				backdrop-filter: blur(6px);
			}

			.moreText,
			.tpgb-hashtag,
			.tpgb-sf-profile,
			.tpgb-sf-username,
			.tpgb-sf-logo {
						display: none !important;
					}

			.tpgb-sf-usercontact {
				left: 0 !important;
			}

			.tpgb-soc-img-cls {
				padding: 0px;
			}





		/* 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.5em;
			margin-bottom: 0 !important;
		}


		/* 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;
			}

		.kaliforms-form-container label {
			position: absolute;
			z-index: 2;
			font-size: 14px !important;
			top: 4px;
			left: 25px;
			color: rgb(0 0 0 / 0.7);
			}

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

		.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;	
			border-radius: 3px !important;
			border: 1px solid var(--theme-paletteColor-6) !important;
			box-shadow: 0 0 0 !important ;
   		 }

		.kaliforms-form-container input[required],
		.kaliforms-form-container textarea[required],
		.kaliforms-form-container select[required] {
					border: 1px solid var(-theme-paletteColor-1) !important;
				}  

				.kaliforms-form-container input:focus,
				.kaliforms-form-container textarea:focus{ 
					background-color: #fff !important;
				   	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) !important;
					transform: scale(1.02);
					}

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

		.kaliforms-form-container #submit {
			float: right;
			margin-top: 10px;
			background-color: var(--theme-paletteColor-1) !important;
		}
		.kaliforms-form-container #submit:hover {
			background-color: var(--theme-paletteColor-2) !important;
		}








		/* WooCommerce
        -------------------------------------*/



		.woocommerce-variation-availability .out-of-stock {
			background-color: var(--theme-paletteColor-1);
			padding: 0.5em 1em;
			text-align: center;
		}


		/* Produktansihct typ3 mit erstem Bild bei 100%*/
			.ct-stacked-gallery figure:first-child {
				grid-column: 1/-1;	
			}


		#billing_postcode_field {
			width: 30%;
			margin-right: 5%;
			float: left;
		}

		#billing_city_field {
		width: 65%;
		/* float: right; */
		display: inline-block;
		}

		#billing_state_field,
		#billing_country_field { 
			display: none !important; 
		}

		.woocommerce-info .showlogin { margin-left: 0.5em; font-weight:500; }

		.wc-forward { margin: 15px 0 !important; }


/* Animationen 
__________________________________________________________________________________*/
	
	input,
    textarea,
    input[type=submit],
    select,
	label,
    .linktext {
		transition: all 0.4s ease !important;
	    }