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


/* @link https://utopia.fyi/type/calculator?c=320,14,1.067,1290,16,1.125,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.7686rem, 0.7614rem + 0.0356vi, 0.7901rem);
  --step--1: clamp(0.8201rem, 0.7973rem + 0.1135vi, 0.8889rem);
  --step-0: clamp(0.875rem, 0.8338rem + 0.2062vi, 1rem);
  --step-1: clamp(0.9336rem, 0.8705rem + 0.3157vi, 1.125rem);
  --step-2: clamp(0.9962rem, 0.9073rem + 0.4444vi, 1.2656rem);
  --step-3: clamp(1.0629rem, 0.9439rem + 0.5953vi, 1.4238rem);
  --step-4: clamp(1.1341rem, 0.9799rem + 0.7714vi, 1.6018rem);
  --step-5: clamp(1.2101rem, 1.0149rem + 0.9763vi, 1.802rem);
}



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



		
		h1, h2, h3, h4, h5, h6 { 
			    margin-bottom: calc(var(--has-theme-content-spacing, 1)*(.5em + 8px)) !important;
		}
		

		p {  margin-bottom: 0.75em !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: 500 !important; }
		
		.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; }


		.entry-content figcaption {
			text-align: right !important;
			color: #787878;
			font-size: var(--step--2) !important;
			font-weight: 300;
		}



		.wp-block-image.alignfull.size-full { margin-bottom: 24px; }

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

		.wp-block-image.rahmen img,
		.blocks-gallery-item.rahmen img { 
			border: 6px solid #fff;
			box-shadow: var(--shadow-elevation-medium);
		}

		.wp-block-image.rahmen.alignright img,
		.blocks-gallery-item.alignright img { 
			max-width: 60%;
			float: right;
		}



		.wp-block-image.schatten:hover img {		
			box-shadow: var(--shadow-elevation-high) !important; 		
			transform: scale(1.05) 0;
			z-index: 999;
		}


		.wp-block-image:hover a img {  
			--shadow-color: 0deg 0% 25%;
			--shadow-elevation-high: 2px 10px 20px  hsl(var(--shadow-color) / 0.9);
			box-shadow: var(--shadow-elevation-high) !important; 
			transform: scale(1.1) rotate(-2deg);
			z-index: 99;
			}
		 .wp-block-image.rechts:hover a img { transform: scale(1.1) rotate(2deg); }



		.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
			margin-bottom: 8px;
		}


		.hyphen p {
			 word-wrap: break-word;
		  overflow-wrap: break-word;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
				hyphens: auto;
		}

		.keine-linkmarkierung a { link-decoration: none !important; text-decoration: none; }
		.schein { background: radial-gradient(100% 100%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 20%);	}

			
		.box  {
			background-color: rgba(255,255,255,0.75);
			border: 1px solid #ffffff !important;
			border-radius: 3px;
			padding: 4vw;
			box-shadow: var(--shadow-elevation-medium);
			}
			.box.klein  {
				padding: 1vw;
			}
			.box:hover  {
				background-color: rgba(255,255,255,0.9);
				box-shadow: var(--shadow-elevation-high);
			}

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






/* Header 
__________________________________________________________________________________*/

		header [class*=ct-contact-info] .contact-info {
			flex-direction: row;	 	
			}
		header .contact-info.ct-icon-container {
			margin-bottom: -1px;
			}		
		header .contact-info .contact-title { 
			margin-right: 0.5em;
   			font-weight: 300;
			}			
		header .contact-info .contact-text { 
			color: var(--theme-palette-color-1);
			font-weight: 700;
			}



		.headerstreifen1, 
		.headerstreifen2 {
			z-index: 2;
			margin-top: -20px;
			position: relative;			
			display: block;
			height: 12px;
			-webkit-backdrop-filter: blur(6px);
			backdrop-filter: blur(6px);
			background-color: rgba(255,255,255,0.60);
			margin-bottom: 0 !important;
		}
			.headerstreifen2 {
				background-color: rgba(255,255,255,0.80);
				height: 8px;
				margin-top: 0;
			}
		

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="top"] .ct-container  {
	-webkit-backdrop-filter: blur(6px);
			backdrop-filter: blur(6px);
	border-radius: 0 0 3px 3px;
}


