/**
 * 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: 1000x) {}


Hubot Sans Semi verfügbar in 
300
400
500
600


*/

/* https://www.joshwcomeau.com/shadow-palette/ */
:root {
  --shadow-color: 0deg 0% 0%;
  --shadow-elevation-low:
    0.2px 0.5px 0.6px hsl(var(--shadow-color) / 0.1),
    0.3px 0.8px 0.9px -1.4px hsl(var(--shadow-color) / 0.1),
    0.6px 1.8px 2px -2.8px hsl(var(--shadow-color) / 0.09);
  --shadow-elevation-medium:
    0.2px 0.5px 0.6px hsl(var(--shadow-color) / 0.11),
    0.5px 1.4px 1.6px -0.9px hsl(var(--shadow-color) / 0.1),
    1.2px 3.6px 4.1px -1.9px hsl(var(--shadow-color) / 0.1),
    3px 9px 10.2px -2.8px hsl(var(--shadow-color) / 0.09);
  --shadow-elevation-high:
    0.2px 0.5px 0.6px hsl(var(--shadow-color) / 0.11),
    0.9px 2.6px 3px -0.5px hsl(var(--shadow-color) / 0.11),
    1.7px 5.1px 5.8px -0.9px hsl(var(--shadow-color) / 0.11),
    3.1px 9.2px 10.5px -1.4px hsl(var(--shadow-color) / 0.1),
    5.4px 16px 18.2px -1.9px hsl(var(--shadow-color) / 0.1),
    9px 26.7px 30.4px -2.3px hsl(var(--shadow-color) / 0.1),
    14.3px 42.5px 48.4px -2.8px hsl(var(--shadow-color) / 0.09);
}	
			.schatten.small { box-shadow: var(--shadow-elevation-low); }
			.schatten 		{ box-shadow: var(--shadow-elevation-medium); }	
			.schatten.large { box-shadow: var(--shadow-elevation-high); }



/* lose und freie Klassen 
__________________________________________________________________________________*/

	h1 { margin-top: 0 !important; margin-bottom: 1em !important; }
	h1:has(+.page-description){ margin-bottom: 0em !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; }
     
	.max600 { max-width: 600px !important;}
	.max800 { max-width: 800px !important;}
	.max1000 { max-width: 1000px !important;}

    .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);
        margin-top: 2rem;
        display: block;
        hyphens: auto;
        text-align: justify;
        }
		.margin-bottom-0 { margin-bottom: 0 !important; }

		
		.galerie { border-radius: 6px; }

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

			.wp-block-image:hover a img {			
				transform: scale(1.1);
				z-index: 99;
			}

			.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
				 background:none;
				color: #000;
				font-size: 0.7rem;
				line-height: 1.2em;
			}







		.stk-highlight { color: var(--theme-palette-color-1) !important; }
		.background-multiply { background-blend-mode: multiply;}
  
		.wp-element-button a, .wp-block-button__link a {
			color: var(--buttonTextInitialColor) !important;
		}







/* Header 
__________________________________________________________________________________*/

	.site-branding img {
		padding: 20px 40px !important;
		background-color: rgba(255,255,255,1.00);
		border-radius: 0 0 3px 3px;
		box-shadow: 0 0 20px rgba(0,0,0,0.25);
		z-index: 99 !important;
		}


	#kontaktleiste-unter-logo {
		position: relative;
		background-color: var(--theme-palette-color-1);
		border-radius: 0 0 3px 3px;
		padding: 0.75em;
		width: 400px;
		margin-left: 40px;
		text-align: center;
		z-index: 1;
		}
		#kontaktleiste-unter-logo lord-icon { margin-top: -0.2em;	}


	[data-header*="type-1"] .ct-header [data-row*="top"] p { margin-bottom: 0 !important; }
	[data-header*="type-1"] .ct-header [data-row*="top"] lord-icon { margin: -0.25rem 1rem 0 1rem; }

	[data-header*="type-1"] .ct-header [data-row*="middle"] { background-blend-mode: multiply !important; }


	.site-logo-container {
		filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2)); 
		}

	header [data-id*="widget-area-1"]  {width: 100%; }
	header [data-row*="bottom"] .stk-block-heading {
		width: 100%;
		word-spacing: 0.5em
		}
	

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


	[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-row*="middle"] { 
		backdrop-filter: blur(6px); 	
		}
	[data-header*="type-1"] .ct-header [data-sticky] [data-id="logo"] { 
		margin-top: -20px !important;
		margin-bottom: -20px !important;
		}


