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

    var(--theme-palette-color-1); you can use this as your primary brand colour.
    var(--theme-palette-color-2); alternative colour, used usually for the hover action 
    var(--theme-palette-color-3); colour used for general text paragraphs
    var(--theme-palette-color-4); colour used for headings, subheadings and titles 
    var(--theme-palette-color-5); colour used for borders
    var(--theme-palette-color-6); #778d7a;  colour used for subtle backgrounds (page hero, footer)
    var(--theme-palette-color-7); colour used for the site’s background
    var(--theme-palette-color-8); lighter alternative colour, to be used in header backgrounds

	Blocksy Querys:
	@media (max-width: 767px) {}
	@media (min-width: 768px) {}
	@media (max-width: 999px) {}

*/



/* lose und freie Klassen 
__________________________________________________________________________________*/

	/* https://www.joshwcomeau.com/shadow-palette/ */
	:root {
		  --shadow-color: 0deg 0% 71%;
		  --shadow-elevation-low:
			0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.35),
			0.5px 0.8px 1.1px -2.3px hsl(var(--shadow-color) / 0.38);
		  --shadow-elevation-medium:
			0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.33),
			0.7px 1.1px 1.5px -1.2px hsl(var(--shadow-color) / 0.35),
			2.5px 4.2px 5.6px -2.3px hsl(var(--shadow-color) / 0.37);
		  --shadow-elevation-high:
			0.1px 0.2px 0.3px hsl(var(--shadow-color) / 0.31),
			0.9px 1.5px 2px -0.5px hsl(var(--shadow-color) / 0.31),
			1.8px 3.1px 4.1px -0.9px hsl(var(--shadow-color) / 0.32),
			3.4px 5.7px 7.7px -1.4px hsl(var(--shadow-color) / 0.33),
			6.1px 10.4px 13.9px -1.8px hsl(var(--shadow-color) / 0.34),
			10.6px 17.8px 23.9px -2.3px hsl(var(--shadow-color) / 0.35);
		}
		.schatten-small { box-shadow: var(--shadow-elevation-low); }
		.schatten 		{ box-shadow: var(--shadow-elevation-medium); }	
		.schatten-large { box-shadow: var(--shadow-elevation-high); }


/* @link https://utopia.fyi/type/calculator?c=320,17,1.2,1290,17,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.7378rem, 0.7378rem + 0vw, 0.7378rem);
  --step--1: clamp(0.8854rem, 0.8854rem + 0vw, 0.8854rem);
  --step-0: clamp(1.0625rem, 1.0625rem + 0vw, 1.0625rem);
  --step-1: clamp(1.275rem, 1.275rem + 0vw, 1.275rem);
  --step-2: clamp(1.53rem, 1.53rem + 0vw, 1.53rem);
  --step-3: clamp(1.836rem, 1.836rem + 0vw, 1.836rem);
  --step-4: clamp(2.2032rem, 2.2032rem + 0vw, 2.2032rem);
  --step-5: clamp(2.6438rem, 2.6438rem + 0vw, 2.6438rem);
}	
		h1 { margin-top: 0 !important; margin-bottom: 0.75em !important; }
		h2, .h2-groesse h1 { margin-bottom: 0.75em !important; }
		h3 { margin-top: 0.5em !important;; margin-bottom: 0.5em !important; }
		h4 { margin-bottom: 1em;  }
		h5 {  margin-bottom: 1em; }

		p { font-size: var(--step-0); margin-bottom: 0.875em !important; }
		.bottom-0 { margin-bottom: 0px !important; }
		.small { font-size: var(--step--1); }
		.xsmall { font-size:var( --step--2); }
		.large { font-size:var( --step-4); }
		.xlarge { font-size:var( --step-5); }

		hr.wp-block-separator.is-style-default {
			border-top: 1px solid #999;
			width: 100%;
			margin: 12px auto !important; }

		

		b, strong { font-weight: 700; }
		
		.small { font-size: 0.875em; }
		.blocksatz { text-align: justify; hyphens: auto }

		.wp-block-quote p { 
			font-size: var(--step-4);
			line-height: 1.2em;
			} 
			.wp-block-quote cite { 
				font-size: var(--step-2) !important;
				text-align: right;
				line-height: 1em;
				} 
     
		.kolumnen div.stk-block-content,
		.kolumnen div.tpgb-column-inner,
		.kolumnen {
			column-count:  2;
			column-width: 400px;
			column-gap: 4em;
			column-rule: 1px solid rgba(0,0,0,0.15);
			display: block;
			hyphens: auto;
			}
			.margin-bottom-0 { margin-bottom: 0 !important; }

	    
		.radius,
		.wp-block-image img,
		.blocks-gallery-item img,
		.wp-block-gallery img { 
			border-radius: 4px !important; 
		}


		figure.wp-block-gallery { margin-top: 2%; margin-bottom: 4%; }




		.wp-block-media-text.has-media-on-the-right {
			margin-bottom: 0.875em !important;
		}
		.wp-block-media-text figure {
			border-radius: 3px;
			min-height: 450px !important;
			}
			.wp-block-media-text .wp-block-media-text__content {
				padding: 0 12% 0 0;
			}
			.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
				margin-bottom: -0.875em !important;
			}
			@media (max-width: 600px) {
				.wp-block-media-text .wp-block-media-text__content {
					margin-top: 1em;
				}
			}





/* Header 
__________________________________________________________________________________*/

		header {}

		#header [data-row*=middle] [data-column*=start]  [data-items] {
		}


		[data-column=end]>[data-items=primary] {
		}

		#header [data-row*=boxed] {
		}

		#offcanvas .site-logo-container {
		}






