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



Minerva: #73668a
ncm: #9ca986

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

Merrieweather
Roboto Condensed
Source Sans Pro

*/
	


/*Safari 14 Fix*/
article > .entry-content > * {
	margin-left: auto;
	margin-right: auto;
}



/* lose und freie Klassen 
__________________________________________________________________________________*/



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


	/* @link https://utopia.fyi/type/calculator?c=320,16,1.25,1290,16,1.414,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.50rem, calc(0.69rem + -0.23vw), 0.64rem);
		  --step--1: clamp(0.71rem, calc(0.83rem + -0.15vw), 0.80rem);
		  --step-0: clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);
		  --step-1: clamp(1.25rem, calc(1.20rem + 0.27vw), 1.41rem);
		  --step-2: clamp(1.56rem, calc(1.42rem + 0.72vw), 2.00rem);
		  --step-3: clamp(1.95rem, calc(1.66rem + 1.44vw), 2.83rem);
		  --step-4: clamp(2.44rem, calc(1.93rem + 2.57vw), 4.00rem);
		  --step-5: clamp(3.05rem, calc(2.19rem + 4.29vw), 5.65rem);
		}
		
		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; }
		.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 {margin: 80px 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;
				}
			}











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


						.wp-block-table.is-style-stripes table {
								backdrop-filter: blur(6px);
							}

					.wp-block-table.is-style-stripes table, 
					.wp-block-table.is-style-stripes table th, 
					.wp-block-table.is-style-stripes table td {
						/*border-width: var(--table-border-width, 2px) !important;
						border-style: var(--table-border-style, solid) !important;*/
						border: none !important;
						border-collapse: inherit;
						border-spacing: 2px;

					}

						.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
							background-color: rgba(0,0,0,0.00) !important;
						}

						.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
							background-color: rgba(156,169,134,0.20);
							border-radius: 1px;
						}
						.wp-block-table.is-style-stripes tbody tr:nth-child(even) td {
							background-color: rgba(156,169,134,0.10);
							border-radius: 1px;
						}


								


						.single-minerva .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
							background-color: rgba(148,131,180,0.30);
						}
						.single-minerva .wp-block-table.is-style-stripes tbody tr:nth-child(even) td {
							background-color: rgba(148,131,180,0.15);
						}








/* Header 
__________________________________________________________________________________*/





		#header [data-row*='top'] {	}

		#header [data-row*='top'] .telefon {
			 margin: -5px 4px 0 0; 
		}
		#header [data-row*='top'] .mail {
					 margin: -3px 3px 0 0; 
				}

		#header [data-row*='middle'] {	}

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


			body:not(.home) .site-logo-container img {
			  /* Stile für das Logo auf nicht Startseite */
 			 filter: saturate(0%) brightness(20%);
			}





/* Menü 
	__________________________________________________________________________________*/

		@media screen and (max-width: 1460px) and (min-width: 1301px) {
			
				
			
		}

		@media screen and (max-width: 1200px) and (min-width: 1000px) {
			
			[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a  { 
				padding-right: 8px; 
				padding-left: 8px;
				font-size: 0.75em;	
			}	
			
		}




		/* Menü im CPT welches Siblings zeigt - siehe Functions.php
			__________________________________________________________________________________*/
				#submenu {
					list-style: none; /* Entfernt die Aufzählungspunkte */
					padding: 0; /* Setzt das Padding auf 0 */
					display: flex; /* Aktiviert Flexbox für das Menü */
					flex-direction: column; /* Legt die Ausrichtung der Elemente auf vertikal fest */
					margin-top: -0.75em;
				}

				#submenu li {
					padding: 1em 0; /* Setzt das Padding oben und unten auf 10px */
					border-top: 1px solid black; /* Fügt eine 1px dicke schwarze obere Trennlinie hinzu */
				}
				#submenu li.active {
					font-weight: 500 !important;
					}
				#submenu li:hover{
					color: var(--theme-palette-color-1);
					}

				#submenu li:first-child {
					padding-top: 0; /* Kein Padding oben für das erste Element */
					border-top: none; /* Entfernt die obere Trennlinie für das erste Element */
				}

				#submenu li:last-child {
					border-bottom: none; /* Entfernt die untere Trennlinie für das letzte Element */
				}

				#submenu li a {
					display: block; /* Macht die Links zu Blockelementen */
					line-height: 1.3em;
				}

				#submenu li {
					/*white-space: nowrap;  Verhindert den Zeilenumbruch der Menüpunkte */
				}

				#submenu {
					width: fit-content; /* Passt die Breite des Menüs an die Breite des längsten Elements an */
				}


  


/* Startseite
__________________________________________________________________________________*/


	.postid-5078 #headerblock-ncm { background-color: var(--theme-palette-color-12) !important;  } /*NCM Kalkmörtel*/
	.postid-2952 #headerblock-ncm { background-color: var(--theme-palette-color-16) !important;  } /*NCM Romanmörtel*/
	.postid-3065 #headerblock-ncm { background-color: var(--theme-palette-color-9) !important;  } /*NCM Cortical*/

	.postid-7870 #headerblock-service { background-color: var(--theme-palette-color-23) !important;  } /* Service Versandkostenanfrage*/
	.postid-7554 #headerblock-service { background-color: var(--theme-palette-color-15) !important;  } /* Service Materialservice Objektmörtel*/
	.postid-7548 #headerblock-service { background-color: var(--theme-palette-color-20) !important; color: #ffffff !important; } /* Service Planungsservice */
		.postid-7548 #headerblock-service h1 { color: #ffffff !important; } /* Service ÜPlanungsservice */