#header-menu-1 lord-icon { margin-right: 0.25em;}

	[data-header*="type-1"] #offcanvas {
		backdrop-filter: blur(6px);
		}




		/*Umschaltung Header Content Block für Smartphone, damit das Logo unter der Grafik ist*/

		@media (min-width: 689px) {

			#header {
				position: static !important;
			}	
			
		}



		@media (max-width: 688px) {
			
			[data-block*="hook:5304"],
			figure.headerbild img { 
				pointer-events: none;
				z-index: 99;
				}
			
			#header { xz-index: 0 !important; }

			#header [data-row*=middle] {
				z-index: 2;
				margin-top: -14vw;
				max-width: 90vw
			}
			
			.site-branding img {
				padding: 30px 20px 10px 20px !important;
				max-width: 100%;
			}
			
			main {
				margin-top: 120px !important;
			}
				
			
		}



/* Menü 
	__________________________________________________________________________________*/

	/* Wilde 13 */	
	header .menu-item-52 .ct-icon-container svg {
		width: auto !important;
		height: 42px !important;
	    margin-top: -12px;
	}

		/*
		header .lamy > ul.sub-menu {
			margin-left: 1em !important;
			font-size: 0.75em;
		}
		*/

		.menuebeschreibung {
			clear: both;
			font-size: 0.875em;
			display: flex;
			flex-direction: column;
		}
		.sub-menu li:first-child {
			border-top: none !important;
		}
		.menu-item-95 li {
			border-top: none !important;
		}




/* Inhalt allgemein
	__________________________________________________________________________________*/

	body:not(.home) main {  margin-top: -10vw; }
	.page-description p { hyphens: none; }


	.hero-section[data-type=type-1] .page-description {
		margin-top: 0; 
		}

	.ct-breadcrumbs { margin-top: 1em !important;}

	[data-prefix="single_blog_post"] .post-navigation {
		background-color: rgb(255 255 255 / 80%);
		padding: 2em;
		border-radius: 12px;
	}
	
	.post-navigation .item-label { display: none; }












	
		/* Tabelle
		-----------------------------------------*/

			#main table {
				font-weight: normal;
				border: 0;
				}
			#main td,
			#main th { 
				border-bottom: 1px solid rgba(255,255,255,0.5);
				border-left: 1px solid rgba(255,255,255,0.5);
				border-right: none; 
				padding: 0.75em 1em;
				}
			#main th {
				height: 40px;  
				font-weight: normal;
				text-align: center !important; 
				vertical-align: middle; 
				background-color: var(--theme-palette-color-1);
				color: #ffffff;	
				}

			#main table tr.odd, 
			#main table tr:nth-of-type(1n) {
				background: rgba(0,0,0,0.02);
				}
			#main table tr.even, 
			#main table tr.alt, 
			#main table tr:nth-of-type(2n) {
				background: rgba(0,0,0,0.05);
				}

				#main table tr.odd td:first-child, 
				#main table tr:nth-of-type(1n) td:first-child {
					background: rgba(0,0,0,0.05);
					width: auto;
					}
				#main table tr.even td:first-child, 
				#main table tr.alt td:first-child, 
				#main table tr:nth-of-type(2n) td:first-child {
					background: rgba(0,0,0,0.08);
					width: auto;
					}


	
			#main table tr:hover {
				background-color: rgba(128,40,56,0.20);
				}
			
			#main td { 
				font-size: 0.875em;
				text-align: right; 
				vertical-align: top; 	
				white-space: nowrap;
				}
			#main td:first-child ,
			#main th:first-child { 
				text-align: left !important;
				white-space: normal;
				border-left: none;
				}

			#main tr td:first-child { font-weight: 500; }
			#main tr td:first-child b, 
			#main tr td:first-child strong  { font-weight: 600; }
		
			

			#main table img {
				margin-bottom: 1rem;
				}


			@media (max-width: 767px) {

						#main table {}

						#main tr td:first-child {
							height: 40px;  
							font-weight: 600;
							text-align: center !important; 
							vertical-align: middle; 
							background-color: var(--theme-palette-color-1) !important;
							color: #ffffff;	
							}
					}




