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