/*
CHILD
Style für die Basis-Blöcke von Wordpress (Gutenberg)
Die CSS-Styles werden im Frontend und im Backend-Block-Editor verwendet
*/




/* ------------------------------------------------------------------------------------------------------
	Transparente Hintergrundfarbe > angewendet in diversen Blocks
---------------------------------- */

.has-color-black-transparent-background-color { background-color: rgba(25,25,25,0.4) !important; }
.is-style-featured-column.has-color-black-transparent-background-color:not(.outside) .wp-block-column { background-color: rgba(25,25,25,0.4) !important; }
.is-style-featured-column.has-color-black-transparent-background-color.outside .wp-block-column:before { background-color: rgba(25,25,25,0.4) !important; }
.cover-with-group.has-color-black-transparent-background-color .wp-block-group:before { background-color: rgba(25,25,25,0.4) !important; }

		@media print {
			.has-color-black-transparent-background-color { background-color: #f7f7f7 !important; }
			.is-style-featured-column.has-color-black-transparent-background-color:not(.outside) .wp-block-column { background-color: #f7f7f7 !important; }
			.is-style-featured-column.has-color-black-transparent-background-color.outside .wp-block-column:before { background-color: #f7f7f7 !important; }
			.cover-with-group.has-color-black-transparent-background-color .wp-block-group:before { background-color: #f7f7f7 !important; }
			}


.is-style-over-big.has-color-black-transparent-background-color .wp-block-media-text__content { 
	background-color: rgba(25,25,25,0.4) !important; 
	position: relative;
	}
.is-style-over-big.has-color-black-transparent-background-color .wp-block-media-text__content:before {
	content: "";
	background-color: var(--color-general-bg) !important; 
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	opacity: 0.5;
	}
.entry-content .is-style-over-big.has-color-black-transparent-background-color .wp-block-media-text__content:before {
	z-index: -1;
	}
.entry-content .is-style-over-big.has-color-black-transparent-background-color .wp-block-media-text__media {
	z-index: -1;
	}





/* ----------------------------------
	BLOCK - Separator
---------------------------------- */

.is-root-container .wp-block-separator:not(.is-style-theme-separator) {
	background-color: var(--color-accent);
	}
.is-root-container .wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.is-style-theme-separator) {
	max-width: 200px;
	}
.is-root-container .wp-block-separator:not(.is-style-dots):not(.is-style-theme-separator) {
	height: 2px;
	}

/* --- Style: Theme-Separator --- */
.entry-content > .wp-block-separator:not(.is-style-dots).is-style-theme-separator,
.wp-block-separator:not(.is-style-dots).is-style-theme-separator {
	width: 100%;
	max-width: 1600px;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	height: var(--spacer-big) !important;
	background-color: transparent !important;
	background-image: url(../img/separator-gradient.png);
	background-size: 130% 100%;
	background-position: top center;
	position: relative;
	/*transform: rotate(-2.862deg) skew(-2.862deg);*/
	}
.is-root-container > .wp-block-separator.is-style-theme-separator {
	width: 100% !important;
	max-width: 1600px !important;
	height: var(--spacer-small) !important;
	}
.is-style-theme-separator:before {
	content: "";
	width: 17%;
	height: 3px;
	background-color: var(--color-accent);
	position: absolute;
	left: calc(50% - 8.5%);
	top: -1.5px;
	/*transform: rotate(-2.862deg) skew(-2.862deg);*/
	}
.entry-content > .wp-block-separator.is-style-theme-separator {
	/*margin-bottom: var(--spacer-big) !important;*/
	}

		@media (min-width:782px) {
		/* ab Medium */
			.entry-content > .wp-block-separator.is-style-theme-separator,
			.wp-block-separator.is-style-theme-separator {
				/*margin-bottom: 0 !important;*/
				height: var(--spacer-big);
				}
			.is-style-theme-separator:before {
				width: 345px;
				height: 5px;
				left: calc(50% - 172.5px);
				top: -2.5px;
				}
			}

		@media print {
			.entry-content > .wp-block-separator.is-style-theme-separator,
			.wp-block-separator.is-style-theme-separator {
				background: none !important;
				}
			}

.wp-block-separator.is-style-theme-separator + * {
	margin-top: 0;
	}


.wp-block[data-type="core/separator"] .wp-block-separator.is-style-theme-separator {
	height: var(--spacer-small);
	}




/* ------------------------------------------------------------------------------------------------------
	BLOCK WIDGETS - Buttons
---------------------------------- */

/* --- Style: mit Pinselstrich --- */

.is-style-featured-column .wp-block-column .is-style-brush-button a:after {
	content: normal;
	}
.wp-block-buttons.is-style-brush-button .wp-block-button__link {
	background-color: transparent !important;
	border-radius: 0 !important;
	font-weight: 600;
	color: var(--color-general-txt);
	margin-right: 3px !important;
	text-shadow: none !important;
	}
.wp-block-buttons.is-style-brush-button .wp-block-button__link:hover {
	background-color: transparent !important;
	border-radius: 0 !important;
	color: white;
	}


.is-style-brush-button .wp-block-button {
	position: relative;
	}

.is-style-brush-button .wp-block-button__link:before {
	content: "";
-webkit-mask-image: url(../img/brush-mark.png);
mask-image: url(../img/brush-mark.png);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-light);
	z-index: -1;
	}

.is-style-brush-button .wp-block-button__link.has-accent-color-background-color:before { background-color: var(--color-accent) !important; }
.is-style-brush-button .wp-block-button__link.has-accent-color-light-background-color:before { background-color: var(--color-accent-light) !important; }
.is-style-brush-button .wp-block-button__link.has-secondary-color-background-color:before { background-color: var(--color-second) !important; }
.is-style-brush-button .wp-block-button__link.has-secondary-color-light-background-color:before { background-color: var(--color-second-light) !important; }
.is-style-brush-button .wp-block-button__link.has-color-light-background-color:before { background-color: var(--color-light) !important; }
.is-style-brush-button .wp-block-button__link.has-color-black-background-color:before { background-color: black !important; }
.is-style-brush-button .wp-block-button__link.has-color-white-background-color:before { background-color: white !important; }
.is-style-brush-button .wp-block-button__link.has-color-black-transparent-background-color:before { background-color: rgba(25,25,25,0.4) !important; }

.is-style-brush-button .wp-block-button__link.has-accent-color-background-color:hover::before,
.is-style-brush-button .wp-block-button__link.has-accent-color-light-background-color:hover::before,
.is-style-brush-button .wp-block-button__link.has-secondary-color-background-color:hover::before,
.is-style-brush-button .wp-block-button__link.has-secondary-color-light-background-color:hover::before,
.is-style-brush-button .wp-block-button__link.has-color-light-background-color:hover::before,
.is-style-brush-button .wp-block-button__link.has-color-black-background-color:hover::before,
.is-style-brush-button .wp-block-button__link.has-color-white-background-color:hover::before { 
	background-color: var(--color-accent) !important;
	}
.is-style-brush-button .wp-block-button__link:hover::before {
	background-color: var(--color-accent) !important;
	}




/* ------------------------------------------------------------------------------------------------------
	BLOCK WIDGETS - Latest Posts
---------------------------------- */

/* --- Style: mit Hintergrund --- */
.is-style-with-bg li {
	margin-bottom: 1em !important;
	background: rgba(35,35,35,0.6) !important;
	}
.is-style-with-bg li:hover {
	background: var(--color-accent) !important;
	}




/* ------------------------------------------------------------------------------------------------------
	BLOCK WIDGETS - Latest Comments
---------------------------------- */

ol.wp-block-latest-comments li {
	background: rgba(35,35,35,0.6) !important;
	}




/* ------------------------------------------------------------------------------------------------------
	BLOCK WIDGETS - Schlagwort-Wolke
---------------------------------- */

p.wp-block-tag-cloud {
	background-color: rgba(35,35,35,0.6);
	}




/* ------------------------------------------------------------------------------------------------------
	BLOCK WIDGETS - Kalender
---------------------------------- */

.wp-block-calendar table {
	background-color: rgba(35,35,35,0.6) !important;
	}





/* ------------------------------------------------------------------------------------------------------
	BLOCK Select (Dropdown)
---------------------------------- */

select {
	background-image: url(../img/arrow-down-white.svg) !important;
	}






/* featured columns */
.is-style-featured-column + .is-style-featured-column {
	/* -------------------------------------------------------------------- kleiner Abstand -------------------------------------------------------------------- */ margin-top: var(--spacer-small) !important;
	}







/* blockquote anfuehrungszeichen */
blockquote p:before {
	opacity: 0.25;
	}
blockquote p:after {
	opacity: 0.25;
	}
.is-style-solid-color blockquote p:before {
	opacity: 0.15;
	}
.is-style-solid-color blockquote p:after {
	opacity: 0.15;
	}





/* -------------------------------------------------------------------------- */
/*	mark-Style mit Pinselstrich
/* -------------------------------------------------------------------------- */
.headertext-home > * mark,
.entry-content h1 mark, 
.entry-content h2 mark, 
.entry-content h3 mark,
.is-root-container h1 mark, 
.is-root-container h2 mark, 
.is-root-container h3 mark {
	color: white;
	white-space: nowrap;
	padding-right: 0.37em !important;
-webkit-mask-image: url(../img/brush-mark.png);
mask-image: url(../img/brush-mark.png);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
	background-color: var(--color-accent);
	}
.entry-content h1 mark, 
.entry-content h2 mark, 
.entry-content h3 mark,
.is-root-container h1 mark, 
.is-root-container h2 mark, 
.is-root-container h3 mark {
	padding: 0.15em 0.5em 0.15em 0.3em !important;
	}




/* -------------------------------------------------------------------------- */
/*	von style-pit-general.css
/* -------------------------------------------------------------------------- */

/* ------ Gutenberg > Initialbuchstaben ------ */

p.has-drop-cap:not(:focus):first-letter {
	font-size:5em;
	margin: 0.1em 0.05em 0 -0.07em;
	font-family: var(--font-heading-family);
	font-weight: var(--font-heading-regular);
	}