/* Startseite
__________________________________________________________________________________*/


		.flipbox-front-overlay {
				background: url("/wp-content/uploads/2023/01/verlauf_weiss_rund.webp");
				background-position: 50% 50%;
				background-repeat: no-repeat;
				opacity: 0.2;
			}








/* Footer 
__________________________________________________________________________________*/
 

	@media (min-width: 769px) {
		
		[data-footer*="type-1"] footer.ct-footer {
		margin-top: 120px;
		}

		[data-footer*="type-1"] .ct-footer [data-row*="middle"] { 
			background-size: auto 100%; 
			background-position-x: 70%;
			padding-top: 60px;
			padding-bottom: 120px;
		}

		[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
			min-height: 650px; 
		}	
		
	}
	


	footer lord-icon { 
		margin-right: 0.25em;
		}



	footer #footer-menu svg {
		height: 1.5em !important;
		margin: -0.25em 0.2em 0 0;
	}

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




/* Stackable Blocks 
__________________________________________________________________________________*/


		/* Fix Bild alignright */
		.stk-block-column >.stk-block-content { display: inline; }

		.liste-mit-linien ul {		  }

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

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







/* Plugins 
__________________________________________________________________________________*/

    

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

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






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


		




		/* ThePlusBlocks
        -------------------------------------*/


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



		/* 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-sm-gb-wrapper:nth-child(2) { width: 27% !important; margin-right: 3%; }
			.jet-form-builder .jet-container.plz-ort .jet-sm-gb-wrapper:nth-child(3) { width: 70% !important; }




			/* Anfrage/ Bestellung-Buttons */

				.jet-form-builder__field-label input[data-field-name="anfrage_bestellung"] + span::before {
					display: none !important;
					}

				.jet-form-builder__field-label input[data-field-name="anfrage_bestellung"] + span {
					background: var(--theme-palette-color-1);
					padding: 10px 60px;
					font-size: 1em;
					float: left;
					margin-right: 20px;
					color: #fff;
					font-weight: 700;
					border-radius: 3px;
					text-align: center;
					}
					.jet-form-builder__field-label input[data-field-name="anfrage_bestellung"] + span:hover {
						transform: scale(1.02);
						}
					.jet-form-builder__field-wrap.active .jet-form-builder__field-label input[data-field-name="anfrage_bestellung"] + span {
						background: var(--theme-palette-color-2);
						}

@media (max-width: 767px) {
	
	.jet-form-builder__field-label input[data-field-name="anfrage_bestellung"] + span {
		font-size: 1rem;
	}
}



				/*  wenn mal alles als Flex-grid in einem Cointainer laufen soll

				.jetform-zweispaltig .stk-inner-blocks > *+*  { margin-left: 0;}
				.jetform-zweispaltig .stk-inner-blocks {
					display: flex;
					flex-wrap: wrap;
					grid-gap: 3%;		
				}

				.jetform-zweispaltig .stk-block-content div {
					flex-basis: 40%;
					flex-grow: 2;
				}*/




