/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */



/* --- Grundaufbau --- */

.wp-block-pit-icon-grosstiere,
.wp-block-pit-icon-kleintiere,
.wp-block-pit-icon-praxis,
.wp-block-pit-icon-logo {
	position: relative;
	margin-bottom: 0 !important;
	font-weight: var(--font-general-regular);
	}



/* --- Abstand nach unten --- */

.wp-block-pit-icon-grosstiere + *,
.wp-block-pit-icon-kleintiere + *,
.wp-block-pit-icon-praxis + *,
.wp-block-pit-icon-logo + * {
	margin-top: 0 !important;
	}
.wp-block-pit-icon-grosstiere + p,
.wp-block-pit-icon-kleintiere + p,
.wp-block-pit-icon-praxis + p,
.wp-block-pit-icon-logo + p,
.wp-block-pit-icon-grosstiere + ul,
.wp-block-pit-icon-kleintiere + ul,
.wp-block-pit-icon-praxis + ul,
.wp-block-pit-icon-logo + ul,
.wp-block-pit-icon-grosstiere + ol,
.wp-block-pit-icon-kleintiere + ol,
.wp-block-pit-icon-praxis + ol,
.wp-block-pit-icon-logo + ol {
	margin-top: 1em !important;
	}
.entry-content > *:last-child.wp-block-pit-icon-grosstiere,
.entry-content > *:last-child.wp-block-pit-icon-kleintiere,
.entry-content > *:last-child.wp-block-pit-icon-praxis,
.entry-content > *:last-child.wp-block-pit-icon-logo {
	margin-bottom: 0 !important;
	}
.is-root-container [data-type="pit/icon-grosstiere"],
.is-root-container [data-type="pit/icon-kleintiere"],
.is-root-container [data-type="pit/icon-praxis"],
.is-root-container [data-type="pit/icon-logo"] {
	margin-bottom: 0 !important;
	}
.is-root-container [data-type="pit/icon-grosstiere"] + *,
.is-root-container [data-type="pit/icon-kleintiere"] + *,
.is-root-container [data-type="pit/icon-praxis"] + *,
.is-root-container [data-type="pit/icon-logo"] + * {
	margin-top: 0 !important;
	}



/* --- wenn als letzter Block verwendet --- */

.wp-block-pit-icon-grosstiere + .spacer-last,
.wp-block-pit-icon-kleintiere + .spacer-last,
.wp-block-pit-icon-praxis + .spacer-last,
.wp-block-pit-icon-logo + .spacer-last {
	margin-bottom: 0 !important;
	height: 0 !important;
	}



/* --- Abstand nach unten wenn innerhalb Gruppe --- */

.wp-block-group__inner-container > *:last-child.wp-block-pit-icon-grosstiere,
.wp-block-group__inner-container > *:last-child.wp-block-pit-icon-kleintiere,
.wp-block-group__inner-container > *:last-child.wp-block-pit-icon-praxis {
	position: relative;
	bottom: calc(0px - var(--spacer-big));
	margin-top: calc(0px - var(--spacer-big) + 15px);
	}



/* --- Breite innerhalb Gruppe --- */

.wp-block-group:not(.alignright):not(.alignleft) .wp-block-group__inner-container > .is-style-icon-left.alignwide,
.wp-block-group:not(.alignright):not(.alignleft) .wp-block-group__inner-container > .is-style-icon-right.alignwide {
	max-width: 1600px;
	}
.wp-block-group:not(.alignright):not(.alignleft) .wp-block-group__inner-container > .is-style-icon-left.alignfull,
.wp-block-group:not(.alignright):not(.alignleft) .wp-block-group__inner-container > .is-style-icon-right.alignfull {
	max-width: 100%;
	}



/* --- Icon --- */

.wp-block-pit-icon-grosstiere .icon,
.wp-block-pit-icon-kleintiere .icon,
.wp-block-pit-icon-praxis .icon,
.wp-block-pit-icon-logo .icon {
	background-color: black;
	width: 120px;
	height: 80px;
	margin: 0 auto 0 auto;
		-webkit-mask-size: auto 100%;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: bottom center;
		mask-size: auto 100%;
		mask-repeat: no-repeat;
		mask-position: bottom center;
	}
