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

*/

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

			 .schatten-gelb > h3 {
				0px 0.1px 0.2px hsl(var(--shadow-color) / 0),
				0.3px 1.2px 1.9px hsl(var(--shadow-color) / 0.09),
				0.6px 2.2px 3.4px hsl(var(--shadow-color) / 0.19),
				0.9px 3.5px 5.4px hsl(var(--shadow-color) / 0.28),
				1.5px 5.5px 8.6px hsl(var(--shadow-color) / 0.37),
				2.3px 8.6px 13.4px hsl(var(--shadow-color) / 0.47);
			}

/* Video overlay, Easy Booking PopUp höher als Websiterahmen */
		#bp_container, #EBSM_overlay {
			z-index: 9990999 !important;
		}





/* Header 
__________________________________________________________________________________*/

	 .ct-header .ct-container-fluid {
		width: 100% !important;
	  }


		#header [data-row*=top] {
			margin-bottom: -204px;
		}	

		#header [data-row*=bottom] {
			margin-top: -72px;
			z-index: 9 !important;	
			pointer-events: none;
		}	




header .stk-video-background {
    z-index: 0;
}

	#header [data-row*=top] [data-column=end] { align-items: start;	}

	.header-kontakt { 
		font-family: "Roboto Condensed";
		font-size: 1.2em;
		margin-bottom: 8px !important;
		}
	.header-kontakt lord-icon { margin: -0.25rem 0.25rem 0 1rem; }
	
	.header-adresse { 
		font-family: "Roboto Condensed";
		font-size: 1em;
		font-weight: 300;
		margin-top: 0 !important;	
		}
	.header-adresse-trenner {
		color: var(--theme-palette-color-1);
		margin: 0 0.5rem;
		}

	.wischer h2 { 
		background-image: url("/wp-content/uploads/2023/02/textwischer.svg"); 
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		font-weight: 900;
		color: #ffffff;
		font-size: 2.7em !important;
		line-height: 1.1em;
		padding-bottom: 0.5em;
		}

	.header-iconbox { 
		padding-top: 0em;
		padding-bottom: 0em;
		background: rgb(255,255,255);
		background: radial-gradient(circle, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 60%);
		}		
	.header-iconbox:hover { 
		background: rgb(255,255,255);
		background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 60%);	
	}
	.header-iconbox.center { 
			border-right: 1px solid rgba(255,255,255,0.15) !important;	
			border-left: 1px solid rgba(255,255,255,0.15) !important;
			}
			@media (max-width: 767px) {
						.header-iconbox.center { 
							border-right: none  !important;	
							border-left: none !important;	
						}
			}


	.header-iconbox lord-icon { align-self: center; }

		header #lord-icon-menu h4 {
			font-size: clamp(0.7rem, 0.9vw, 1.4rem);
			}

	header .menu lord-icon { 
		position: absolute;
		top: -42px;
	}
		header .menu .more-items-container lord-icon,
		#offcanvas #menu-hauptmenue-1 lord-icon  { 
				display: none;
				}
		#offcanvas #menu-hauptmenue-1 .sub-menu .ct-menu-link:not(:empty) { 
			padding: 0.5em 0;
			font-size: calc(var(--fontSize) - 25%);
				}
		#offcanvas #menu-hauptmenue-1 .sub-menu .sub-menu .ct-menu-link:not(:empty) { 
			padding: 0.5em 0;
			font-size: calc(var(--fontSize) - 40%);
				}


	[data-header*="type-1"] .ct-header [data-row*="top"] p { margin-bottom: 0 !important; }	
	[data-header*="type-1"] .ct-header [data-row*="bottom"] > div { border-bottom: 60px solid var(--theme-palette-color-7) !important;	}

	
	#header .ct-header-text {  margin:  0 !important; }





			.last-minute-button-wrapper{ height: 0px; }

			.last-minute-button { 
				z-index: 99;	
				position: relative;
				display: inline;
			}

			/* Ausblenden der .last-minute-button.de auf der englischen, niederländischen und dänischen Übersetzung */
			:lang(en) .last-minute-button.de,
			:lang(nl) .last-minute-button.de,
			:lang(da) .last-minute-button.de {
			  display: none !important;
			}

			/* Ausblenden der .last-minute-button.en auf der deutschen, niederländischen und dänischen Übersetzung */
			:lang(de) .last-minute-button.en,
			:lang(nl) .last-minute-button.en,
			:lang(da) .last-minute-button.en {
			  display: none !important;
			}

			/* Ausblenden der .last-minute-button.nl auf der deutschen, englischen und dänischen Übersetzung */
			:lang(de) .last-minute-button.nl,
			:lang(en) .last-minute-button.nl,
			:lang(da) .last-minute-button.nl{
			  display: none !important;
			}

			/* Ausblenden der .last-minute-buttonda auf der deutschen, englischen und niederländischen Übersetzung */
			:lang(de) .last-minute-button.da,
			:lang(en) .last-minute-button.da,
			:lang(nl) .last-minute-button.da{
			  display: none !important;
			}


			.last-minute-button a { 
				font-family: Roboto Condensed;
				letter-spacing: 0.05em;
				position: relative;
				text-transform: uppercase;
				left: 4%;	
				top: -72px;
				display: inline-block;
				padding: 0.25em 1em;
				color: #fff;
				background-color: var(--theme-palette-color-5);
				border-radius: 1px;		
			}
			.last-minute-number {
				opacity: 0;
				position: absolute;
				top: 0.05em;
				left: 0;
				width: max-content;
				padding: 0.2em 1em;
				background-color: var(--theme-palette-color-3);
				color: #fff;		
				transition: all 0.8s ease !important;
				z-index: -1;
			}
			.last-minute-button.de a:hover .last-minute-number { opacity: 1;  transform: translateX(102%); }
			.last-minute-button.en a:hover .last-minute-number { opacity: 1;  transform: translateX(128%); }
			.last-minute-button.nl a:hover .last-minute-number { opacity: 1; transform: translateX(80%); }
			.last-minute-button.da a:hover .last-minute-number { opacity: 1; transform: translateX(130%); }






			/* Ausblenden der .cardbutton.de auf der englischen, niederländischen und dänischen Übersetzung */
			:lang(en) .cardbutton.de,
			:lang(nl) .cardbutton.de,
			:lang(da) .cardbutton.de {
			  display: none;
			}

			/* Ausblenden der .cardbutton.en auf der deutschen, niederländischen und dänischen Übersetzung */
			:lang(de) .cardbutton.en,
			:lang(nl) .cardbutton.en,
			:lang(da) .cardbutton.en {
			  display: none;
			}

			/* Ausblenden der .cardbutton.nl auf der deutschen, englischen und dänischen Übersetzung */
			:lang(de) .cardbutton.nl,
			:lang(en) .cardbutton.nl,
			:lang(da) .cardbutton.nl{
			  display: none;
			}

			/* Ausblenden der .cardbutton.da auf der deutschen, englischen und niederländischen Übersetzung */
			:lang(de) .cardbutton.da,
			:lang(en) .cardbutton.da,
			:lang(nl) .cardbutton.da {
			  display: none;
			}
	





		@media (max-width: 999px) {	
			

			#header {
				background-color: var(--theme-palette-color-1);
			}
			
				header [class*=ct-container] {
					margin-left: 0 !important;
					margin-right: 0 !important;
					}
			
			.last-minute-button a { 
				top: -24px;	
			}
						
			header .header-kolumne-bild {
				background-color: transparent !important;
			}
			
			div[data-block="hook:7945"] { margin-bottom: 0; }
			#header [data-column=middle] p:first-child,
			#header [data-column=middle] p:last-child { display: none; }
			
		}

			
		@media (min-width: 1000px) {
			
				#header [data-column=middle] {
					}
		
				body:not(.home) #header [data-column=middle] {
					background-image: url("/wp-content/uploads/2023/02/hintergrund_header2.svg");
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
				}
		}