/* Minerva CPT Einzelseite
__________________________________________________________________________________*/

	.single-minerva #main,
	.post-type-archive-minerva #main {
	}



	.single-minerva,
	.post-type-archive-minerva,
	.ct-header [data-id="menu"] .sub-menu {
		--frame-color: #73668a;
		--linkHoverColor: #73668a;
	 	--dropdown-background-color: rgba(115,102,138,0.10);
	}

	#menu-item-2083 li[class*=current-menu-]>a,
	#menu-item-2083.current-menu-item > a,
	#menu-item-2083.current-menu-parent > a,
	#menu-item-2083 a:hover,
	#menu-item-2083 a:active {
		color: #73668a !important;
	}










/* allgemeine Inhalte
__________________________________________________________________________________*/


.kasten {
	backdrop-filter: blur(6px);
	background-color: rgba(255,255,255,0.80);
	border-radius: 3px;
	border-color: rgba(255,255,255,0.95);
}
	

.kasten.ncm {
	background-color: rgba(156,169,134,0.50);
	border-color: rgba(156,169,134,0.80);
}

.kasten.minerva {
	background-color: rgb(188 178 206 / 80%);
	border-color: rgba(255,255,255,0.80) !important;
}


.link-container:hover {
	transform: scale(1.02);
}




/* Footer 
__________________________________________________________________________________*/
   
footer {
	margin-bottom: 40px;
}

body:not(.home) .hide-if-not-home {
	display: none;
}


@media (min-width: 1000px) {
	
	footer ul li a {
		line-height: 0.5em;
	}

}


/* Stackable Blocks 
__________________________________________________________________________________*/





/* Plugins 
__________________________________________________________________________________*/

		
		/* Gutenberg
        -------------------------------------*/

		.wp-block-media-text .wp-block-media-text__content {
			padding: 0 8% 0 0;
		}




		/* Blocksy
        -------------------------------------*/

		.ct-shortcuts-container {
			z-index: 99 !important;
		}

		.ct-shortcuts-bar-items,
		[data-header*="type-1"] #offcanvas,
		[data-header*="type-1"] #search-modal {
			backdrop-filter: blur(6px);
		}

		#offcanvas  .sub-menu .ct-menu-link:not(:empty) { 
			padding: 0.5em 0;
			font-size: 0.875em;
				}
		#offcanvas .sub-menu .sub-menu .ct-menu-link:not(:empty) { 
			padding: 0.5em 0;
			font-size: 0.875em;
				}


		


      
		/* The Plus Blocks
        -------------------------------------*/



		/* 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(--paletteColor3) !important;
				opacity: 1;
			}

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

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


		.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    		text-align: center;
		}






		/* Versandkostenrechner
        -------------------------------------*/

			#zone1, #zone2, #zone3, #zone4, #zone5, #zone6 { 
				display: none;
			} 

			/* CSS im Stylesheet hinzufügen */
			.highlighted {
				background-color: #fff; /* Ändern Sie dies entsprechend Ihren Designanforderungen */
			}

			[id^="zone"] thead tr:first-child {
				background-color: #99116C;
				color: #fff;
				text-align: center;
			}

		[id^="zone"] table:not(.has-border-color) td, 
		[id^="zone"] .wp-block-table table:not(.has-border-color) th,
		[id^="zone"] .wp-block-table table:not(.has-border-color) thead {
			border-color: #99116C !important;
		}
		.postid-7870 button#sendButton {background-color: #99116C; }




		/* 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.25em 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(--paletteColor3) !important;
			}

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


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


			.kaliforms-form-container textarea { min-height: 250px;} 
			.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;
				background-color: rgba(200, 200, 200,0.5) !important;
				box-shadow: 0 0 0 !important;
				border: 1px solid rgba(156, 169, 134,0.0) !important;
				backdrop-filter: blur(6px);
				}


			.kaliforms-form-container input[required],
			.kaliforms-form-container textarea[required],
			.kaliforms-form-container select[required] {
				border: 1px solid rgba(156, 169, 134,0.00) !important;
				background-color: rgb(156, 169, 134,0.5) !important;
			}  

					.kaliforms-form-container input:focus,
					.kaliforms-form-container textarea:focus { 
						background-color: rgba(255,255,255,0.75) !important;
						color: #000;
						border: 1px solid var(--paletteColor1) !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);
						}

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

			.kaliforms-form-container [type='submit'], 
			.kaliforms-form-container [type='button'] {
				float: right !important;
			}


		div[id^="kaliforms-thank-you"] {
			background-color: rgba(219,229,191,1.00);
			border-radius: 3px;
			padding: 2em;
			margin-top: 2em;
			}
		
		div[id^="kaliforms-thank-you"] h2 {			
			font-size: 1.6em;
			font-weight: 600;
			}




/* 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,
	div[id^="kaliforms-thank-you"] {
		transition: all 0.3s ease !important;
	    }