/* Icon im Spaltenblock */
.wp-block-columns .wp-block-pit-icon-grosstiere .icon,
.wp-block-columns .wp-block-pit-icon-kleintiere .icon,
.wp-block-columns .wp-block-pit-icon-praxis .icon,
.wp-block-columns .wp-block-pit-icon-logo .icon {
	width: 60px;
	height: 40px;
	}
/* Icon mit Zusatzstyle "mirror" > fuer gespiegeltes Icon */
.mirror.wp-block-pit-icon-grosstiere .icon,
.mirror.wp-block-pit-icon-kleintiere .icon,
.mirror.wp-block-pit-icon-praxis .icon,
.mirror.wp-block-pit-icon-logo .icon {
	transform: scale(-1, 1);
	}

/* spezifisch fuer jeweiligen Block */
.wp-block-pit-icon-grosstiere .icon {
	-webkit-mask-image: url(img/icon-grosstiere.svg);
	mask-image: url(img/icon-grosstiere.svg);
	}
.wp-block-pit-icon-kleintiere .icon {
	-webkit-mask-image: url(img/icon-kleintiere.svg);
	mask-image: url(img/icon-kleintiere.svg);
	}
.wp-block-pit-icon-praxis .icon {
	-webkit-mask-image: url(img/icon-praxis.svg);
	mask-image: url(img/icon-praxis.svg);
	}
.wp-block-pit-icon-logo .icon {
	-webkit-mask-image: none;
	mask-image: none;
	width: 100% !important;
	height: 75px;
	background-color: transparent !important;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(img/icon-logo.svg) !important;
	}

		@media (max-width: 781px)  {
		/* nur Mobile */
			.wp-block-pit-icon-grosstiere .icon,
			.wp-block-pit-icon-kleintiere .icon,
			.wp-block-pit-icon-praxis .icon,
			.wp-block-pit-icon-logo .icon {
				width: 75px;
				height: 50px;
				}
			.wp-block-pit-icon-logo .icon {
				width: 100%;
				height: 50px;
				}
		}



/* --- Icontitel --- */

.wp-block-pit-icon-grosstiere .icon-title,
.wp-block-pit-icon-kleintiere .icon-title,
.wp-block-pit-icon-praxis .icon-title,
.wp-block-pit-icon-logo .icon-title,
.is-root-container .wp-block-pit-icon-grosstiere .rich-text,
.is-root-container .wp-block-pit-icon-kleintiere .rich-text,
.is-root-container .wp-block-pit-icon-praxis .rich-text,
.is-root-container .wp-block-pit-icon-logo .rich-text {
	width: 90%;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 0.4em 20px 0 20px;
		transform:translate(-50%,0%);
		position: absolute;
		left: 50%;
		top: 100%;
		z-index: 5;
	}



/* --- Zusaetzliche Styles --- */

.is-style-icon-line .icon-line {
	width: 60%;
	max-width: 200px;
	height: 3px;
	background-color: currentColor; /* equals current text color */
		transform:translate(-50%,100%);
		position: absolute;
		left: 50%;
		bottom: 0;
		z-index: 5;
	}
/* Linie im Spaltenblock */
.wp-block-columns .is-style-icon-line .icon-line {
	width: 50%;
	max-width: 150px;
	height: 2.5px;
	}

		@media (max-width: 781px)  {
		/* nur Mobile */
			.is-style-icon-line .icon-line,
			/* Linie im Spaltenblock */
			.wp-block-columns .is-style-icon-line .icon-line {
				width: 40%;
				max-width: 200px;
				height: 2.5px;
				}
		}


.entry-content > .is-style-icon-right,
.entry-content > .is-style-icon-left {
	margin-top: var(--spacer-text) !important;
	}
.is-style-icon-right .icon {
	margin-right: 0;
	}
.is-style-icon-left .icon {
	margin-left: 0;
	}



/* --- Farbdefinitionen --- */

