/**
 * 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 (min-width: 768px) {}
@media (max-width: 999x) {}

Merrieweather
Roboto Condensed
Source Sans Pro

*/
	

		@media (max-width: 999px) {}			
		@media (min-width: 1000px) {}



		html {
			background-image: url(/wp-content/uploads/2023/06/hintergurnd-beton.webp);
			background-repeat: repeat-y;
			background-size: 100%;
		}



		@media (min-width: 768px) {
			
			body { background-size: 100% auto !important; }

		}





/* lose und freie Klassen 
__________________________________________________________________________________*/


	/* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1290,18,1.25,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.69rem, calc(0.69rem + 0.04vw), 0.72rem);
		  --step--1: clamp(0.83rem, calc(0.81rem + 0.11vw), 0.90rem);
		  --step-0: clamp(1.00rem, calc(0.96rem + 0.21vw), 1.13rem);
		  --step-1: clamp(1.20rem, calc(1.13rem + 0.34vw), 1.41rem);
		  --step-2: clamp(1.44rem, calc(1.34rem + 0.52vw), 1.76rem);
		  --step-3: clamp(1.73rem, calc(1.57rem + 0.77vw), 2.20rem);
		  --step-4: clamp(2.07rem, calc(1.85rem + 1.11vw), 2.75rem);
		  --step-5: clamp(2.49rem, calc(2.18rem + 1.56vw), 3.43rem);
		}
		
		h1 { font-size: var(--step-3); margin-top: 0 !important; margin-bottom: 0.75em !important; }
		h2, .h2-groesse h1 { font-size: var(--step-2) !important; margin-bottom: 0.75em !important; }
		h3 { font-size: var(--step-1); margin-bottom: 1em !important; }
		h4 { font-size: var(--step-0); margin-bottom: 1em;  }
		h5 { font-size: var(--step--1); 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 {
			column-count:  2;
			column-width: 300px;
			column-gap: 8em;
			column-rule: 1px solid rgba(0,0,0,0.25);
			display: block;
			hyphens: auto;
			}
			.margin-bottom-0 { margin-bottom: 0 !important; }

		



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


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



		.box  {
			background-color: rgba(209,153,156,0.20);
			border-radius: 3px;
			padding: 3vw 2vw 2vw 2vw;
				}
		.box.klein  {
			padding: 1vw;
		}
		.box:hover  {
			background-color: rgba(209,153,156,0.40);
		}




	


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

		.wp-block-image:hover a img {		
			/*box-shadow: var(--shadow-elevation-high) !important; */		
			transform: scale(1.1);
			z-index: 99;
		}
  
		.schein { background: radial-gradient(100% 100%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 20%);	}








/* Overlay
__________________________________________________________________________________*/

	.parallax-element {
	  position: absolute;
	  background-repeat: no-repeat;	
	  background-size: contain;
	  background-position: left center;
	  pointer-events: none;
	  z-index: 9999999;
	}
	#pampas_links {
	  top: 40%;
	  left: 0;
	  width: 15vw;
	  height: 100%;
	  background-image:  url('/wp-content/uploads/2023/06/Pampasgras_links.webp');
	  background-position: left center;
	  pointer-events: none;
	  opacity: 1.0;
	}
	#pampas_rechts {
	  top: 55%;
	  right: 0;
	  width: 15vw;
	  height: 100%;
	  background-image:  url('/wp-content/uploads/2023/06/pampasgras-rechts.webp');
	  background-position: right center;
	  opacity: 0.9;
	}








/* Header 
__________________________________________________________________________________*/

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

	#header {
		height: 46vw;
	}
	
	.site-logo-container img {
		max-width: 19vw !important;
	}
		@media (min-width: 2000px) {
			.site-logo-container {
				margin-top: 30px;
			}
		}

			@media (max-width: 768px) {
					.site-logo-container img {
						max-width: 100% !important;
					}		
				
				#header { height: 68vw; }			
		}




/* Menü 
__________________________________________________________________________________*/

		nav.header-menu-1 {
			position: relative;
			height: 50px;
		}
		nav.header-menu-1::after {
			content: "";
			position: absolute;
			bottom: -3px;
			left: 0;
			right: 0;
			height: 3px;
			background-color: rgba(255,255,255,0.70);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
		}



		ul.sub-menu:after {
			backdrop-filter: blur(6px);
			content: "";
			display: block;
			height: 100%;
			width: 100%;
			position: absolute;
			z-index: -1;
			left: 0;
			top: 0;
		}