.checkradio-wrap,
.jet-sm-gb-b568fc13-f070-4a8b-bb12-b039ef493376 .checkradio-wrap {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
	align-items: flex-start;
}




/* 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,
	.stk-block-heading,
	span {		
		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(.scrolled) { visibility: hidden; }
		.animate.scrolled { 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.scrolled ul li { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.1s both; }
		.animate.scrolled 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.scrolled 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.scrolled 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.scrolled 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.scrolled 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.scrolled ul li:nth-child(7) { animation: puff-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both; }
		.animate.scrolled 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.scrolled 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.scrolled 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.scrolled 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.scrolled 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.scrolled 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.scrolled, 
				li.scrolled {
					-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;
					}



				/**
				 * ----------------------------------------
				 * animation slide-in-blurred-bottom
				 * ----------------------------------------
				 */
				@-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;
				  }
				}






			.fade-in-bottom.scrolled {
				-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
				animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000)  both;
			}

					/* ----------------------------------------------
					 * Generated by Animista on 2023-2-5 20:1:18
					 * Licensed under FreeBSD License.
					 * See http://animista.net/license for more info. 
					 * w: http://animista.net, t: @cssanimista
					 * ---------------------------------------------- */

					/**
					 * ----------------------------------------
					 * animation fade-in-bottom
					 * ----------------------------------------
					 */
					@-webkit-keyframes fade-in-bottom {
					  0% {
						-webkit-transform: translateY(50px);
								transform: translateY(50px);
						opacity: 0;
					  }
					  100% {
						-webkit-transform: translateY(0);
								transform: translateY(0);
						opacity: 1;
					  }
					}
					@keyframes fade-in-bottom {
					  0% {
						-webkit-transform: translateY(50px);
								transform: translateY(50px);
						opacity: 0;
					  }
					  100% {
						-webkit-transform: translateY(0);
								transform: translateY(0);
						opacity: 1;
					  }
					}




		.puff-in-center.scrolled {
			-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;
		}



			/**
			 * ----------------------------------------
			 * animation puff-in-center
			 * ----------------------------------------
			 */
			@-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;
			  }
			}



		.bounce-in-top,
		#kontaktleiste-unter-logo {
			-webkit-animation: bounce-in-top 1.1s 1s both;
					animation: bounce-in-top 1.1s 1s both;
		}

			/**
			 * ----------------------------------------
			 * animation bounce-in-top
			 * ----------------------------------------
			 */
			@-webkit-keyframes bounce-in-top {
			  0% {
				-webkit-transform: translateY(-500px);
						transform: translateY(-500px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
				opacity: 0;
			  }
			  38% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
				opacity: 1;
			  }
			  55% {
				-webkit-transform: translateY(-65px);
						transform: translateY(-65px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			  }
			  72% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			  }
			  81% {
				-webkit-transform: translateY(-28px);
						transform: translateY(-28px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			  }
			  90% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			  }
			  95% {
				-webkit-transform: translateY(-8px);
						transform: translateY(-8px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			  }
			  100% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			  }
			}
			@keyframes bounce-in-top {
			  0% {
				-webkit-transform: translateY(-500px);
						transform: translateY(-500px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
				opacity: 0;
			  }
			  38% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
				opacity: 1;
			  }
			  55% {
				-webkit-transform: translateY(-65px);
						transform: translateY(-65px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			  }
			  72% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			  }
			  81% {
				-webkit-transform: translateY(-28px);
						transform: translateY(-28px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			  }
			  90% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			  }
			  95% {
				-webkit-transform: translateY(-8px);
						transform: translateY(-8px);
				-webkit-animation-timing-function: ease-in;
						animation-timing-function: ease-in;
			  }
			  100% {
				-webkit-transform: translateY(0);
						transform: translateY(0);
				-webkit-animation-timing-function: ease-out;
						animation-timing-function: ease-out;
			  }
			}