.wp-block-pit-icon-grosstiere.has-background,
.wp-block-pit-icon-kleintiere.has-background,
.wp-block-pit-icon-praxis.has-background,
.wp-block-pit-icon-logo.has-background,
.is-root-container [data-type="pit/icon-grosstiere"].has-background,
.is-root-container [data-type="pit/icon-kleintiere"].has-background,
.is-root-container [data-type="pit/icon-praxis"].has-background,
.is-root-container [data-type="pit/icon-logo"].has-background { 
	background: transparent !important;
	}

.wp-block-pit-icon-grosstiere.has-accent-color-background-color .icon,
.wp-block-pit-icon-kleintiere.has-accent-color-background-color .icon,
.wp-block-pit-icon-praxis.has-accent-color-background-color .icon,
.is-root-container .has-accent-color-background-color .icon { 
	background: var(--color-accent) !important;
	}
.wp-block-pit-icon-grosstiere.has-accent-color-light-background-color .icon,
.wp-block-pit-icon-kleintiere.has-accent-color-light-background-color .icon,
.wp-block-pit-icon-praxis.has-accent-color-light-background-color .icon,
.is-root-container .has-accent-color-light-background-color .icon { 
	background: var(--color-accent-light) !important;
	}
.wp-block-pit-icon-grosstiere.has-accent-color-medium-background-color .icon,
.wp-block-pit-icon-kleintiere.has-accent-color-medium-background-color .icon,
.wp-block-pit-icon-praxis.has-accent-color-medium-background-color .icon,
.is-root-container .has-accent-color-medium-background-color .icon { 
	background: var(--color-accent-medium) !important;
	}

.wp-block-pit-icon-grosstiere.has-secondary-color-background-color .icon,
.wp-block-pit-icon-kleintiere.has-secondary-color-background-color .icon,
.wp-block-pit-icon-praxis.has-secondary-color-background-color .icon,
.is-root-container .has-secondary-color-background-color .icon {
	background: var(--color-second) !important;
	}
.wp-block-pit-icon-grosstiere.has-secondary-color-light-background-color .icon,
.wp-block-pit-icon-kleintiere.has-secondary-color-light-background-color .icon,
.wp-block-pit-icon-praxis.has-secondary-color-light-background-color .icon,
.is-root-container .has-secondary-color-light-background-color .icon {
	background: var(--color-second-light) !important;
	}

.wp-block-pit-icon-grosstiere.has-color-light-background-color .icon,
.wp-block-pit-icon-kleintiere.has-color-light-background-color .icon,
.wp-block-pit-icon-praxis.has-color-light-background-color .icon,
.is-root-container .has-color-light-background-color .icon {
	background: var(--color-light) !important;
	}
.wp-block-pit-icon-grosstiere.has-color-black-background-color .icon,
.wp-block-pit-icon-kleintiere.has-color-black-background-color .icon,
.wp-block-pit-icon-praxis.has-color-black-background-color .icon,
.is-root-container .has-color-black-background-color .icon {
	background: black !important;
	}
.wp-block-pit-icon-grosstiere.has-color-white-background-color .icon,
.wp-block-pit-icon-kleintiere.has-color-white-background-color .icon,
.wp-block-pit-icon-praxis.has-color-white-background-color .icon,
.is-root-container .has-color-white-background-color .icon {
	background: white !important;
	}












.is-root-container .wp-block-pit-icon-grosstiere[data-block] {
	/*background: blue !important;*/
	}
.is-root-container .wp-block-pit-icon-grosstiere .rich-text span,
.is-root-container .wp-block-pit-icon-kleintiere .rich-text span,
.is-root-container .wp-block-pit-icon-praxis .rich-text span,
.is-root-container .wp-block-pit-icon-logo .rich-text span {
	color: black !important;
	opacity: 0.3 !important;
	}








/* --- INTERNET EXPLORER ALTERNATIVE --- */

/* spezifisch fuer jeweiligen Block */
body.is-ie .wp-block-pit-icon-grosstiere .icon,
body.is-ie .wp-block-pit-icon-kleintiere .icon,
body.is-ie .wp-block-pit-icon-praxis .icon {
	background-color: transparent !important;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	}