/* Menü 
__________________________________________________________________________________*/

		
		#menu-hauptmenue,
		#menu-hauptmenue-1 {
			align-items: flex-end;
			margin-top: -48px;
			margin-bottom: 48px;
			border-bottom: 1px solid rgba(0,0,0,0.50);
			}
			#menu-hauptmenue-1 {
				border-bottom: none;
				}

		#menu-hauptmenue li.menu-item, 
		#menu-hauptmenue .menu li.page_item {
			padding-bottom: 12px;
		}

		header a.ct-menu-link, 
		#menu-hauptmenue-1 a.ct-menu-link { 
					flex-direction: column; 
				}

		 header .ct-icon-container.ct-left {
              margin-inline-end: 0 !important;
              margin-bottom: 12px;
              transform: scale(1.3);
          	}
			#menu-hauptmenue-1 .ct-icon-container.ct-left {
				  margin-inline-end: 0 !important;
				  margin-right: 0 !important;
				  margin-bottom: 0;
				  transform: scale(1.3);
				}

		#offcanvas .ct-panel-content-inner {
			overflow: visible;
		}


        header a.ct-menu-link:hover .ct-icon-container {
              transform: scale(1.6);
              margin-bottom: 16px;			
              }

         header a.ct-menu-link:hover { margin-top: -12px; }





				
	
	
    


          header .ct-icon, 
          header .ct-icon-container svg { height: auto !important;	}

          header .menu-item-75 .ct-icon-container svg { width: 65px !important;	}






	

	   
/* Inhalte
__________________________________________________________________________________*/





	

/* Footer 
__________________________________________________________________________________*/

		
		footer h3 { font-size:var( --step-1); margin: 0 !important; }   

		[data-footer*="type-1"] .ct-footer [data-row*="middle"] {		}


		@media (max-width: 999px) {
			[data-footer*="type-1"] .ct-footer [data-row*="middle"] {
			}
		}

		@media (min-width: 1000px) {
			footer .menu-item-25 { margin-left: 8vw !important; }
		}