/* Menü 
__________________________________________________________________________________*/

	[class*=header-menu] .menu { margin-bottom: -40px; pointer-events: all; }

	.sub-menu, 
	.sub-menu ul {
				-webkit-backdrop-filter: blur(6px);
						backdrop-filter: blur(6px);
	}





/* lose und freie Klassen 
__________________________________________________________________________________*/


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

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

	
	hr {margin: 80px auto !important; }
	b, strong { font-weight: 700; }
	p { margin-bottom: 0.875em !important; }
	
	.small { font-size: 0.875em; }
	.blocksatz { text-align: justify; hyphens: auto }
     
    .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-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.05);
			z-index: 99;
		}


		header .stk-highlight { color: var(--theme-palette-color-1) !important; }
		.background-multiply { background-blend-mode: multiply;}
  
		.schein { background: radial-gradient(100% 100%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 20%);	}





/* Inhalte
__________________________________________________________________________________*/

	
		#main .holz:before { opacity: 0.97 !important; }


		/*Easy Booking Buchungsanfrage*/		
				#auszeichnungen form > .control-group:first-child,
				#auszeichnungen .ebsmRooms {
					xxxxwidth: calc(300px + 24%);
					border-radius: 3px;
					padding: 12%;
					background-color: #ffffff;
					margin-bottom: 24px;
				}
				#auszeichnungen .cicolors {
					background: #ffffff !important;
					color: #000000 !important;
					margin-right: -24%;
				}
				#auszeichnungen .boxSized select {
					height: 40px !important;
				}
				#auszeichnungen #smwrap .btn-large {
					float: left !important;
				}


			.inhalt-hell {
				background-color: rgba(255,255,255,0.75);
				border-radius: 3px;
			}


			

			.last-minute-template-default #main,
			.unterkuenfte-template-default #main {
				padding-top: 3vw !important;
			}