body.is-ie .wp-block-pit-icon-grosstiere .icon {
	background-image: url(img/icon-grosstiere.svg) !important;
	}
body.is-ie .wp-block-pit-icon-kleintiere .icon {
	background-image: url(img/icon-kleintiere.svg) !important;
	}
body.is-ie .wp-block-pit-icon-praxis .icon {
	background-image: url(img/icon-praxis.svg) !important;
	}







		@media print  {
			.wp-block-pit-icon-grosstiere .icon,
			.wp-block-pit-icon-kleintiere .icon,
			.wp-block-pit-icon-praxis .icon,
			.wp-block-pit-icon-logo .icon {
				width: 45px !important;
				height: 30px !important;
				}
			.wp-block-pit-icon-logo .icon {
				width: 45px !important;
				height: 30px !important;
				}

			.is-style-icon-line .icon-line,
			/* Linie im Spaltenblock */
			.wp-block-columns .is-style-icon-line .icon-line {
				height: 1.5px !important;
				}
		}







/* --- fuer den WP-Admin-Bereich --- */

.editor-block-list-item-pit-icon-grosstiere .block-editor-block-icon,
.editor-block-list-item-pit-icon-kleintiere .block-editor-block-icon,
.editor-block-list-item-pit-icon-praxis .block-editor-block-icon {
	width: 100%;
	height: 20px;
	background-image: url(img/icon-grosstiere.svg);
	background-size: auto 20px;
	background-position: center;
	background-repeat: no-repeat;
	}


.editor-block-list-item-pit-icon-grosstiere .block-editor-block-icon {
	background-image: url(img/icon-grosstiere.svg);
	}
.editor-block-list-item-pit-icon-kleintiere .block-editor-block-icon {
	background-image: url(img/icon-kleintiere.svg);
	}
.editor-block-list-item-pit-icon-praxis .block-editor-block-icon {
	background-image: url(img/icon-praxis.svg);
	background-size: auto 15px;
	}


.editor-block-list-item-pit-icon-grosstiere .dashicons, 
.editor-block-list-item-pit-icon-grosstiere .dashicons-before::before,
.editor-block-list-item-pit-icon-kleintiere .dashicons, 
.editor-block-list-item-pit-icon-kleintiere .dashicons-before::before,
.editor-block-list-item-pit-icon-praxis .dashicons, 
.editor-block-list-item-pit-icon-praxis .dashicons-before::before {
	display: none;
	}









/* --- Grundaufbau Style pit-grid und pit-grid-item --- */

.wp-block-group.is-layout-grid > .wp-block-group + .wp-block-group {
	margin-top: 0 !important;
	}

.wp-block-group.is-layout-grid:not(.is-style-pit-grid) {
	grid-gap: 1em;
	}

		@media (max-width:781px) {
			.wp-block-group.is-layout-grid {
				grid-template-columns: repeat(1, 1fr) !important;
				grid-gap: calc(var(--spacer-text)/3);
				}
		}




/* --- Grundaufbau Style pit-grid und pit-grid-item --- */

.is-style-pit-grid {
	grid-template-columns: repeat(10, 1fr) !important;
	grid-template-rows: minmax(16em, auto) !important;
	grid-gap: calc(var(--spacer-text)/3);
	font-size: 0.9em;
	}
.is-style-pit-grid .is-style-pit-grid-item {
	width: 100%;
	min-height: 100% !important;
	height: 16em;
	}
.is-style-pit-grid-item {
	padding: 0 !important;
	}
.is-style-pit-grid > .wp-block-group + .wp-block-group {
	margin-top: 0 !important;
	}

		@media (min-width:782px) {
			.is-style-pit-grid {
				grid-template-rows: minmax(20em, auto) !important;
				font-size: 1.0em;
				}
			.is-style-pit-grid .is-style-pit-grid-item {
				height: 20em;
				}
		}



/* --- Grundaufbau Details-Block --- */
.wp-block-details.has-background:not(.is-style-pit-details) {
	padding: 0.5rem 1rem;
	}




/* --- Grundaufbau Style pit-details --- */