/* Plugins 
__________________________________________________________________________________*/

    
		/* Blocksy
        -------------------------------------*/
		
		.ct-icon-container { margin-bottom: 2px; }

		.ct-popup { 
			-webkit-backdrop-filter: blur(6px);
			backdrop-filter: blur(6px);  	
		}


		xxx#main-container { padding-bottom: 0 !important;}


		[class*=ct-contact-info] li { grid-column-gap: 5px !important;	}

		.ct-shortcuts-container {
			z-index: 99 !important;
		}
		.ct-shortcuts-bar-items,
			[data-header*="type-1"] #offcanvas {
				-webkit-backdrop-filter: blur(6px);
				backdrop-filter: blur(6px);
			}




		/* Complianz
        -------------------------------------*/
			#cmplz-cookies-overview .cmplz-dropdown p, 
			#cmplz-document .cmplz-dropdown p, 
			#cmplz-document li, 
			#cmplz-document p, 
			#cmplz-document td {
				font-size: 1rem;
			}

			#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; }
			#cmplz-document b { font-weight: 700; }
			#cmplz-document h2, #cmplz-document h3 { margin-top: 2em !important; margin-bottom: 0 !important; }
				




		/* Stackable Blocks 
		__________________________________________________________________________________*/

				xx.stackable-container {
                      padding-top: 8% !important;
                      padding-bottom: 8% !important;
					
                      }
					xx.stackable-container-oben { padding-top: 8% !important; }
					xx.stackable-container-unten {padding-bottom: 8% !important; }


			   .liste-mit-linien ul li {
					list-style: none; 
					border-bottom: 1px solid rgba(255, 255, 255, 30%) !important;
					margin: 0 -0.25em;
					padding: 1.25em 0.25em;
				   }
				.circle-content-inner ul  { padding-inline-start: 0; }
				.circle-content-inner ul li { padding: 0.5em 0.25em; }


			   .liste-mit-linien ul li:last-child {
						border-bottom: none !important;
				 }
	


				/* kleinerer Text für Counter-Blöcke */
				.stk-block-count-up__text {
					width: 150px;
					line-height: 36px!important;
				}
				.stk-block-count-up__text em {
					font-size: 0.5em;
					font-style: normal;
					font-weight: 300;
					text-box: trim-both cap alphabetic;
				}

				.stk-block-count-up__text span {
					margin-top: -12px !important;
				}



			
	




				/* Tabellen
				__________________________________________________________________________________*/

					.wp-block-table.is-style-regular table {
						width: auto !important;
						table-layout: auto !important;
					}
					.wp-block-table.is-style-regular table, 
					.wp-block-table.is-style-regular table th, 
					.wp-block-table.is-style-regular table td {
						border: none !important;
						border-collapse: inherit;
						border-spacing: 0px;
					}
					.wp-block-table.is-style-regular table td {
						border-bottom: 1px solid #ccc !important;
					}
					.wp-block-table.is-style-regular table tr:last-child td {
						border-bottom: none !important;
					}
					.wp-block-table.is-style-regular table td:first-child {
						font-weight: 600;
						padding-right: 2em;
						text-align: right;
						vertical-align: baseline;
					}
					.wp-block-table.is-style-regular table tr:last-child td {
							border-bottom: none !important;
					}






		/* Meow Lightbox
		__________________________________________________________________________________*/
			.mwl.visible {
				-webkit-backdrop-filter: blur(6px);
				backdrop-filter: blur(6px); 
			}
			.mwl__slider__image__thumbnail img { border-radius: 3px;}
			.mwl__topbar__controls__control--fullscreen { visibility: hidden; }






		/* DrDsgvO Map -------------------------------------*/

			#kontakt-container {
				pointer-events: none;
			}	

			#drdsgvo_map { height: 400px; }
				@media (min-width: 1000px) {
					#drdsgvo_map { height: auto; }
				}



            #drdsgvo_map .ol-control button {  background-color: var(--theme-palette-color-1) !important;}
            #drdsgvo_map .ol-attribution li a {
                color: var(--theme-palette-color-1) !important;
                text-decoration: none;
            }


			.ol-zoom {
                top: 1.5em !important;
                left: 0.3em;
            }
            .ol-touch .drdsgvo_initbtn {
                top: 3em;
                left: 1.1em;
            }
            .drdsgvo_routebtn,
			.drdsgvo_initbtn {
                display: none;
            }




		

	/* JetForms
        -------------------------------------*/	

			.jet-form-builder__field:not(.checkboxes-field):not(.radio-field):not(.range-field) {
				background-color: rgba(255,255,255,0.50);
				border: none;
				}
			.jet-form-builder__field-label.for-checkbox>span::before {
				background-color: #fff;
				}
		
			.jet-form-builder__field-label.for-checkbox :checked+span::before {
				border-color: var(--theme-palette-color-1) !important;
				background-color: var(--theme-palette-color-1) !important;
				}

			.jet-form-builder [type='text'], 
			.jet-form-builder [type='password'], 
			.jet-form-builder [type='date'], 
			.jet-form-builder [type='datetime'], 
			.jet-form-builder [type='datetime-local'], 
			.jet-form-builder [type='month'], 
			.jet-form-builder [type='week'], 
			.jet-form-builder [type='email'], 
			.jet-form-builder [type='number'], 
			.jet-form-builder [type='search'], 
			.jet-form-builder [type='tel'], 
			.jet-form-builder [type='time'], 
			.jet-form-builder [type='url'], 
			.jet-form-builder [type='color'], 
			.jet-form-builder textarea {
				margin-bottom: 0 !important;
				padding-top: 35px !important;
				padding-bottom: 15px !important;
				padding-left: 9px !important;
				border-radius: 3px !important;
				background-color: rgba(255,255,255,0.50) !important;
				box-shadow: 0 0 0 !important;
				border: 0px solid var(--theme-palette-color-3) !important;
				}


			.jet-form-builder input[required],
			.jet-form-builder textarea[required],
			.jet-form-builder select[required] {
				border: 0px solid var(--theme-palette-color-1) !important;
				background-color: rgba(255,255,255,0.90) !important;
				}  

					.jet-form-builder input:focus,
					.jet-form-builder textarea:focus { 
						background-color: rgba(255,255,255,1.00) !important;
						color: #000;
						border: 1px solid var(--theme-palette-color-1) !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.01);
						}

		

			/* Label inline */
			.jet-form-builder .field-type-text-field,
			.jet-form-builder .field-type-textarea-field {
				margin-top: -12px !important;		
				}				
				.jet-form-builder .field-type-text-field label,
				.jet-form-builder .field-type-textarea-field label {
					z-index: 2;
					bottom: -35px;
					left: 16px;
					position: relative;
					pointer-events: none;
					}
					.jet-form-builder .field-type-text-field:focus-within label,
					.jet-form-builder .field-type-textarea-field:focus-within label,
					.jet-form-builder .input-filled label {
						bottom: -25px;
						left: 8px;
						color: rgb(0 0 0 / 0.5) !important;
						font-size: 0.7em !important;
						}

			.jet-sm-gb-b568fc13-f070-4a8b-bb12-b039ef493376 .checkradio-wrap { 
				display: flex; 
				justify-content: center;
				}

			.jet-form-builder__field-wrap.checkradio-wrap:not(:first-child) {
				padding-top: 0 !important;
			}
			
			.jet-form-builder__desc { margin-top: 0.5em; }

			.jet-form-builder .jet-container.plz-ort {
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				padding: 0;
			}
			.jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(2) { width: 27% !important; margin-right: 3%; }
			.jet-form-builder .jet-container.plz-ort .jet-form-builder-row:nth-child(3) { width: 70% !important; }
			.jet-form-builder .jet-form-builder__desc { line-height: 1.3em; }
			.jet-form-builder__submit-wrap {
				justify-content: flex-end;
			}
			.jet-form-builder__submit {
				background-color: var(--theme-palette-color-1) !important;
			}
			.jet-form-builder__submit:hover {
				background-color: var(--theme-palette-color-2);
			}

			.jet-form-builder-row.field-has-error .error-message { color: #990000 !important; }
			.jet-form-builder-message--success { background-color: #fff; border-radius: 3px; border: 0px !important;  }







/* NEXTER
________________________________________________ */



.tpgb-batch-start { color: #000 !important; }
.fas, .fa-star, .b-star { color: #ED9B2F !important; }




/* Animationen 
__________________________________________________________________________________*/	
	input,
    textarea,
    input[type=submit],
    select,
	label,
	tr,
    .linktext,
	.ugb-card__image,
	.ugb-card__description,
	.ugb-card .ugb-card__subtitle,
	.ugb-card .ugb-card__title,
	.tpgb-featured-image img,
	.wp-block-image img,
	.ct-icon-container,
	#rueckrufbitte,
	.cardbutton a,
	.stk-block-heading,
	.card,
	.box,
	img,
	.stk-block-background,
	.mwl,
	.mwl__slider__image__thumbnail__high-res landscape,
	.animiert,
	.animiert div {		
		transition: all 0.3s ease !important;
	    }