/* Footer 
__________________________________________________________________________________*/
   


	#footer.wp-block-stackable-columns a {
		text-decoration: none;
	}
	#footer.wp-block-stackable-columns a:hover {
	}

	#footer .wp-element-button,
	#footer .wp-element-button:hover {
		text-decoration: none;
	}

	#footer .wp-element-button lord-icon {
		margin-left: 0.25em
	}



	#footer .wp-block-latest-posts__list li {
		border-bottom: 1px solid var(--theme-palette-color-1);
		padding: 1em 0;
	}
	#footer .wp-block-latest-posts__list li:last-child {
		border-bottom: none;
	}

	#footer a.wp-block-latest-posts__post-title {
		font-family: Merriweather;
		font-weight: 700;
		font-size: 0.9em;
		}

	#footer .wp-element-button {
		text-decoration: none;
		color: #ffffff;
	}








/* Plugins 
__________________________________________________________________________________*/

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


	





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

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

		



 		/* Crocoblock 
		__________________________________________________________________________________*/



			.jet-swiper-nav {
				transform: scale(2) !important;
			}
		

			/*Entfernt Slug und zusatzinfo bei den Metadields unter dem Beitrag*/ 		
			.cx-control__description span {  display: none;  }



			/*Card für Unterkünfte*/

			.jet-container.card {
				position: relative;
				padding: 0;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				border-radius: 3px;
			}
			.jet-listing-grid__item:hover {
				overflow: visible;
				z-index:9999;
			}
			.jet-listing-grid__item:hover .jet-container.card {
					transform: scale(1.1);
					box-shadow: var(--shadow-elevation-high);
				}

			.card .subheading { 
				font-family: Roboto Condensed;
				font-size: clamp(1rem, 1vw, 1.4rem); 
				margin-bottom: 0; 			
			}
		
			.card h4 { margin-bottom: 0.5em !important; }			
	
			.card .infoteil { padding: 6%; 	}	



			
			/* Ausblenden der .cardbutton.de auf der englischen und niederländischen Übersetzung */
			:lang(en) .cardbutton.de,
			:lang(nl) .cardbutton.de {
			  display: none;
			}

			/* Ausblenden der .cardbutton.en auf der deutschen und niederländischen Übersetzung */
			:lang(de) .cardbutton.en,
			:lang(nl) .cardbutton.en {
			  display: none;
			}

			/* Ausblenden der .cardbutton.nl auf der deutschen und englischen Übersetzung */
			:lang(de) .cardbutton.nl,
			:lang(en) .cardbutton.nl {
			  display: none;
			}

			.card .cardbutton {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: max-content;				
				}

			.card .cardbutton a {	
				visibility: hidden;
				font-family: Roboto Condensed;
				background-color: var(--theme-palette-color-5);
				color: #ffffff;
				font-size: 0.8em;
				padding: 1em 1em;
				border-radius: 3px;
				box-shadow: var(--shadow-elevation-low);
				text-transform: uppercase;
				line-height: 1em;
				display: flex;
    			flex-direction: row-reverse;
				transform: scale(0);
				opacity: 0;
			}
			.card:hover .cardbutton a {	
				visibility: visible;
				transform: scale(1);
				opacity: 100%;
				}
				.card:hover .cardbutton a:hover {
				 box-shadow: var(--shadow-elevation-high);
					transform: translateY(-2px)
				}
				.card .cardbutton svg { margin-left: 0.25em;	}
				.card .cardbutton svg path {	fill: #ffffff !important; }




			.card .jet-listing-dynamic-field-block .schlafzimmer,
			.card .jet-listing-dynamic-field-block .preis {				
				position: absolute;				
				margin-top: -2em;
				line-height: 1em;
				right: 0;
				
				font-family: Roboto Condensed;
				background-color: var(--theme-palette-color-2);
				color: #ffffff;
				font-size: 0.8em;
				padding: 0.5em 1em;
				text-transform: uppercase;
			}



			/* Objektangaben ist der Container innerhalb .card, der die reinen Angaben enthält. */
			 .objektangaben { 
				padding: 0;
				columns: 116px 2;
				column-gap: 6%;
				display: block;
				font-family: Roboto Condensed;
				}		
			.objektangaben .jet-listing-dynamic-field__icon {
					margin-right: 4px;
				}

			.objektangaben .jet-listing-dynamic-field__icon.is-svg-icon svg {
				width: 2em;
				height: 1.2em;
			}

			.objektangaben .jet-listing-dynamic-field__inline-wrap,
			.objektangaben .jet-listing-dynamic-repeater__items { 
				width: 100%;
				font-size: 0.8em; 	
				border-bottom: 1px solid var(--theme-palette-color-1)  ;
				line-height: 2.5em;
				}

			.objektangaben .jet-check-list__item {
   				 padding: 0;		
			}

			

		



		/* 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-form-builder .field-type-textarea-field:focus-within label {visibility: hidden; }

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

			







		/* 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.55) !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-7) !important;
				background-color: var(--theme-palette-color-7) !important;
									}  

					.kaliforms-form-container input:focus,
					.kaliforms-form-container textarea:focus { 
						background-color: var(--theme-palette-color-7) !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;
			}



		/* WPML
        -------------------------------------*/


		.wpml-ls-legacy-list-horizontal  {
			padding: 0 10px 0px 0;
			margin-top: -4px;
			/* clear: both; */
			float: left;
		}

		.wpml-ls-legacy-list-horizontal a {
			padding: 5px 5px 6px !important;
		}


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



 		/* ThePlusBlocks
		__________________________________________________________________________________*/


			.tpgb-social-reviews .grid-item {
				padding: 0 !important;
			}

			.tpgb-social-reviews .tpgb-review {
					display: flex !important;
					flex-direction: column;
					align-items: center;
				}
			
		
			.tpgb-review {
				padding-bottom: 100px !important;
				display: flex;
				align-items: center;
			}
			.social-reviews-style-3 .tpgb-sr-header {
				margin-top: -110px;				
			}

			.tpgb-sr-logo,
			img.tpgb-sr-profile { 
				display: none !important;
			} 

			.social-reviews-style-3 .tpgb-sr-username {
				margin-top: 30px; 
				color: var(--theme-palette-color-1) !important;
				}

			.social-reviews-style-3 .tpgb-sr-header {
				display: flex;
				flex-direction: column;
				align-items: center;
			}	
			.social-reviews-style-3 .tpgb-sr-separator {
				flex-direction: column;
				align-items: center;
			}

			.tpgb-social-reviews img.tpgb-sr-profile {
				margin: 10px auto 0;
			}		
			.sr-star {
				color: var(--theme-palette-color-1) !important;
			}

			.tpgb-normal-scroll {
				padding-right: 12px;
			}
			.social-reviews-style-3 {
				padding-bottom: 69px;
			}


				/* Preisliste für Saune/Frühstück usw. Infokästen */
				
				.tpgb-pricing-list.food-menu-style-3 .food-flex-line h3.food-menu-title,
				.tpgb-pricing-list.food-menu-style-3 .food-flex-line h4.food-menu-price {
					margin-bottom: 0 !important;
					font-family: Merriweather !important;
					text-align: left;
					line-height: 1.5em;
				}
				.tpgb-pricing-list.food-menu-style-3 .food-flex-line h3.food-menu-title {
					font-size: clamp(1rem, 2vw, 1.1rem);
				}

				.tpgb-pricing-list.food-menu-style-3 .food-flex-line h4.food-menu-price {
					margin-bottom: -0.5em !important;
					font-size: 1em;
				}

				.tpgb-pricing-list.food-menu-style-3 .food-flex-line .food-desc {
					max-width: 85%;
					hyphens: none;
					text-align: left;
					    margin-top: 0;
				}

				.tpgb-pricing-list.food-menu-style-3 .food-flex-line .food-menu-divider .menu-divider  {
					border-width: 2px 0 0 0;
					border-style: dotted;
					opacity: 0.4;
				}




		/* Rentware 
        -------------------------------------*/
		/* Entfernt Shorcut-Bar auf der Verleih-seite */
			body.page-id-46 .ct-shortcuts-bar ,
			body.page-id-15575 .ct-shortcuts-bar ,
			body.page-id-15585 .ct-shortcuts-bar, 
			body.page-id-21336 .ct-shortcuts-bar {
				display: none;
			}
			/* Entfernt Shorcut-Bar auf der Verleih-seite */
				body.page-id-46 .webwhiz-widget ,
			body.page-id-15575 .webwhiz-widget ,
			body.page-id-15585 .webwhiz-widget, 
			body.page-id-21336 .webwhiz-widget{
				display: none;
			}




		/* WebWhiz
        -------------------------------------*/

		#webwhiz-widget {
			right: 40px !important;
			bottom: 40px !important;
		}

		.webwhiz__msg-popup-item {
			margin: 14px 48px -5px 0 !important;
		}

		.webwhiz__msg-popup.webwhiz__msg-popup--show {
			z-index: 999 !important;
		}


			/* (A) SPEECH BOX */
			.sprechblase-anton {	
				opacity: 0;
				transition: opacity 0.5s;

			   font-size: 1em; 
			  color: #000;
			  background: var(--theme-palette-color-1); 
			  position: fixed;
			z-index: 99;
				right: 145px;
				bottom: 8px;
				padding: 0.5em 1em;
				border-radius: 3px;
			  margin: 50px auto;
			  max-width: 350px;
			}


			.sprechblase-anton::after {
					content: "";
				border: 14px solid transparent;
				position: absolute;
				border-left-color: var(--theme-palette-color-1);
				border-right: 0;
				right: -12px
			}
			.show {
				opacity: 1;
			}


			@media (max-width: 768px) {
					.sprechblase-anton,
					.sprechblase-anton::after{	
						display: none;
						}				
				
					#webwhiz-widget {
						right: 20px !important;
						bottom: 62px !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,
	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.3s ease !important;
	    }

	




		/* Element muss ebenso die Klasse .animate enthalten, damit es erst beim Scrollen den Zusatz: scrolled erhält, siehe scripte.js 
		.animate:not(.scrolled) { display: none; }
		.animate.scrolled { display: visible; }	*/
		
		body:not(.wp-admin) .animate:not(.is-visible),
		body:not(.wp-admin) .jet-listing-grid__item:not(.is-visible) { visibility: hidden; }
		
		.animate.is-visible,
		.jet-listing-grid__item.is-visible { visibility: visible; }

		
		



		/* ----------------------------------------------
		 * Generated by Animista on 2020-2-16 11:26:0
		 * Licensed under FreeBSD License.
		 * See http://animixsta.net/license for more info. 
		 * w: http://animista.net, t: @cssanimista
		 * ---------------------------------------------- */

				.animate.is-visible ul li { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both;	}
				.animate.is-visible ul li:nth-child(2) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both; }
				.animate.is-visible ul li:nth-child(3) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both; }
				.animate.is-visibled ul li:nth-child(4) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both; }
				.animate.is-visible ul li:nth-child(5) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both; }
				.animate.is-visible ul li:nth-child(6) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both; }
				.animate.is-visibleul li:nth-child(7) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both; }
				.animate.is-visible ul li:nth-child(8) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both; }
				.animate.is-visible ul li:nth-child(9) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.9s both; }
				.animate.is-visible ul li:nth-child(10) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.0s both; }
				.animate.is-visible ul li:nth-child(11) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.1s both; }
				.animate.is-visible ul li:nth-child(12) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both; }
				.animate.is-visible ul li:nth-child(13) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.3s both; }




				.slide-in-blurred-bottom.is-visible,
				li.is-visible  {
					-webkit-animation: slide-in-blurred-bottom 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s both;
							animation: slide-in-blurred-bottom 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s both;
					}


				@-webkit-keyframes slide-in-blurred-bottom {
				  0% {
					-webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
							transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
					-webkit-transform-origin: 50% 100%;
							transform-origin: 50% 100%;
					-webkit-filter: blur(40px);
							filter: blur(40px);
					opacity: 0;
				  }
				  100% {
					-webkit-transform: translateY(0) scaleY(1) scaleX(1);
							transform: translateY(0) scaleY(1) scaleX(1);
					-webkit-transform-origin: 50% 50%;
							transform-origin: 50% 50%;
					-webkit-filter: blur(0);
							filter: blur(0);
					opacity: 1;
				  }
				}
				@keyframes slide-in-blurred-bottom {
				  0% {
					-webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
							transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
					-webkit-transform-origin: 50% 100%;
							transform-origin: 50% 100%;
					-webkit-filter: blur(40px);
							filter: blur(40px);
					opacity: 0;
				  }
				  100% {
					-webkit-transform: translateY(0) scaleY(1) scaleX(1);
							transform: translateY(0) scaleY(1) scaleX(1);
					-webkit-transform-origin: 50% 50%;
							transform-origin: 50% 50%;
					-webkit-filter: blur(0);
							filter: blur(0);
					opacity: 1;
				  }
				}




		.puff-in-center.is-visible {
			-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
					animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
  		}

			@-webkit-keyframes puff-in-center {
			  0% {
				-webkit-transform: scale(2);
						transform: scale(2);
				-webkit-filter: blur(4px);
						filter: blur(4px);
				opacity: 0;
			  }
			  100% {
				-webkit-transform: scale(1);
						transform: scale(1);
				-webkit-filter: blur(0px);
						filter: blur(0px);
				opacity: 1;
			  }
			}
			@keyframes puff-in-center {
			  0% {
				-webkit-transform: scale(2);
						transform: scale(2);
				-webkit-filter: blur(4px);
						filter: blur(4px);
				opacity: 0;
			  }
			  100% {
				-webkit-transform: scale(1);
						transform: scale(1);
				-webkit-filter: blur(0px);
						filter: blur(0px);
				opacity: 1;
			  }
			}





			.tracking-in-expand { visibility: visible !important; }
			.tracking-in-expand.is-visible {
				-webkit-animation: tracking-in-expand 4s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
						animation: tracking-in-expand 4s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
				}

			@keyframes tracking-in-expand {
			  0% { letter-spacing: 0.2em;  }
			  100% { letter-spacing: 0.0em;  }
			}
			@keyframes tracking-in-expand {
			  0% {  letter-spacing: 0.2em;  }
			  100% { letter-spacing: 0.0em; }
			}



			/* Slide in Bottom */
			.slide-in-bottom.is-visible,
			.jet-listing-grid__item.is-visible {
				-webkit-animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both;
				animation:slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both}

				@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(80px);transform:translateY(80px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}




			/* Pulse-Effekt */
			.heartbeat {
				-webkit-animation: heartbeat 10s linear infinite both;
						animation: heartbeat 10s linear infinite both;
			}

			@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}



.shake-horizontal{-webkit-animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) 10s both;animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) 10s both}
/* ----------------------------------------------
 * Generated by Animista on 2023-8-24 12:47:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}@keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}