.is-style-pit-details.has-background {
	max-height: 15em;
	height: 100%;
	overflow: scroll;
	}

		@media (min-width:782px) {
			.is-style-pit-details.has-background {
				max-height: 20em;
				}
		}



.is-style-pit-details > summary {
	font-weight: bold;
	padding: 0.25em 1rem;
	}
.is-style-pit-details.has-background-color > p {
	width: 100%;
	padding: 0.5em;
	}




.is-style-pit-details.has-background {
	background-color: unset !important;
	}
.is-style-pit-details.has-accent-color-background-color > summary,
.is-style-pit-details.has-accent-color-background-color > p {
	background-color: var(--color-accent) !important;
	}
.is-style-pit-details.has-accent-color-light-background-color > summary,
.is-style-pit-details.has-accent-color-light-background-color > p {
	background-color: var(--color-accent-light) !important;
	}
.is-style-pit-details.has-accent-color-medium-background-color > summary,
.is-style-pit-details.has-accent-color-medium-background-color > p {
	background-color: var(--color-accent-medium) !important;
	}
.is-style-pit-details.has-secondary-color-background-color > summary,
.is-style-pit-details.has-secondary-color-background-color > p {
	background-color: var(--color-second) !important;
	}
.is-style-pit-details.has-secondary-color-light-background-color > summary,
.is-style-pit-details.has-secondary-color-light-background-color > p {
	background-color: var(--color-second-light) !important;
	}
.is-style-pit-details.has-color-light-background-color > summary,
.is-style-pit-details.has-color-light-background-color > p {
	background-color: var(--color-light) !important;
	}
.is-style-pit-details.has-color-black-background-color > summary,
.is-style-pit-details.has-color-black-background-color > p {
	background-color: black !important;
	}
.is-style-pit-details.has-color-white-background-color > summary,
.is-style-pit-details.has-color-white-background-color > p {
	background-color: white !important;
	}


.is-style-pit-details.has-background > summary,
.is-style-pit-details.has-background > p {
	opacity: 0.9;
	}
.is-style-pit-details.has-background > summary:hover {
	opacity: 1;
	}


.is-style-pit-details.has-background > summary {
	padding: 0.25em 1rem;
	margin: 0 0 2rem 0;
	}
.is-style-pit-details.has-background > p {
	padding: 0em 1rem 0em 1rem;
	margin-top: -2rem;
	opacity: 0.9;
	}
.is-style-pit-details.has-background > p+p {
	padding-top: 0.5em;
	margin-top: 0rem !important;
	}
.is-style-pit-details.has-background > :last-child::after {
	content: "";
	display: block;
	width: 100%;
	height: 1rem;
	background-color: inherit;
	}


/* Marker */

.wp-block-details summary::marker {
	content: none;
}
.wp-block-details summary::after,
.wp-block-details[open] summary::after {
	content: " +";
	/*float: right;
	text-align: right;*/
	content: "";
	display: inline-block;
	width: 0.9em;
	height: 0.5em;
	margin-left: 4px;
	color: inherit;
	background-color: currentColor;
	-webkit-mask-image: url(img/arrow-down-white.svg);
	-webkit-mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-image: url(img/arrow-down-white.svg);
	mask-size: 100% auto;
	mask-repeat: no-repeat;
	mask-position: center;
	opacity: 1;
	}

.wp-block-details[open] summary::after {
	rotate: 180deg;
	margin-bottom: 0.05em;
	}




/* --- pit-column-new --- */
.is-style-pit-column-new {
	gap: 0 0.5em;
	}
.is-style-pit-column-new.has-background {
	padding: 0 0 0 0 !important;
	}
.is-style-pit-column-new > .wp-block-column + .wp-block-column {
	margin-top: 0em !important;
	}
.wp-block-columns.is-style-pit-column-new + .wp-block-columns.is-style-pit-column-new {
	margin-top: var(--spacer-small) !important;
	}

		@media (min-width: 782px) {
			.entry-content .is-style-pit-column-new.has-background {
				width: 100% !important;
				max-width: 1100px !important;
			}
		}