.mobile-menu .sub-menu a {
	padding: 1em 0 !important;
	font-weight:  400;
	font-size: 0.85em;
}


/* Inhalte
__________________________________________________________________________________*/


		.buch {
			position: relative;
			padding: 5% 5vw 5% 4vw;
			background-image: url(/wp-content/uploads/2023/06/Buch_mitte.webp);
			background-size: 100% auto;
			background-repeat: repeat-y;
		}
		.buch .stk-inner-blocks>:first-child  {
			padding-right: 2vw !important;
		}
		.stk-block.buch:after, 
		.stk-block.buch:not(.stk--has-background-overlay):before {
			content: "" !important;
		}
		.buch::before,
		.buch::after {
			position: absolute;
			top: 0;
			width: 100%; /* Breite des Start-/Endblocks */
			height: 100%;	
			background-repeat: no-repeat;
			background-size: 100% auto;
		}
		.buch::before {
			left: 0;
			background-image: url(/wp-content/uploads/2023/06/Buch_oben.webp); /* Hintergrundgrafik des Startblocks */
			background-position: top center;
		}
		.buch::after {
			right: 0;
			background-image: url(/wp-content/uploads/2023/06/buch_unten.webp); /* Hintergrundgrafik des Endblocks */
			background-position: bottom center;
		}




		@media (max-width: 999px) {

			.buch {
					padding: 5% 8vw 5% 14vw;
					background-image: url(/wp-content/uploads/2023/07/Buch_mitte_tablet.webp);
				}
			.buch::before {
					left: 0;
					background-image: url(/wp-content/uploads/2023/07/Buch_oben_tablet.webp); /* Hintergrundgrafik des Startblocks */
				}
				.buch::after {
					right: 0;
					background-image: url(/wp-content/uploads/2023/07/buch_unten_tablet.webp); /* Hintergrundgrafik des Endblocks */
				}

		}

		@media (max-width: 768px) {

					.buch {
							margin-right: 8px !important;
							width: auto !important;
						}
				}

		

		blockquote {
			font-size: calc(20px + (44 - 20) * ((100vw - 320px) / (1600 - 320))) !important;
		}


		.wp-block-navigation__container:only-child, 
		.wp-block-page-list:only-child {
			flex-grow: 1;
			width: 100%;
			display: block;
		}


		.buch .inhaltsverzeichnis {
			margin-left: 1em;
		}
		.buch .inhaltsverzeichnis a:first-child {
			font-weight: bold;
			margin-left: -1em;
			}
		.buch .inhaltsverzeichnis a {
			color: var(--theme-palette-color-3);
			line-height: 2.5em;
			text-decoration: none;
		}
.buch .inhaltsverzeichnis a:hover {
	color:  var(--theme-palette-color-1);
		}
		

		.buch .inhaltsverzeichnis a:after {
			content: "   . . . . . . . .   »";
			margin-left: 0.7em;
			color:  var(--theme-palette-color-1);
			}




/* Footer 
__________________________________________________________________________________*/
   


footer .rueckrufbitte { max-width: 150px; }




/* Plugins 
__________________________________________________________________________________*/

    
		/* Blocksy
        -------------------------------------*/
		.ct-popup { backdrop-filter: blur(6px); }

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




		/* Social Feed - Instagram */
			.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;
			}



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

			#cmplz-cookiebanner-container {
				position: absolute;
				z-index: 99999999;
			}

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

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

				@media (max-width: 999px) {
					.circle-content-inner p,
					.circle-content-inner ul li { font-size: 0.80rem; line-height: 1.2em;}	
				}
				@media (max-width: 767px) {
					.circle-content-inner p,
					.circle-content-inner ul li { font-size: 0.65rem; line-height: 1.2em;}	
				}

		







		/* 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(--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(-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(--theme-palette-color-3);
				}


			.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(255,255,255,0.30) !important;
				box-shadow: 0 0 0 !important;
				border: 1px solid rgba(0,0,0,0.00) !important;
				}


			.kaliforms-form-container input[required],
			.kaliforms-form-container textarea[required],
			.kaliforms-form-container select[required] {
				border: 1px solid var(--theme-palette-color-6) !important;
				background-color: rgba(255,255,255,0.60) !important;
									}  

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





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

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




/* 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,
	div[id^="kaliforms-thank-you"],
	.tpgb-featured-image img,
	.wp-block-image img,
	.ct-icon-container,
	#rueckrufbitte,
	.cardbutton a,
	.stk-block-heading,
	.card,
	.box {		
		transition: all 0.5s ease !important;
	    }