/* Menü 
__________________________________________________________________________________*/

		[data-header*="type-1"] .ct-header [data-row*="middle"] {
			--height: 0px;
			}



		#offcanvas .ct-panel-inner {
				-webkit-backdrop-filter: blur(6px);
						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;
				}





/* Inhalte
__________________________________________________________________________________*/

		.page-id-38 .ct-container-full,
		.page-id-38 footer {  
			background-color: var(--theme-palette-color-6) !important; 
		} 

	.stk-5e864c9 .stk-block-heading__bottom-line { width: calc(100% - 180px); margin-top: -28px; }
	@media (max-width: 999px) {	.stk-5e864c9 .stk-block-heading__bottom-line { width: calc(100% - 155px); margin-top: -26px; } }
	@media (max-width: 767px) {	.stk-5e864c9 .stk-block-heading__bottom-line { width: calc(100% - 145px); margin-top: -22px; } }




footer .oeffnungszeiten table td {
	padding: 0.5em 0 ;
	vertical-align: top;
}
footer .oeffnungszeiten table tr td:first-child {
	padding-right: 1em;
}

footer .oeffnungszeiten table td {
	border-bottom: 1px solid rgba(255,255,255,0.50) !important;
}
footer  .oeffnungszeiten table tr:last-child td {
	border-bottom: 0px !important;
}





