/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
*/
/**
    var(--theme-palette-color-1) 
    var(--theme-palette-color-2) 
    var(--theme-palette-color-3)
    var(--theme-palette-color-4) 
    var(--theme-palette-color-5) 
    var(--theme-palette-color-6) 
    var(--theme-palette-color-7) 
    var(--theme-palette-color-8) 
*/





/* Header 
__________________________________________________________________________________*/





	/* Menü 
	__________________________________________________________________________________*/







/* lose und freie Klassen 
__________________________________________________________________________________*/

	h1 { margin-bottom: 0.75em !important; }
	h1 + h3 { margin-top: -1.25em !important;}
	h2 { margin-bottom: 0.75em !important; }
	h2 + h3, h2.h2-weniger-margin +p { margin-top: -1em !important;}
	h3 { margin-bottom: 1em !important; }
	h4 { margin-bottom: 1em; }
	h5 { margin-bottom: 1em; }


	h1, h2 { line-height: 1em; }
	h1 + h2 {
		margin-top: -0.9em !important;
		color: rgba(255,255,255,0.8) !important;
	}

	hr {	
		margin: 40px 0 !important; 
		height: 1px !important;
		width: 100%;
	}

		ul.aufzaehlung li {
			margin-bottom: 1em;
		}


	.blocksatz { text-align: justify; hyphens: auto }

	.bottom-0 { margin-bottom: 0 !important; }
	.bottom-5 { margin-bottom: 5px !important; }


	b, strong { font-weight: 700; }


	.kolumnen {
		column-count:  2;
		column-width: 300px;
		column-gap: 6em;
		column-rule: 1px solid rgba(0,0,0,0.25);
		margin-bottom: 2rem;
		margin-top: 2rem;	

		display: block;
		hyphens: auto;
		text-align: justify;
		}
		.kolumnen.weiss {
					column-rule: 1px solid rgba(255,255,255,1.00);
					}









/* Buttons __________________________________________________________________________________*/		



	


			





/* Startseite
__________________________________________________________________________________*/

		
	











  


/*    Schatten
    -------------------------------------*/
	:root {		
	  --shadow-color: 0deg 0% 78%;
	  --shadow-elevation-low:
		0.1px 0.4px 0.5px hsl(var(--shadow-color) / 0.15),
		0.1px 0.6px 0.7px -1px hsl(var(--shadow-color) / 0.17),
		0.3px 1.2px 1.5px -2px hsl(var(--shadow-color) / 0.2);
	  --shadow-elevation-medium:
		0.1px 0.4px 0.5px hsl(var(--shadow-color) / 0.16),
		0.3px 1.2px 1.5px -0.7px hsl(var(--shadow-color) / 0.18),
		0.6px 2.7px 3.3px -1.4px hsl(var(--shadow-color) / 0.19),
		1.4px 6.2px 7.6px -2px hsl(var(--shadow-color) / 0.21);
	  --shadow-elevation-high:
		0.1px 0.4px 0.5px hsl(var(--shadow-color) / 0.15),
		0.4px 1.6px 2px -0.3px hsl(var(--shadow-color) / 0.16),
		0.6px 2.8px 3.4px -0.6px hsl(var(--shadow-color) / 0.16),
		1px 4.4px 5.4px -0.9px hsl(var(--shadow-color) / 0.17),
		1.5px 6.7px 8.2px -1.2px hsl(var(--shadow-color) / 0.18),
		2.3px 10.2px 12.5px -1.5px hsl(var(--shadow-color) / 0.19),
		3.4px 15.1px 18.5px -1.8px hsl(var(--shadow-color) / 0.2),
		5px 21.9px 26.8px -2px hsl(var(--shadow-color) / 0.2);
	}


		.schatten { box-shadow: var(--shadow-elevation-medium); }
		.schatten-lang { box-shadow: var(--shadow-elevation-high); }










/* Footer 
__________________________________________________________________________________*/
   



/* Stackable Blocks 
__________________________________________________________________________________*/

   




/* Plugins 
__________________________________________________________________________________*/

        /* WP Featherlight
        -------------------------------------*/

        .featherlight:last-of-type {
            background-color: var(--theme-palette-color-4) !important;
                }

        /* if backdrop support: very transparent and blurred */
                @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
                  .featherlight:last-of-type {
                    background-color: rgba(81, 50, 41, 0.7) !important;
                    backdrop-filter: blur(15px);
                        }
                }

        .featherlight .featherlight-content .caption {
            font-size: 13px;
            white-space: nowrap;
        }





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

		#cmplz-cookies-overview .cmplz-dropdown p, 
		#cmplz-document .cmplz-dropdown p, 
		#cmplz-document li, 
		#cmplz-document p, 
		#cmplz-document td {
			font-size: 17px;
		}

		#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;
			color: #5a666f;
		}

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

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


		.cmplz-cookiebanner .cmplz-categories .cmplz-category {
			background-color: #ffffff;
			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;
			border: 0px;
			border-top-color: #ffffff;
			border-right-color: #ffffff;
			border-bottom-color: #ffffff;
			border-left-color: #ffffff;
			box-shadow: 0 0 0 0px #ffffff;
			outline: 0px solid transparent;
		}






/* Animationen 
__________________________________________________________________________________*/
	
	input,
    textarea,
    input[type=submit],
    select,
	label,
    .linktext {
		transition: all 0.4s ease !important;
	    }