/* Footer 
__________________________________________________________________________________*/
   

	footer h3 { color: #ffffff; }



	footer .menu-item-47 { margin-right: 5vw; }



/* Plugins 
__________________________________________________________________________________*/

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

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


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

		.post-navigation {  max-width: 800px !important; }
		.post-navigation .item-label { display: none; } 


		[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: var(--step-3);
				margin-top: var(--step-3);
				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; }

			.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
			color: #000;
		}	


		/* Stacking Buttons */
		.cmplz-cookiebanner .cmplz-buttons {flex-wrap: wrap !important;}
		.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
		.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
		.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {flex:1 !important; }


		.cmplz-cookiebanner .cmplz-categories .cmplz-category {
			background-color: #ffffff !important;
			border-radius: 2px;
		}
		.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
			color: black;
		}

		.cmplz-cookiebanner  input[type=checkbox]:focus {
			border-color: #ffffff !important;
			border: 0px !important;
			border-top-color: #ffffff !important;
			border-right-color: #ffffff !important;
			border-bottom-color: #ffffff !important;
			border-left-color: #ffffff !important;
			box-shadow: 0 0 0 0px #ffffff !important;
			outline: 0px solid transparent !important;
		}

		.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title,
		.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
			color: var(--theme-palette-color-3) !important;
		}


		/*Platzhalter*/
		.cmplz-accept-service {color: #000 !important; padding: 0.5em 1em;} 
		.cmplz-blocked-content-container {max-height: 50vh;}
		.cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice { background-color: var(--theme-palette-color-1); }

		.cmplz-blocked-content-notice {
			top: 50% !important;
			left: 50% !important;
			max-height: 140px !important;
		}






/* Stackable Blocks 
__________________________________________________________________________________*/


				.stackable-container {
                      padding-top: 6% !important;
                      padding-bottom: 6% !important;
                      }
					.stackable-container-oben { padding-top: 6% !important; }
					.stackable-container-unten {padding-bottom: 6% !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;
				 }






		/* 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
        schwarz/weiss-Variante vei Dr. DSGVO als Option anklickbar, 
        kurz vor Download. Ändert die index.php bei Proxy
			-------------------------------------*/

			#drdsgvo_map { height: 800px; }
			@media (max-width: 999px) { #drdsgvo_map { height: 500px; } }

            #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: 0.5em;
                left: 0.3em;
            }
            .ol-touch .drdsgvo_initbtn {
                top: 3em;
                left: 1.1em;
            }
            .drdsgvo_routebtn {
                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);
						}

			/* Uploadfläche */	
			input#upload {
				background: 100% !important;
				background:  rgba(255,255,255,0.8) !important;
				border: var(--theme-palette-color-1) 3px dashed !important;
				border-radius: 6px !important;
				padding: 90px 30px 30px 30px !important;
				width: 100% !important;
				position: relative;
			}
			input#upload:after {
				content: 'Daten per Drag&Drop in das Feld ziehen \A oder per Dateimanager auswählen.';
				position: absolute;	
				left: 30px;
				margin-top: -3em;
				font-size: 1.2em;
				max-width: 100%;
				word-break: break-all;
			}



			/* 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-3) !important;
			}
			.jet-form-builder__submit:hover {
				background-color: var(--theme-palette-color-7);
			}

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





/* Immowelt
__________________________________________________________________________________*/

		#iwModule #iwWidget .hm_line_02, 
		#iwModule #iwWidget .hm_line_03,
		#iwModule #iwWidget .hm_h_020 {
					 display: none;
		}

		#iwModule  {
			border-radius: 3px;
			max-width: 980px !important;
			padding: 20px !important;
			}
			

        #iwModule #iwWidget .hm_listbox {	
            padding: 0 !important;
            border: 0 !important;
            border-radius: 6px;
            }
            #iwModule #iwWidget .hm_listbox:hover {
                background-color: rgba(239,236,232,1.00);
                padding: 0 !important;
                transform: scale(1.02);
                box-shadow: var(--shadow-elevation-high);
                }


          #iwModule #iwWidget .hm_listbox a,
          #iwModule #iwWidget .hm_listbox a:hover{
              border-top:  0px !important;
              border-bottom: 0px !important;
              display: inline-block;
              margin: inherit !important;
              padding: 3% 3% !important;
              width: 100%!important;
              }

              #iwModule #iwWidget .hm_listbox a:hover h2 {
                  text-decoration: none !important;
              }


            #iwModule #iwWidget .hm_listbox .hm_icon_addresspin_genau {
                background-color: #ff0000 !important;
            }

            #iwModule #iwWidget  #list > a {
                padding-left: 12px;
            }

            #iwModule #iwWidget #list a.hm_btn_inactive:link, 
            #iwModule #iwWidget #list a.hm_btn_inactive:visited,
			#main #iwModule #iwWidget a.hm_btn,
			#iwModule #iwWidget .hm_expose_pag a.hm_btn {
                   background-color: #ef0303 !important;
                    border: 0  !important;
                    color: #fff !important;
                    border-radius: 2px !important;
                }
                #iwModule #iwWidget #list a.hm_btn_inactive:hover,
			#iwModule #iwWidget a.hm_btn:hover  {
                       background-color: #000 !important;
                }

            #iwModule #iwWidget #list select {
                border: 1px solid #ff0000 !important;
                border-radius: 2px;
                padding: 0.4em 0.5em 0.25em 0.5em !important;
                height: auto;
				}
				#iwModule #iwWidget #list select:hover {
					background-color: #ff0000;
					color: #fff;
				}




			/*  Seite 2 ____________*/


			#iwModule #iwWidget #hm_contact .hm_box_03 {
				xwidth: 224px !important;
				}

			#main #iwWidget #contactsend.hm_text_btn {
				color: #fff !important;
				background-color: #ff0000 !important;
				width: 100%;
				border-radius: 3px;
				text-align: center;
				}
			#main #iwWidget #contactsend.hm_text_btn:hover {
				background-color: #000000 !important;
				}





@media (max-width: 500px) {
				
				#iwModule  {
					padding: 6px!important;
					min-width: 320px !important;
					transform-origin: top left;
					transform: scale(0.815);
					}
				
				#iwModule #iwWidget .hm_listbox a,
				#iwModule #iwWidget .hm_listbox a:hover {
					  padding: 3% 0% !important;
					  }
}

@media (max-width: 360px) {
				
				#iwModule  {
					padding: 3px!important;
					transform: scale(0.7);
					}
}


/* 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,
	img,
	.stk-block-background,
	.mwl,
	.mwl__slider__image__thumbnail__high-res landscape,
	.animiert,
	.animiert div,
	#iwModule #iwWidget .hm_listbox {		
		transition: all 0.3s ease !important;
	    }

	#iwModule #iwWidget .hm_listbox a {transition: none !important; }