@charset "UTF-8";
/*!
Theme Name: Alrakis
Theme URI: https://bitbucket.org/polyplanet/bsb-alrakis
Bitbucket Theme URI: https://bitbucket.org/polyplanet/bsb-alrakis
Author: POLYPLANET
Author URI: https://polyplanet.de
Description: ACF based WordPress Theme for efficient Content Management
Version: 0.15.48
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bsb-alrakis
Domain Path: /languages/
Update URI: https://download.polypla.net/latest/bsb-alrakis.zip

Copyright 2023 POLYPLANET

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* begin:config */
/* generated by gulpfile – do not edit */ /* WordPress Dashicons Vars */
/* generated from https://raw.githubusercontent.com/WordPress/dashicons/master/codepoints.json */
/* end:config */
/* begin:lib */
@property --btn-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
/*
// grow border on hover
.pp-btn {
	--bw: var(--btn-border-width);
	transition: --border-width 0.3s ease-in-out,
		var(--transition-fast-p),
		var(--transition-fast-background),
		var(--transition-fast-color),
		var(--transition-fast-border-radius),
		var(--transition-fast-border-color),
		var(--transition-fast-border-width);
	border-width: 0px;
	box-shadow: inset 0 0 0 var(--bw) var(--btn-border-color);
	padding: var(--element-padding-y) var(--element-padding-x);
	&:hover {
		// --bw: 6px;
	}
}
*/
@property --clamp {
  syntax: "<number>";
  inherits: true;
  initial-value: 3;
}
.pp-clamp {
  --display: -webkit-box;
  max-height: calc(var(--clamp) * 1lh);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--clamp);
}

:root {
  --align-tl: top left;
  --align-tc: top;
  --align-tr: top right;
  --align-cl: left;
  --align-cc: center center;
  --align-cr: right;
  --align-bl: bottom left;
  --align-bc: bottom;
  --align-br: bottom right;
}

.menu-expandable {
  --expander-grid-gap: 0.25em;
}
.menu-expandable ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.menu-expandable .menu-link-wrap {
  display: grid;
  grid-column-gap: var(--expander-grid-gap);
  grid-template-columns: var(--expander-size) 1fr;
  grid-template-areas: "expander link";
  padding-left: calc(var(--px, 0px) + (var(--expander-size) + var(--expander-grid-gap)) * var(--level));
  padding-right: var(--px, 0px);
  align-items: center;
}
.menu-expandable.text-center .menu-link-wrap {
  grid-template-columns: 1fr auto 0 1fr;
  grid-template-areas: ". link expander .";
}
.menu-expandable.text-right .menu-link-wrap {
  grid-template-columns: 1fr auto 0 1fr;
  grid-template-areas: ". link expander .";
}
.menu-expandable .menu-item > .menu-link-wrap {
  --expander-size: max( 24px, calc(0.85 * var(--element-font-size)));
}
.menu-expandable .menu-item button[aria-controls] {
  grid-area: expander;
  align-self: var(--expander-align, baseline);
  border-style: none;
  font-size: var(--expander-size);
  width: 1em;
  height: 1em;
  --element-padding-x: 0;
  --element-padding-y: 0;
  --element-font-scale: 1;
  justify-content: center;
}
.menu-expandable .menu-item button[aria-controls] svg {
  display: block;
}
.menu-expandable .menu-item a {
  grid-area: link;
  overflow-wrap: anywhere;
}
.menu-expandable .menu-item a:focus-visible {
  outline: 2px solid var(--box-color);
  outline-offset: -3px;
}
.menu-expandable .menu-item a > span {
  display: block;
}
.menu-expandable .menu-item li {
  padding-left: 0;
  padding-right: 0;
}

/* end:lib */
/* begin:variables */
/* icon font */ /*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa/fa-regular-400.eot");
  src: url("fonts/fa/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa/fa-regular-400.woff2") format("woff2"), url("fonts/fa/fa-regular-400.woff") format("woff"), url("fonts/fa/fa-regular-400.ttf") format("truetype"), url("fonts/fa/fa-regular-400.svg#fontawesome") format("svg");
}
.far, a[download]:not(.has-icon)::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa/fa-brands-400.eot");
  src: url("fonts/fa/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa/fa-brands-400.woff2") format("woff2"), url("fonts/fa/fa-brands-400.woff") format("woff"), url("fonts/fa/fa-brands-400.ttf") format("truetype"), url("fonts/fa/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa/fa-solid-900.eot");
  src: url("fonts/fa/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa/fa-solid-900.woff2") format("woff2"), url("fonts/fa/fa-solid-900.woff") format("woff"), url("fonts/fa/fa-solid-900.ttf") format("truetype"), url("fonts/fa/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*
@import '../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome';
/*/
.fa,
.fas,
.far,
a[download]:not(.has-icon)::before,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}

.fa-accessible-icon:before {
  content: "\f368";
}

.fa-accusoft:before {
  content: "\f369";
}

.fa-acquisitions-incorporated:before {
  content: "\f6af";
}

.fa-ad:before {
  content: "\f641";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-card:before {
  content: "\f2bb";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-adn:before {
  content: "\f170";
}

.fa-adversal:before {
  content: "\f36a";
}

.fa-affiliatetheme:before {
  content: "\f36b";
}

.fa-air-freshener:before {
  content: "\f5d0";
}

.fa-airbnb:before {
  content: "\f834";
}

.fa-algolia:before {
  content: "\f36c";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-alipay:before {
  content: "\f642";
}

.fa-allergies:before {
  content: "\f461";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-amazon-pay:before {
  content: "\f42c";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-amilia:before {
  content: "\f36d";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-android:before {
  content: "\f17b";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angry:before {
  content: "\f556";
}

.fa-angrycreative:before {
  content: "\f36e";
}

.fa-angular:before {
  content: "\f420";
}

.fa-ankh:before {
  content: "\f644";
}

.fa-app-store:before {
  content: "\f36f";
}

.fa-app-store-ios:before {
  content: "\f370";
}

.fa-apper:before {
  content: "\f371";
}

.fa-apple:before {
  content: "\f179";
}

.fa-apple-alt:before {
  content: "\f5d1";
}

.fa-apple-pay:before {
  content: "\f415";
}

.fa-archive:before {
  content: "\f187";
}

.fa-archway:before {
  content: "\f557";
}

.fa-arrow-alt-circle-down:before {
  content: "\f358";
}

.fa-arrow-alt-circle-left:before {
  content: "\f359";
}

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-arrows-alt-h:before {
  content: "\f337";
}

.fa-arrows-alt-v:before {
  content: "\f338";
}

.fa-artstation:before {
  content: "\f77a";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-asymmetrik:before {
  content: "\f372";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-atlas:before {
  content: "\f558";
}

.fa-atlassian:before {
  content: "\f77b";
}

.fa-atom:before {
  content: "\f5d2";
}

.fa-audible:before {
  content: "\f373";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-autoprefixer:before {
  content: "\f41c";
}

.fa-avianex:before {
  content: "\f374";
}

.fa-aviato:before {
  content: "\f421";
}

.fa-award:before {
  content: "\f559";
}

.fa-aws:before {
  content: "\f375";
}

.fa-baby:before {
  content: "\f77c";
}

.fa-baby-carriage:before {
  content: "\f77d";
}

.fa-backspace:before {
  content: "\f55a";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-bacon:before {
  content: "\f7e5";
}

.fa-bacteria:before {
  content: "\e059";
}

.fa-bacterium:before {
  content: "\e05a";
}

.fa-bahai:before {
  content: "\f666";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-balance-scale-left:before {
  content: "\f515";
}

.fa-balance-scale-right:before {
  content: "\f516";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-band-aid:before {
  content: "\f462";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-baseball-ball:before {
  content: "\f433";
}

.fa-basketball-ball:before {
  content: "\f434";
}

.fa-bath:before {
  content: "\f2cd";
}

.fa-battery-empty:before {
  content: "\f244";
}

.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battle-net:before {
  content: "\f835";
}

.fa-bed:before {
  content: "\f236";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bezier-curve:before {
  content: "\f55b";
}

.fa-bible:before {
  content: "\f647";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-biking:before {
  content: "\f84a";
}

.fa-bimobject:before {
  content: "\f378";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-biohazard:before {
  content: "\f780";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitcoin:before {
  content: "\f379";
}

.fa-bity:before {
  content: "\f37a";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-blackberry:before {
  content: "\f37b";
}

.fa-blender:before {
  content: "\f517";
}

.fa-blender-phone:before {
  content: "\f6b6";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-blog:before {
  content: "\f781";
}

.fa-blogger:before {
  content: "\f37c";
}

.fa-blogger-b:before {
  content: "\f37d";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-bold:before {
  content: "\f032";
}

.fa-bolt:before {
  content: "\f0e7";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-bone:before {
  content: "\f5d7";
}

.fa-bong:before {
  content: "\f55c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-book-dead:before {
  content: "\f6b7";
}

.fa-book-medical:before {
  content: "\f7e6";
}

.fa-book-open:before {
  content: "\f518";
}

.fa-book-reader:before {
  content: "\f5da";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-bootstrap:before {
  content: "\f836";
}

.fa-border-all:before {
  content: "\f84c";
}

.fa-border-none:before {
  content: "\f850";
}

.fa-border-style:before {
  content: "\f853";
}

.fa-bowling-ball:before {
  content: "\f436";
}

.fa-box:before {
  content: "\f466";
}

.fa-box-open:before {
  content: "\f49e";
}

.fa-box-tissue:before {
  content: "\e05b";
}

.fa-boxes:before {
  content: "\f468";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-brain:before {
  content: "\f5dc";
}

.fa-bread-slice:before {
  content: "\f7ec";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-briefcase-medical:before {
  content: "\f469";
}

.fa-broadcast-tower:before {
  content: "\f519";
}

.fa-broom:before {
  content: "\f51a";
}

.fa-brush:before {
  content: "\f55d";
}

.fa-btc:before {
  content: "\f15a";
}

.fa-buffer:before {
  content: "\f837";
}

.fa-bug:before {
  content: "\f188";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-burn:before {
  content: "\f46a";
}

.fa-buromobelexperte:before {
  content: "\f37f";
}

.fa-bus:before {
  content: "\f207";
}

.fa-bus-alt:before {
  content: "\f55e";
}

.fa-business-time:before {
  content: "\f64a";
}

.fa-buy-n-large:before {
  content: "\f8a6";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-calendar-check:before {
  content: "\f274";
}

.fa-calendar-day:before {
  content: "\f783";
}

.fa-calendar-minus:before {
  content: "\f272";
}

.fa-calendar-plus:before {
  content: "\f271";
}

.fa-calendar-times:before {
  content: "\f273";
}

.fa-calendar-week:before {
  content: "\f784";
}

.fa-camera:before {
  content: "\f030";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-campground:before {
  content: "\f6bb";
}

.fa-canadian-maple-leaf:before {
  content: "\f785";
}

.fa-candy-cane:before {
  content: "\f786";
}

.fa-cannabis:before {
  content: "\f55f";
}

.fa-capsules:before {
  content: "\f46b";
}

.fa-car:before {
  content: "\f1b9";
}

.fa-car-alt:before {
  content: "\f5de";
}

.fa-car-battery:before {
  content: "\f5df";
}

.fa-car-crash:before {
  content: "\f5e1";
}

.fa-car-side:before {
  content: "\f5e4";
}

.fa-caravan:before {
  content: "\f8ff";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-square-down:before {
  content: "\f150";
}

.fa-caret-square-left:before {
  content: "\f191";
}

.fa-caret-square-right:before {
  content: "\f152";
}

.fa-caret-square-up:before {
  content: "\f151";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-carrot:before {
  content: "\f787";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cash-register:before {
  content: "\f788";
}

.fa-cat:before {
  content: "\f6be";
}

.fa-cc-amazon-pay:before {
  content: "\f42d";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-apple-pay:before {
  content: "\f416";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-centercode:before {
  content: "\f380";
}

.fa-centos:before {
  content: "\f789";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-chair:before {
  content: "\f6c0";
}

.fa-chalkboard:before {
  content: "\f51b";
}

.fa-chalkboard-teacher:before {
  content: "\f51c";
}

.fa-charging-station:before {
  content: "\f5e7";
}

.fa-chart-area:before {
  content: "\f1fe";
}

.fa-chart-bar:before {
  content: "\f080";
}

.fa-chart-line:before {
  content: "\f201";
}

.fa-chart-pie:before {
  content: "\f200";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-cheese:before {
  content: "\f7ef";
}

.fa-chess:before {
  content: "\f439";
}

.fa-chess-bishop:before {
  content: "\f43a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chess-king:before {
  content: "\f43f";
}

.fa-chess-knight:before {
  content: "\f441";
}

.fa-chess-pawn:before {
  content: "\f443";
}

.fa-chess-queen:before {
  content: "\f445";
}

.fa-chess-rook:before {
  content: "\f447";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-chromecast:before {
  content: "\f838";
}

.fa-church:before {
  content: "\f51d";
}

.fa-circle:before {
  content: "\f111";
}

.fa-circle-notch:before {
  content: "\f1ce";
}

.fa-city:before {
  content: "\f64f";
}

.fa-clinic-medical:before {
  content: "\f7f2";
}

.fa-clipboard:before {
  content: "\f328";
}

.fa-clipboard-check:before {
  content: "\f46c";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-closed-captioning:before {
  content: "\f20a";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-cloud-download-alt:before {
  content: "\f381";
}

.fa-cloud-meatball:before {
  content: "\f73b";
}

.fa-cloud-moon:before {
  content: "\f6c3";
}

.fa-cloud-moon-rain:before {
  content: "\f73c";
}

.fa-cloud-rain:before {
  content: "\f73d";
}

.fa-cloud-showers-heavy:before {
  content: "\f740";
}

.fa-cloud-sun:before {
  content: "\f6c4";
}

.fa-cloud-sun-rain:before {
  content: "\f743";
}

.fa-cloud-upload-alt:before {
  content: "\f382";
}

.fa-cloudflare:before {
  content: "\e07d";
}

.fa-cloudscale:before {
  content: "\f383";
}

.fa-cloudsmith:before {
  content: "\f384";
}

.fa-cloudversify:before {
  content: "\f385";
}

.fa-cocktail:before {
  content: "\f561";
}

.fa-code:before {
  content: "\f121";
}

.fa-code-branch:before {
  content: "\f126";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-coins:before {
  content: "\f51e";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comment-alt:before {
  content: "\f27a";
}

.fa-comment-dollar:before {
  content: "\f651";
}

.fa-comment-dots:before {
  content: "\f4ad";
}

.fa-comment-medical:before {
  content: "\f7f5";
}

.fa-comment-slash:before {
  content: "\f4b3";
}

.fa-comments:before {
  content: "\f086";
}

.fa-comments-dollar:before {
  content: "\f653";
}

.fa-compact-disc:before {
  content: "\f51f";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-compress:before {
  content: "\f066";
}

.fa-compress-alt:before {
  content: "\f422";
}

.fa-compress-arrows-alt:before {
  content: "\f78c";
}

.fa-concierge-bell:before {
  content: "\f562";
}

.fa-confluence:before {
  content: "\f78d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-cookie:before {
  content: "\f563";
}

.fa-cookie-bite:before {
  content: "\f564";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-cotton-bureau:before {
  content: "\f89e";
}

.fa-couch:before {
  content: "\f4b8";
}

.fa-cpanel:before {
  content: "\f388";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-creative-commons-by:before {
  content: "\f4e7";
}

.fa-creative-commons-nc:before {
  content: "\f4e8";
}

.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}

.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}

.fa-creative-commons-nd:before {
  content: "\f4eb";
}

.fa-creative-commons-pd:before {
  content: "\f4ec";
}

.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}

.fa-creative-commons-remix:before {
  content: "\f4ee";
}

.fa-creative-commons-sa:before {
  content: "\f4ef";
}

.fa-creative-commons-sampling:before {
  content: "\f4f0";
}

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}

.fa-creative-commons-share:before {
  content: "\f4f2";
}

.fa-creative-commons-zero:before {
  content: "\f4f3";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-critical-role:before {
  content: "\f6c9";
}

.fa-crop:before {
  content: "\f125";
}

.fa-crop-alt:before {
  content: "\f565";
}

.fa-cross:before {
  content: "\f654";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-crow:before {
  content: "\f520";
}

.fa-crown:before {
  content: "\f521";
}

.fa-crutch:before {
  content: "\f7f7";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-css3-alt:before {
  content: "\f38b";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-cuttlefish:before {
  content: "\f38c";
}

.fa-d-and-d:before {
  content: "\f38d";
}

.fa-d-and-d-beyond:before {
  content: "\f6ca";
}

.fa-dailymotion:before {
  content: "\e052";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-deaf:before {
  content: "\f2a4";
}

.fa-deezer:before {
  content: "\e077";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-democrat:before {
  content: "\f747";
}

.fa-deploydog:before {
  content: "\f38e";
}

.fa-deskpro:before {
  content: "\f38f";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-dev:before {
  content: "\f6cc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-dharmachakra:before {
  content: "\f655";
}

.fa-dhl:before {
  content: "\f790";
}

.fa-diagnoses:before {
  content: "\f470";
}

.fa-diaspora:before {
  content: "\f791";
}

.fa-dice:before {
  content: "\f522";
}

.fa-dice-d20:before {
  content: "\f6cf";
}

.fa-dice-d6:before {
  content: "\f6d1";
}

.fa-dice-five:before {
  content: "\f523";
}

.fa-dice-four:before {
  content: "\f524";
}

.fa-dice-one:before {
  content: "\f525";
}

.fa-dice-six:before {
  content: "\f526";
}

.fa-dice-three:before {
  content: "\f527";
}

.fa-dice-two:before {
  content: "\f528";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-digital-ocean:before {
  content: "\f391";
}

.fa-digital-tachograph:before {
  content: "\f566";
}

.fa-directions:before {
  content: "\f5eb";
}

.fa-discord:before {
  content: "\f392";
}

.fa-discourse:before {
  content: "\f393";
}

.fa-disease:before {
  content: "\f7fa";
}

.fa-divide:before {
  content: "\f529";
}

.fa-dizzy:before {
  content: "\f567";
}

.fa-dna:before {
  content: "\f471";
}

.fa-dochub:before {
  content: "\f394";
}

.fa-docker:before {
  content: "\f395";
}

.fa-dog:before {
  content: "\f6d3";
}

.fa-dollar-sign:before {
  content: "\f155";
}

.fa-dolly:before {
  content: "\f472";
}

.fa-dolly-flatbed:before {
  content: "\f474";
}

.fa-donate:before {
  content: "\f4b9";
}

.fa-door-closed:before {
  content: "\f52a";
}

.fa-door-open:before {
  content: "\f52b";
}

.fa-dot-circle:before {
  content: "\f192";
}

.fa-dove:before {
  content: "\f4ba";
}

.fa-download:before {
  content: "\f019";
}

.fa-draft2digital:before {
  content: "\f396";
}

.fa-drafting-compass:before {
  content: "\f568";
}

.fa-dragon:before {
  content: "\f6d5";
}

.fa-draw-polygon:before {
  content: "\f5ee";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-dribbble-square:before {
  content: "\f397";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-drum:before {
  content: "\f569";
}

.fa-drum-steelpan:before {
  content: "\f56a";
}

.fa-drumstick-bite:before {
  content: "\f6d7";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-dumbbell:before {
  content: "\f44b";
}

.fa-dumpster:before {
  content: "\f793";
}

.fa-dumpster-fire:before {
  content: "\f794";
}

.fa-dungeon:before {
  content: "\f6d9";
}

.fa-dyalog:before {
  content: "\f399";
}

.fa-earlybirds:before {
  content: "\f39a";
}

.fa-ebay:before {
  content: "\f4f4";
}

.fa-edge:before {
  content: "\f282";
}

.fa-edge-legacy:before {
  content: "\e078";
}

.fa-edit:before {
  content: "\f044";
}

.fa-egg:before {
  content: "\f7fb";
}

.fa-eject:before {
  content: "\f052";
}

.fa-elementor:before {
  content: "\f430";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-ello:before {
  content: "\f5f1";
}

.fa-ember:before {
  content: "\f423";
}

.fa-empire:before {
  content: "\f1d1";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-envira:before {
  content: "\f299";
}

.fa-equals:before {
  content: "\f52c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-erlang:before {
  content: "\f39d";
}

.fa-ethereum:before {
  content: "\f42e";
}

.fa-ethernet:before {
  content: "\f796";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-euro-sign:before {
  content: "\f153";
}

.fa-evernote:before {
  content: "\f839";
}

.fa-exchange-alt:before {
  content: "\f362";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-expand:before {
  content: "\f065";
}

.fa-expand-alt:before {
  content: "\f424";
}

.fa-expand-arrows-alt:before {
  content: "\f31e";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-external-link-alt:before {
  content: "\f35d";
}

.fa-external-link-square-alt:before {
  content: "\f360";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-dropper:before {
  content: "\f1fb";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-fan:before {
  content: "\f863";
}

.fa-fantasy-flight-games:before {
  content: "\f6dc";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-faucet:before {
  content: "\e005";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-feather:before {
  content: "\f52d";
}

.fa-feather-alt:before {
  content: "\f56b";
}

.fa-fedex:before {
  content: "\f797";
}

.fa-fedora:before {
  content: "\f798";
}

.fa-female:before {
  content: "\f182";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-figma:before {
  content: "\f799";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-alt:before {
  content: "\f15c";
}

.fa-file-archive:before, a[download][href$=".gz"]:not(.has-icon):before, a[download][href$=".tar"]:not(.has-icon):before, a[download][href$=".zip"]:not(.has-icon):before {
  content: "\f1c6";
}

.fa-file-audio:before, a[download][href$=".wav"]:not(.has-icon):before, a[download][href$=".aiff"]:not(.has-icon):before, a[download][href$=".m4a"]:not(.has-icon):before, a[download][href$=".mp3"]:not(.has-icon):before {
  content: "\f1c7";
}

.fa-file-code:before {
  content: "\f1c9";
}

.fa-file-contract:before {
  content: "\f56c";
}

.fa-file-csv:before {
  content: "\f6dd";
}

.fa-file-download:before {
  content: "\f56d";
}

.fa-file-excel:before, a[download][href$=".odt"]:not(.has-icon):before, a[download][href$=".xlsx"]:not(.has-icon):before, a[download][href$=".xls"]:not(.has-icon):before {
  content: "\f1c3";
}

.fa-file-export:before {
  content: "\f56e";
}

.fa-file-image:before, a[download][href$=".tif"]:not(.has-icon):before, a[download][href$=".tiff"]:not(.has-icon):before, a[download][href$=".gif"]:not(.has-icon):before, a[download][href$=".png"]:not(.has-icon):before, a[download][href$=".jpeg"]:not(.has-icon):before, a[download][href$=".jpg"]:not(.has-icon):before {
  content: "\f1c5";
}

.fa-file-import:before {
  content: "\f56f";
}

.fa-file-invoice:before {
  content: "\f570";
}

.fa-file-invoice-dollar:before {
  content: "\f571";
}

.fa-file-medical:before {
  content: "\f477";
}

.fa-file-medical-alt:before {
  content: "\f478";
}

.fa-file-pdf:before, a[download][href$=".pdf"]:not(.has-icon):before {
  content: "\f1c1";
}

.fa-file-powerpoint:before, a[download][href$=".odp"]:not(.has-icon):before, a[download][href$=".ppt"]:not(.has-icon):before {
  content: "\f1c4";
}

.fa-file-prescription:before {
  content: "\f572";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-file-upload:before {
  content: "\f574";
}

.fa-file-video:before, a[download][href$=".avi"]:not(.has-icon):before, a[download][href$=".m4v"]:not(.has-icon):before, a[download][href$=".mp4"]:not(.has-icon):before, a[download][href$=".mov"]:not(.has-icon):before {
  content: "\f1c8";
}

.fa-file-word:before, a[download][href$=".odf"]:not(.has-icon):before, a[download][href$=".docx"]:not(.has-icon):before, a[download][href$=".doc"]:not(.has-icon):before {
  content: "\f1c2";
}

.fa-fill:before {
  content: "\f575";
}

.fa-fill-drip:before {
  content: "\f576";
}

.fa-film:before {
  content: "\f008";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-fingerprint:before {
  content: "\f577";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-fire-alt:before {
  content: "\f7e4";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-firefox-browser:before {
  content: "\e007";
}

.fa-first-aid:before {
  content: "\f479";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-first-order-alt:before {
  content: "\f50a";
}

.fa-firstdraft:before {
  content: "\f3a1";
}

.fa-fish:before {
  content: "\f578";
}

.fa-fist-raised:before {
  content: "\f6de";
}

.fa-flag:before {
  content: "\f024";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-flag-usa:before {
  content: "\f74d";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-flipboard:before {
  content: "\f44d";
}

.fa-flushed:before {
  content: "\f579";
}

.fa-fly:before {
  content: "\f417";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-minus:before {
  content: "\f65d";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-folder-plus:before {
  content: "\f65e";
}

.fa-font:before {
  content: "\f031";
}

.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-font-awesome-alt:before {
  content: "\f35c";
}

.fa-font-awesome-flag:before {
  content: "\f425";
}

.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-fonticons-fi:before {
  content: "\f3a2";
}

.fa-football-ball:before {
  content: "\f44e";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-fort-awesome-alt:before {
  content: "\f3a3";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-freebsd:before {
  content: "\f3a4";
}

.fa-frog:before {
  content: "\f52e";
}

.fa-frown:before {
  content: "\f119";
}

.fa-frown-open:before {
  content: "\f57a";
}

.fa-fulcrum:before {
  content: "\f50b";
}

.fa-funnel-dollar:before {
  content: "\f662";
}

.fa-futbol:before {
  content: "\f1e3";
}

.fa-galactic-republic:before {
  content: "\f50c";
}

.fa-galactic-senate:before {
  content: "\f50d";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-gas-pump:before {
  content: "\f52f";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gem:before {
  content: "\f3a5";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-ghost:before {
  content: "\f6e2";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-gifts:before {
  content: "\f79c";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-git-alt:before {
  content: "\f841";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-github:before {
  content: "\f09b";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-gitkraken:before {
  content: "\f3a6";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-gitter:before {
  content: "\f426";
}

.fa-glass-cheers:before {
  content: "\f79f";
}

.fa-glass-martini:before {
  content: "\f000";
}

.fa-glass-martini-alt:before {
  content: "\f57b";
}

.fa-glass-whiskey:before {
  content: "\f7a0";
}

.fa-glasses:before {
  content: "\f530";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-globe-africa:before {
  content: "\f57c";
}

.fa-globe-americas:before {
  content: "\f57d";
}

.fa-globe-asia:before {
  content: "\f57e";
}

.fa-globe-europe:before {
  content: "\f7a2";
}

.fa-gofore:before {
  content: "\f3a7";
}

.fa-golf-ball:before {
  content: "\f450";
}

.fa-goodreads:before {
  content: "\f3a8";
}

.fa-goodreads-g:before {
  content: "\f3a9";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-google-drive:before {
  content: "\f3aa";
}

.fa-google-pay:before {
  content: "\e079";
}

.fa-google-play:before {
  content: "\f3ab";
}

.fa-google-plus:before {
  content: "\f2b3";
}

.fa-google-plus-g:before {
  content: "\f0d5";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-gopuram:before {
  content: "\f664";
}

.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-gratipay:before {
  content: "\f184";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-greater-than:before {
  content: "\f531";
}

.fa-greater-than-equal:before {
  content: "\f532";
}

.fa-grimace:before {
  content: "\f57f";
}

.fa-grin:before {
  content: "\f580";
}

.fa-grin-alt:before {
  content: "\f581";
}

.fa-grin-beam:before {
  content: "\f582";
}

.fa-grin-beam-sweat:before {
  content: "\f583";
}

.fa-grin-hearts:before {
  content: "\f584";
}

.fa-grin-squint:before {
  content: "\f585";
}

.fa-grin-squint-tears:before {
  content: "\f586";
}

.fa-grin-stars:before {
  content: "\f587";
}

.fa-grin-tears:before {
  content: "\f588";
}

.fa-grin-tongue:before {
  content: "\f589";
}

.fa-grin-tongue-squint:before {
  content: "\f58a";
}

.fa-grin-tongue-wink:before {
  content: "\f58b";
}

.fa-grin-wink:before {
  content: "\f58c";
}

.fa-grip-horizontal:before {
  content: "\f58d";
}

.fa-grip-lines:before {
  content: "\f7a4";
}

.fa-grip-lines-vertical:before {
  content: "\f7a5";
}

.fa-grip-vertical:before {
  content: "\f58e";
}

.fa-gripfire:before {
  content: "\f3ac";
}

.fa-grunt:before {
  content: "\f3ad";
}

.fa-guilded:before {
  content: "\e07e";
}

.fa-guitar:before {
  content: "\f7a6";
}

.fa-gulp:before {
  content: "\f3ae";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-hacker-news-square:before {
  content: "\f3af";
}

.fa-hackerrank:before {
  content: "\f5f7";
}

.fa-hamburger:before {
  content: "\f805";
}

.fa-hammer:before {
  content: "\f6e3";
}

.fa-hamsa:before {
  content: "\f665";
}

.fa-hand-holding:before {
  content: "\f4bd";
}

.fa-hand-holding-heart:before {
  content: "\f4be";
}

.fa-hand-holding-medical:before {
  content: "\e05c";
}

.fa-hand-holding-usd:before {
  content: "\f4c0";
}

.fa-hand-holding-water:before {
  content: "\f4c1";
}

.fa-hand-lizard:before {
  content: "\f258";
}

.fa-hand-middle-finger:before {
  content: "\f806";
}

.fa-hand-paper:before {
  content: "\f256";
}

.fa-hand-peace:before {
  content: "\f25b";
}

.fa-hand-point-down:before {
  content: "\f0a7";
}

.fa-hand-point-left:before {
  content: "\f0a5";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.fa-hand-point-up:before {
  content: "\f0a6";
}

.fa-hand-pointer:before {
  content: "\f25a";
}

.fa-hand-rock:before {
  content: "\f255";
}

.fa-hand-scissors:before {
  content: "\f257";
}

.fa-hand-sparkles:before {
  content: "\e05d";
}

.fa-hand-spock:before {
  content: "\f259";
}

.fa-hands:before {
  content: "\f4c2";
}

.fa-hands-helping:before {
  content: "\f4c4";
}

.fa-hands-wash:before {
  content: "\e05e";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-handshake-alt-slash:before {
  content: "\e05f";
}

.fa-handshake-slash:before {
  content: "\e060";
}

.fa-hanukiah:before {
  content: "\f6e6";
}

.fa-hard-hat:before {
  content: "\f807";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-hat-cowboy:before {
  content: "\f8c0";
}

.fa-hat-cowboy-side:before {
  content: "\f8c1";
}

.fa-hat-wizard:before {
  content: "\f6e8";
}

.fa-hdd:before {
  content: "\f0a0";
}

.fa-head-side-cough:before {
  content: "\e061";
}

.fa-head-side-cough-slash:before {
  content: "\e062";
}

.fa-head-side-mask:before {
  content: "\e063";
}

.fa-head-side-virus:before {
  content: "\e064";
}

.fa-heading:before {
  content: "\f1dc";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-heart:before {
  content: "\f004";
}

.fa-heart-broken:before {
  content: "\f7a9";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-helicopter:before {
  content: "\f533";
}

.fa-highlighter:before {
  content: "\f591";
}

.fa-hiking:before {
  content: "\f6ec";
}

.fa-hippo:before {
  content: "\f6ed";
}

.fa-hips:before {
  content: "\f452";
}

.fa-hire-a-helper:before {
  content: "\f3b0";
}

.fa-history:before {
  content: "\f1da";
}

.fa-hive:before {
  content: "\e07f";
}

.fa-hockey-puck:before {
  content: "\f453";
}

.fa-holly-berry:before {
  content: "\f7aa";
}

.fa-home:before {
  content: "\f015";
}

.fa-hooli:before {
  content: "\f427";
}

.fa-hornbill:before {
  content: "\f592";
}

.fa-horse:before {
  content: "\f6f0";
}

.fa-horse-head:before {
  content: "\f7ab";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-hospital-alt:before {
  content: "\f47d";
}

.fa-hospital-symbol:before {
  content: "\f47e";
}

.fa-hospital-user:before {
  content: "\f80d";
}

.fa-hot-tub:before {
  content: "\f593";
}

.fa-hotdog:before {
  content: "\f80f";
}

.fa-hotel:before {
  content: "\f594";
}

.fa-hotjar:before {
  content: "\f3b1";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-start:before {
  content: "\f251";
}

.fa-house-damage:before {
  content: "\f6f1";
}

.fa-house-user:before {
  content: "\e065";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-hryvnia:before {
  content: "\f6f2";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-hubspot:before {
  content: "\f3b2";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-ice-cream:before {
  content: "\f810";
}

.fa-icicles:before {
  content: "\f7ad";
}

.fa-icons:before {
  content: "\f86d";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-id-card:before {
  content: "\f2c2";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-ideal:before {
  content: "\e013";
}

.fa-igloo:before {
  content: "\f7ae";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-industry:before {
  content: "\f275";
}

.fa-infinity:before {
  content: "\f534";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-innosoft:before {
  content: "\e080";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "\e055";
}

.fa-instalod:before {
  content: "\e081";
}

.fa-intercom:before {
  content: "\f7af";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-invision:before {
  content: "\f7b0";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-italic:before {
  content: "\f033";
}

.fa-itch-io:before {
  content: "\f83a";
}

.fa-itunes:before {
  content: "\f3b4";
}

.fa-itunes-note:before {
  content: "\f3b5";
}

.fa-java:before {
  content: "\f4e4";
}

.fa-jedi:before {
  content: "\f669";
}

.fa-jedi-order:before {
  content: "\f50e";
}

.fa-jenkins:before {
  content: "\f3b6";
}

.fa-jira:before {
  content: "\f7b1";
}

.fa-joget:before {
  content: "\f3b7";
}

.fa-joint:before {
  content: "\f595";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-journal-whills:before {
  content: "\f66a";
}

.fa-js:before {
  content: "\f3b8";
}

.fa-js-square:before {
  content: "\f3b9";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-kaaba:before {
  content: "\f66b";
}

.fa-kaggle:before {
  content: "\f5fa";
}

.fa-key:before {
  content: "\f084";
}

.fa-keybase:before {
  content: "\f4f5";
}

.fa-keyboard:before {
  content: "\f11c";
}

.fa-keycdn:before {
  content: "\f3ba";
}

.fa-khanda:before {
  content: "\f66d";
}

.fa-kickstarter:before {
  content: "\f3bb";
}

.fa-kickstarter-k:before {
  content: "\f3bc";
}

.fa-kiss:before {
  content: "\f596";
}

.fa-kiss-beam:before {
  content: "\f597";
}

.fa-kiss-wink-heart:before {
  content: "\f598";
}

.fa-kiwi-bird:before {
  content: "\f535";
}

.fa-korvue:before {
  content: "\f42f";
}

.fa-landmark:before {
  content: "\f66f";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-laptop-code:before {
  content: "\f5fc";
}

.fa-laptop-house:before {
  content: "\e066";
}

.fa-laptop-medical:before {
  content: "\f812";
}

.fa-laravel:before {
  content: "\f3bd";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-laugh:before {
  content: "\f599";
}

.fa-laugh-beam:before {
  content: "\f59a";
}

.fa-laugh-squint:before {
  content: "\f59b";
}

.fa-laugh-wink:before {
  content: "\f59c";
}

.fa-layer-group:before {
  content: "\f5fd";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-lemon:before {
  content: "\f094";
}

.fa-less:before {
  content: "\f41d";
}

.fa-less-than:before {
  content: "\f536";
}

.fa-less-than-equal:before {
  content: "\f537";
}

.fa-level-down-alt:before {
  content: "\f3be";
}

.fa-level-up-alt:before {
  content: "\f3bf";
}

.fa-life-ring:before {
  content: "\f1cd";
}

.fa-lightbulb:before {
  content: "\f0eb";
}

.fa-line:before {
  content: "\f3c0";
}

.fa-link:before {
  content: "\f0c1";
}

.fa-linkedin:before {
  content: "\f08c";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-lira-sign:before {
  content: "\f195";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-lock:before {
  content: "\f023";
}

.fa-lock-open:before {
  content: "\f3c1";
}

.fa-long-arrow-alt-down:before {
  content: "\f309";
}

.fa-long-arrow-alt-left:before {
  content: "\f30a";
}

.fa-long-arrow-alt-right:before {
  content: "\f30b";
}

.fa-long-arrow-alt-up:before {
  content: "\f30c";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-luggage-cart:before {
  content: "\f59d";
}

.fa-lungs:before {
  content: "\f604";
}

.fa-lungs-virus:before {
  content: "\e067";
}

.fa-lyft:before {
  content: "\f3c3";
}

.fa-magento:before {
  content: "\f3c4";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-mail-bulk:before {
  content: "\f674";
}

.fa-mailchimp:before {
  content: "\f59e";
}

.fa-male:before {
  content: "\f183";
}

.fa-mandalorian:before {
  content: "\f50f";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-markdown:before {
  content: "\f60f";
}

.fa-marker:before {
  content: "\f5a1";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mask:before {
  content: "\f6fa";
}

.fa-mastodon:before {
  content: "\f4f6";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-mdb:before {
  content: "\f8ca";
}

.fa-medal:before {
  content: "\f5a2";
}

.fa-medapps:before {
  content: "\f3c6";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-medrt:before {
  content: "\f3c8";
}

.fa-meetup:before {
  content: "\f2e0";
}

.fa-megaport:before {
  content: "\f5a3";
}

.fa-meh:before {
  content: "\f11a";
}

.fa-meh-blank:before {
  content: "\f5a4";
}

.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}

.fa-memory:before {
  content: "\f538";
}

.fa-mendeley:before {
  content: "\f7b3";
}

.fa-menorah:before {
  content: "\f676";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-meteor:before {
  content: "\f753";
}

.fa-microblog:before {
  content: "\e01a";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-alt:before {
  content: "\f3c9";
}

.fa-microphone-alt-slash:before {
  content: "\f539";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-microscope:before {
  content: "\f610";
}

.fa-microsoft:before {
  content: "\f3ca";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-mitten:before {
  content: "\f7b5";
}

.fa-mix:before {
  content: "\f3cb";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-mixer:before {
  content: "\e056";
}

.fa-mizuni:before {
  content: "\f3cc";
}

.fa-mobile:before {
  content: "\f10b";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-modx:before {
  content: "\f285";
}

.fa-monero:before {
  content: "\f3d0";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-money-bill-wave:before {
  content: "\f53a";
}

.fa-money-bill-wave-alt:before {
  content: "\f53b";
}

.fa-money-check:before {
  content: "\f53c";
}

.fa-money-check-alt:before {
  content: "\f53d";
}

.fa-monument:before {
  content: "\f5a6";
}

.fa-moon:before {
  content: "\f186";
}

.fa-mortar-pestle:before {
  content: "\f5a7";
}

.fa-mosque:before {
  content: "\f678";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-mountain:before {
  content: "\f6fc";
}

.fa-mouse:before {
  content: "\f8cc";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-mug-hot:before {
  content: "\f7b6";
}

.fa-music:before {
  content: "\f001";
}

.fa-napster:before {
  content: "\f3d2";
}

.fa-neos:before {
  content: "\f612";
}

.fa-network-wired:before {
  content: "\f6ff";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-newspaper:before {
  content: "\f1ea";
}

.fa-nimblr:before {
  content: "\f5a8";
}

.fa-node:before {
  content: "\f419";
}

.fa-node-js:before {
  content: "\f3d3";
}

.fa-not-equal:before {
  content: "\f53e";
}

.fa-notes-medical:before {
  content: "\f481";
}

.fa-npm:before {
  content: "\f3d4";
}

.fa-ns8:before {
  content: "\f3d5";
}

.fa-nutritionix:before {
  content: "\f3d6";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-octopus-deploy:before {
  content: "\e082";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-oil-can:before {
  content: "\f613";
}

.fa-old-republic:before {
  content: "\f510";
}

.fa-om:before {
  content: "\f679";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-orcid:before {
  content: "\f8d2";
}

.fa-osi:before {
  content: "\f41a";
}

.fa-otter:before {
  content: "\f700";
}

.fa-outdent:before {
  content: "\f03b";
}

.fa-page4:before {
  content: "\f3d7";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-pager:before {
  content: "\f815";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-paint-roller:before {
  content: "\f5aa";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-palfed:before {
  content: "\f3d8";
}

.fa-pallet:before {
  content: "\f482";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-parachute-box:before {
  content: "\f4cd";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-parking:before {
  content: "\f540";
}

.fa-passport:before {
  content: "\f5ab";
}

.fa-pastafarianism:before {
  content: "\f67b";
}

.fa-paste:before {
  content: "\f0ea";
}

.fa-patreon:before {
  content: "\f3d9";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-peace:before {
  content: "\f67c";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-alt:before {
  content: "\f305";
}

.fa-pen-fancy:before {
  content: "\f5ac";
}

.fa-pen-nib:before {
  content: "\f5ad";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-penny-arcade:before {
  content: "\f704";
}

.fa-people-arrows:before {
  content: "\e068";
}

.fa-people-carry:before {
  content: "\f4ce";
}

.fa-pepper-hot:before {
  content: "\f816";
}

.fa-perbyte:before {
  content: "\e083";
}

.fa-percent:before {
  content: "\f295";
}

.fa-percentage:before {
  content: "\f541";
}

.fa-periscope:before {
  content: "\f3da";
}

.fa-person-booth:before {
  content: "\f756";
}

.fa-phabricator:before {
  content: "\f3db";
}

.fa-phoenix-framework:before {
  content: "\f3dc";
}

.fa-phoenix-squadron:before {
  content: "\f511";
}

.fa-phone:before {
  content: "\f095";
}

.fa-phone-alt:before {
  content: "\f879";
}

.fa-phone-slash:before {
  content: "\f3dd";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-phone-square-alt:before {
  content: "\f87b";
}

.fa-phone-volume:before {
  content: "\f2a0";
}

.fa-photo-video:before {
  content: "\f87c";
}

.fa-php:before {
  content: "\f457";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-pied-piper-hat:before {
  content: "\f4e5";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-square:before {
  content: "\e01e";
}

.fa-piggy-bank:before {
  content: "\f4d3";
}

.fa-pills:before {
  content: "\f484";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-pizza-slice:before {
  content: "\f818";
}

.fa-place-of-worship:before {
  content: "\f67f";
}

.fa-plane:before {
  content: "\f072";
}

.fa-plane-arrival:before {
  content: "\f5af";
}

.fa-plane-departure:before {
  content: "\f5b0";
}

.fa-plane-slash:before {
  content: "\e069";
}

.fa-play:before {
  content: "\f04b";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-playstation:before {
  content: "\f3df";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-poll:before {
  content: "\f681";
}

.fa-poll-h:before {
  content: "\f682";
}

.fa-poo:before {
  content: "\f2fe";
}

.fa-poo-storm:before {
  content: "\f75a";
}

.fa-poop:before {
  content: "\f619";
}

.fa-portrait:before {
  content: "\f3e0";
}

.fa-pound-sign:before {
  content: "\f154";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-pray:before {
  content: "\f683";
}

.fa-praying-hands:before {
  content: "\f684";
}

.fa-prescription:before {
  content: "\f5b1";
}

.fa-prescription-bottle:before {
  content: "\f485";
}

.fa-prescription-bottle-alt:before {
  content: "\f486";
}

.fa-print:before {
  content: "\f02f";
}

.fa-procedures:before {
  content: "\f487";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-project-diagram:before {
  content: "\f542";
}

.fa-pump-medical:before {
  content: "\e06a";
}

.fa-pump-soap:before {
  content: "\e06b";
}

.fa-pushed:before {
  content: "\f3e1";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-python:before {
  content: "\f3e2";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-quidditch:before {
  content: "\f458";
}

.fa-quinscape:before {
  content: "\f459";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-quran:before {
  content: "\f687";
}

.fa-r-project:before {
  content: "\f4f7";
}

.fa-radiation:before {
  content: "\f7b9";
}

.fa-radiation-alt:before {
  content: "\f7ba";
}

.fa-rainbow:before {
  content: "\f75b";
}

.fa-random:before {
  content: "\f074";
}

.fa-raspberry-pi:before {
  content: "\f7bb";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-react:before {
  content: "\f41b";
}

.fa-reacteurope:before {
  content: "\f75d";
}

.fa-readme:before {
  content: "\f4d5";
}

.fa-rebel:before {
  content: "\f1d0";
}

.fa-receipt:before {
  content: "\f543";
}

.fa-record-vinyl:before {
  content: "\f8d9";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-red-river:before {
  content: "\f3e3";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-redhat:before {
  content: "\f7bc";
}

.fa-redo:before {
  content: "\f01e";
}

.fa-redo-alt:before {
  content: "\f2f9";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-remove-format:before {
  content: "\f87d";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-replyd:before {
  content: "\f3e6";
}

.fa-republican:before {
  content: "\f75e";
}

.fa-researchgate:before {
  content: "\f4f8";
}

.fa-resolving:before {
  content: "\f3e7";
}

.fa-restroom:before {
  content: "\f7bd";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-rev:before {
  content: "\f5b2";
}

.fa-ribbon:before {
  content: "\f4d6";
}

.fa-ring:before {
  content: "\f70b";
}

.fa-road:before {
  content: "\f018";
}

.fa-robot:before {
  content: "\f544";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-rocketchat:before {
  content: "\f3e8";
}

.fa-rockrms:before {
  content: "\f3e9";
}

.fa-route:before {
  content: "\f4d7";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler:before {
  content: "\f545";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-running:before {
  content: "\f70c";
}

.fa-rupee-sign:before {
  content: "\f156";
}

.fa-rust:before {
  content: "\e07a";
}

.fa-sad-cry:before {
  content: "\f5b3";
}

.fa-sad-tear:before {
  content: "\f5b4";
}

.fa-safari:before {
  content: "\f267";
}

.fa-salesforce:before {
  content: "\f83b";
}

.fa-sass:before {
  content: "\f41e";
}

.fa-satellite:before {
  content: "\f7bf";
}

.fa-satellite-dish:before {
  content: "\f7c0";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-schlix:before {
  content: "\f3ea";
}

.fa-school:before {
  content: "\f549";
}

.fa-screwdriver:before {
  content: "\f54a";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-scroll:before {
  content: "\f70e";
}

.fa-sd-card:before {
  content: "\f7c2";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-dollar:before {
  content: "\f688";
}

.fa-search-location:before {
  content: "\f689";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-searchengin:before {
  content: "\f3eb";
}

.fa-seedling:before {
  content: "\f4d8";
}

.fa-sellcast:before {
  content: "\f2da";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-server:before {
  content: "\f233";
}

.fa-servicestack:before {
  content: "\f3ec";
}

.fa-shapes:before {
  content: "\f61f";
}

.fa-share:before {
  content: "\f064";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-shekel-sign:before {
  content: "\f20b";
}

.fa-shield-alt:before {
  content: "\f3ed";
}

.fa-shield-virus:before {
  content: "\e06c";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-shipping-fast:before {
  content: "\f48b";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-shoe-prints:before {
  content: "\f54b";
}

.fa-shopify:before {
  content: "\e057";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-shopware:before {
  content: "\f5b5";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-shuttle-van:before {
  content: "\f5b6";
}

.fa-sign:before {
  content: "\f4d9";
}

.fa-sign-in-alt:before {
  content: "\f2f6";
}

.fa-sign-language:before {
  content: "\f2a7";
}

.fa-sign-out-alt:before {
  content: "\f2f5";
}

.fa-signal:before {
  content: "\f012";
}

.fa-signature:before {
  content: "\f5b7";
}

.fa-sim-card:before {
  content: "\f7c4";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-sink:before {
  content: "\e06d";
}

.fa-sistrix:before {
  content: "\f3ee";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-sith:before {
  content: "\f512";
}

.fa-skating:before {
  content: "\f7c5";
}

.fa-sketch:before {
  content: "\f7c6";
}

.fa-skiing:before {
  content: "\f7c9";
}

.fa-skiing-nordic:before {
  content: "\f7ca";
}

.fa-skull:before {
  content: "\f54c";
}

.fa-skull-crossbones:before {
  content: "\f714";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-slack:before {
  content: "\f198";
}

.fa-slack-hash:before {
  content: "\f3ef";
}

.fa-slash:before {
  content: "\f715";
}

.fa-sleigh:before {
  content: "\f7cc";
}

.fa-sliders-h:before {
  content: "\f1de";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-smile:before {
  content: "\f118";
}

.fa-smile-beam:before {
  content: "\f5b8";
}

.fa-smile-wink:before {
  content: "\f4da";
}

.fa-smog:before {
  content: "\f75f";
}

.fa-smoking:before {
  content: "\f48d";
}

.fa-smoking-ban:before {
  content: "\f54d";
}

.fa-sms:before {
  content: "\f7cd";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-snowboarding:before {
  content: "\f7ce";
}

.fa-snowflake:before {
  content: "\f2dc";
}

.fa-snowman:before {
  content: "\f7d0";
}

.fa-snowplow:before {
  content: "\f7d2";
}

.fa-soap:before {
  content: "\e06e";
}

.fa-socks:before {
  content: "\f696";
}

.fa-solar-panel:before {
  content: "\f5ba";
}

.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-alpha-down:before {
  content: "\f15d";
}

.fa-sort-alpha-down-alt:before {
  content: "\f881";
}

.fa-sort-alpha-up:before {
  content: "\f15e";
}

.fa-sort-alpha-up-alt:before {
  content: "\f882";
}

.fa-sort-amount-down:before {
  content: "\f160";
}

.fa-sort-amount-down-alt:before {
  content: "\f884";
}

.fa-sort-amount-up:before {
  content: "\f161";
}

.fa-sort-amount-up-alt:before {
  content: "\f885";
}

.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-numeric-down:before {
  content: "\f162";
}

.fa-sort-numeric-down-alt:before {
  content: "\f886";
}

.fa-sort-numeric-up:before {
  content: "\f163";
}

.fa-sort-numeric-up-alt:before {
  content: "\f887";
}

.fa-sort-up:before {
  content: "\f0de";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-sourcetree:before {
  content: "\f7d3";
}

.fa-spa:before {
  content: "\f5bb";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-speakap:before {
  content: "\f3f3";
}

.fa-speaker-deck:before {
  content: "\f83c";
}

.fa-spell-check:before {
  content: "\f891";
}

.fa-spider:before {
  content: "\f717";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-splotch:before {
  content: "\f5bc";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-spray-can:before {
  content: "\f5bd";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-square-full:before {
  content: "\f45c";
}

.fa-square-root-alt:before {
  content: "\f698";
}

.fa-squarespace:before {
  content: "\f5be";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-stackpath:before {
  content: "\f842";
}

.fa-stamp:before {
  content: "\f5bf";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-and-crescent:before {
  content: "\f699";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-star-half-alt:before {
  content: "\f5c0";
}

.fa-star-of-david:before {
  content: "\f69a";
}

.fa-star-of-life:before {
  content: "\f621";
}

.fa-staylinked:before {
  content: "\f3f5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-steam-symbol:before {
  content: "\f3f6";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-sticker-mule:before {
  content: "\f3f7";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stopwatch:before {
  content: "\f2f2";
}

.fa-stopwatch-20:before {
  content: "\e06f";
}

.fa-store:before {
  content: "\f54e";
}

.fa-store-alt:before {
  content: "\f54f";
}

.fa-store-alt-slash:before {
  content: "\e070";
}

.fa-store-slash:before {
  content: "\e071";
}

.fa-strava:before {
  content: "\f428";
}

.fa-stream:before {
  content: "\f550";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-stripe:before {
  content: "\f429";
}

.fa-stripe-s:before {
  content: "\f42a";
}

.fa-stroopwafel:before {
  content: "\f551";
}

.fa-studiovinari:before {
  content: "\f3f8";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-subway:before {
  content: "\f239";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-suitcase-rolling:before {
  content: "\f5c1";
}

.fa-sun:before {
  content: "\f185";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-supple:before {
  content: "\f3f9";
}

.fa-surprise:before {
  content: "\f5c2";
}

.fa-suse:before {
  content: "\f7d6";
}

.fa-swatchbook:before {
  content: "\f5c3";
}

.fa-swift:before {
  content: "\f8e1";
}

.fa-swimmer:before {
  content: "\f5c4";
}

.fa-swimming-pool:before {
  content: "\f5c5";
}

.fa-symfony:before {
  content: "\f83d";
}

.fa-synagogue:before {
  content: "\f69b";
}

.fa-sync:before {
  content: "\f021";
}

.fa-sync-alt:before {
  content: "\f2f1";
}

.fa-syringe:before {
  content: "\f48e";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-table-tennis:before {
  content: "\f45d";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-tablet-alt:before {
  content: "\f3fa";
}

.fa-tablets:before {
  content: "\f490";
}

.fa-tachometer-alt:before {
  content: "\f3fd";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-tape:before {
  content: "\f4db";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-taxi:before {
  content: "\f1ba";
}

.fa-teamspeak:before {
  content: "\f4f9";
}

.fa-teeth:before {
  content: "\f62e";
}

.fa-teeth-open:before {
  content: "\f62f";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-temperature-high:before {
  content: "\f769";
}

.fa-temperature-low:before {
  content: "\f76b";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-tenge:before {
  content: "\f7d7";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-the-red-yeti:before {
  content: "\f69d";
}

.fa-theater-masks:before {
  content: "\f630";
}

.fa-themeco:before {
  content: "\f5c6";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-thermometer:before {
  content: "\f491";
}

.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-think-peaks:before {
  content: "\f731";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbtack:before {
  content: "\f08d";
}

.fa-ticket-alt:before {
  content: "\f3ff";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-tint:before {
  content: "\f043";
}

.fa-tint-slash:before {
  content: "\f5c7";
}

.fa-tired:before {
  content: "\f5c8";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-toilet:before {
  content: "\f7d8";
}

.fa-toilet-paper:before {
  content: "\f71e";
}

.fa-toilet-paper-slash:before {
  content: "\e072";
}

.fa-toolbox:before {
  content: "\f552";
}

.fa-tools:before {
  content: "\f7d9";
}

.fa-tooth:before {
  content: "\f5c9";
}

.fa-torah:before {
  content: "\f6a0";
}

.fa-torii-gate:before {
  content: "\f6a1";
}

.fa-tractor:before {
  content: "\f722";
}

.fa-trade-federation:before {
  content: "\f513";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-traffic-light:before {
  content: "\f637";
}

.fa-trailer:before {
  content: "\e041";
}

.fa-train:before {
  content: "\f238";
}

.fa-tram:before {
  content: "\f7da";
}

.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-trash-alt:before {
  content: "\f2ed";
}

.fa-trash-restore:before {
  content: "\f829";
}

.fa-trash-restore-alt:before {
  content: "\f82a";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-trello:before {
  content: "\f181";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-truck-loading:before {
  content: "\f4de";
}

.fa-truck-monster:before {
  content: "\f63b";
}

.fa-truck-moving:before {
  content: "\f4df";
}

.fa-truck-pickup:before {
  content: "\f63c";
}

.fa-tshirt:before {
  content: "\f553";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-tv:before {
  content: "\f26c";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-typo3:before {
  content: "\f42b";
}

.fa-uber:before {
  content: "\f402";
}

.fa-ubuntu:before {
  content: "\f7df";
}

.fa-uikit:before {
  content: "\f403";
}

.fa-umbraco:before {
  content: "\f8e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-umbrella-beach:before {
  content: "\f5ca";
}

.fa-uncharted:before {
  content: "\e084";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-undo:before {
  content: "\f0e2";
}

.fa-undo-alt:before {
  content: "\f2ea";
}

.fa-uniregistry:before {
  content: "\f404";
}

.fa-unity:before {
  content: "\e049";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-university:before {
  content: "\f19c";
}

.fa-unlink:before {
  content: "\f127";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-unsplash:before {
  content: "\e07c";
}

.fa-untappd:before {
  content: "\f405";
}

.fa-upload:before {
  content: "\f093";
}

.fa-ups:before {
  content: "\f7e0";
}

.fa-usb:before {
  content: "\f287";
}

.fa-user:before {
  content: "\f007";
}

.fa-user-alt:before {
  content: "\f406";
}

.fa-user-alt-slash:before {
  content: "\f4fa";
}

.fa-user-astronaut:before {
  content: "\f4fb";
}

.fa-user-check:before {
  content: "\f4fc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-clock:before {
  content: "\f4fd";
}

.fa-user-cog:before {
  content: "\f4fe";
}

.fa-user-edit:before {
  content: "\f4ff";
}

.fa-user-friends:before {
  content: "\f500";
}

.fa-user-graduate:before {
  content: "\f501";
}

.fa-user-injured:before {
  content: "\f728";
}

.fa-user-lock:before {
  content: "\f502";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-user-minus:before {
  content: "\f503";
}

.fa-user-ninja:before {
  content: "\f504";
}

.fa-user-nurse:before {
  content: "\f82f";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-user-shield:before {
  content: "\f505";
}

.fa-user-slash:before {
  content: "\f506";
}

.fa-user-tag:before {
  content: "\f507";
}

.fa-user-tie:before {
  content: "\f508";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-users-cog:before {
  content: "\f509";
}

.fa-users-slash:before {
  content: "\e073";
}

.fa-usps:before {
  content: "\f7e1";
}

.fa-ussunnah:before {
  content: "\f407";
}

.fa-utensil-spoon:before {
  content: "\f2e5";
}

.fa-utensils:before {
  content: "\f2e7";
}

.fa-vaadin:before {
  content: "\f408";
}

.fa-vector-square:before {
  content: "\f5cb";
}

.fa-venus:before {
  content: "\f221";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-vest:before {
  content: "\e085";
}

.fa-vest-patches:before {
  content: "\e086";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-vial:before {
  content: "\f492";
}

.fa-vials:before {
  content: "\f493";
}

.fa-viber:before {
  content: "\f409";
}

.fa-video:before {
  content: "\f03d";
}

.fa-video-slash:before {
  content: "\f4e2";
}

.fa-vihara:before {
  content: "\f6a7";
}

.fa-vimeo:before {
  content: "\f40a";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-vimeo-v:before {
  content: "\f27d";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-virus:before {
  content: "\e074";
}

.fa-virus-slash:before {
  content: "\e075";
}

.fa-viruses:before {
  content: "\e076";
}

.fa-vk:before {
  content: "\f189";
}

.fa-vnv:before {
  content: "\f40b";
}

.fa-voicemail:before {
  content: "\f897";
}

.fa-volleyball-ball:before {
  content: "\f45f";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-mute:before {
  content: "\f6a9";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-vote-yea:before {
  content: "\f772";
}

.fa-vr-cardboard:before {
  content: "\f729";
}

.fa-vuejs:before {
  content: "\f41f";
}

.fa-walking:before {
  content: "\f554";
}

.fa-wallet:before {
  content: "\f555";
}

.fa-warehouse:before {
  content: "\f494";
}

.fa-watchman-monitoring:before {
  content: "\e087";
}

.fa-water:before {
  content: "\f773";
}

.fa-wave-square:before {
  content: "\f83e";
}

.fa-waze:before {
  content: "\f83f";
}

.fa-weebly:before {
  content: "\f5cc";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-weight:before {
  content: "\f496";
}

.fa-weight-hanging:before {
  content: "\f5cd";
}

.fa-weixin:before {
  content: "\f1d7";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-whmcs:before {
  content: "\f40d";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-wind:before {
  content: "\f72e";
}

.fa-window-close:before {
  content: "\f410";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-wine-bottle:before {
  content: "\f72f";
}

.fa-wine-glass:before {
  content: "\f4e3";
}

.fa-wine-glass-alt:before {
  content: "\f5ce";
}

.fa-wix:before {
  content: "\f5cf";
}

.fa-wizards-of-the-coast:before {
  content: "\f730";
}

.fa-wodu:before {
  content: "\e088";
}

.fa-wolf-pack-battalion:before {
  content: "\f514";
}

.fa-won-sign:before {
  content: "\f159";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-wordpress-simple:before {
  content: "\f411";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-wpressr:before {
  content: "\f3e4";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-x-ray:before {
  content: "\f497";
}

.fa-xbox:before {
  content: "\f412";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-y-combinator:before {
  content: "\f23b";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-yammer:before {
  content: "\f840";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-yandex-international:before {
  content: "\f414";
}

.fa-yarn:before {
  content: "\f7e3";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-yen-sign:before {
  content: "\f157";
}

.fa-yin-yang:before {
  content: "\f6ad";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}

.fa-zhihu:before {
  content: "\f63f";
}

svg.pp-fontawesome {
  height: 1em;
  width: auto;
}

/* end:variables */
/**
 *	Dependencies
 */
/* icon font */
/* begin:bootstrap */
/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(45, 45, 45, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  text-align: left;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-bottom-width: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
}

button,
input {
  overflow: visible;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.lead {
  font-weight: 300;
}

small,
.small {
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

/* end:bootstrap */
/* begin:components */
.pp-a11y {
  --font-family-base: var(--font-family-accessible);
}

[aria-expanded=true] .hidden-expanded,
[aria-expanded=false] .visible-expanded {
  display: none;
}

.background-media {
  /*
  position: sticky;
  z-index: 0;
  /*/
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  display: block;
}
.background-media-video, .background-media-image {
  /* fix chrome rounding issue */
  max-height: calc(100vh + 1px);
  margin-bottom: -1px;
  object-fit: cover;
}
.background-media-map {
  height: 100% !important;
}
.background-media-embed {
  width: 100%;
}

/* color transparency styles */
.bg-extend-left,
.bg-extend-right {
  position: relative;
  transform: translateZ(0);
}
.bg-extend-left::before,
.bg-extend-right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.bg-extend-left::before {
  right: 0;
  width: var(--visual-viewport-width);
}

.bg-extend-right::before {
  left: 0;
  width: var(--visual-viewport-width);
}

.pp-size-constrain {
  max-width: var(--container-size);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.media > .wpcf7 {
  margin-left: var(--general-grid-gap);
  margin-right: var(--general-grid-gap);
}

.wpcf7-form-control-wrap {
  display: block;
  margin-top: 1em;
}
.wpcf7-form-control-wrap > input,
.wpcf7-form-control-wrap > select,
.wpcf7-form-control-wrap > textarea {
  width: 100%;
}

.wpcf7-checkbox.horizontal,
.wpcf7-radio.horizontal {
  display: flex;
  gap: var(--spacer-sm);
  flex-wrap: wrap;
}

.wpcf7-list-item > :is([type=radio], [type=checkbox]) {
  transform: none;
}
.wpcf7-list-item:has(> input) {
  display: inline-flex;
  position: relative;
}
.wpcf7-list-item > input {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.wpcf7-form-control:has(> .wpcf7-list-item > input) {
  display: flex;
  gap: var(--spacer-sm);
  flex-wrap: wrap;
}

.wpcf7-form-control-wrap:has(select + i) {
  display: grid;
  grid-template-columns: auto fit-content;
  align-items: center;
  overflow: hidden;
}
.wpcf7-form-control-wrap:has(select + i) select {
  grid-row: 1;
  grid-column: 1/span 2;
}
.wpcf7-form-control-wrap:has(select + i) i {
  display: flex;
  grid-row: 1;
  grid-column: 2;
  aspect-ratio: 1;
  width: auto;
  height: 100%;
  align-items: center;
  justify-content: center;
  justify-self: end;
}

a {
  transition: var(--transition-all);
}
a[download]:not(.has-icon)::before {
  content: "\f15c";
  margin-right: 0.33em;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.stretched-link:focus {
  outline: none;
}
.stretched-link:focus::after {
  outline: var(--border-width-lg) solid var(--box-selection-color);
  outline-offset: var(--border-width-lg);
  z-index: 1;
}

.expander-icon-plus {
  --line-width: 2px;
  --size: 1em;
  --border-width: 1.5px;
  color: var(--btn-icon-color, var(--box-selection-color));
  display: block;
  width: 1em;
  height: 1em;
  position: relative;
  transition: var(--transition-fast-background), var(--transition-fast-border-color);
  font-size: var(--expander-size, var(--element-font-size));
}
[open] .expander-icon-plus, [aria-expanded=true] .expander-icon-plus {
  border-color: var(--box-selection-color);
}
.expander-icon-plus::before, .expander-icon-plus::after {
  content: "";
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  display: block;
  width: var(--size);
  height: var(--line-width);
  margin-left: calc(var(--size) * -0.5);
  margin-top: calc(var(--line-width) * -0.5);
  background-color: currentColor;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: var(--transition-transform), var(--transition-fast-background);
}
[open] .expander-icon-plus::before, [aria-expanded=true] .expander-icon-plus::before, [open] .expander-icon-plus::after, [aria-expanded=true] .expander-icon-plus::after {
  transform: rotate(180deg);
}
.expander-icon-plus::after {
  transform: rotate(90deg);
}
[open] .expander-icon-plus::after, [aria-expanded=true] .expander-icon-plus::after {
  transform: rotate(180deg);
}
.expander-icon-plus-circle {
  border: var(--border-width) solid currentColor;
  border-radius: 50%;
}

.expander-icon-chevron {
  --size: 0.25em;
  --border-width: var(--btn-border-width);
  --offset: -1px;
  font-size: var(--expander-size, var(--element-font-size));
  display: flex;
  width: 1em;
  height: 1em;
}
.expander-icon-chevron::before {
  content: "";
  border-color: transparent currentColor currentColor transparent;
  border-width: var(--border-width);
  border-style: solid;
  display: block;
  width: var(--size);
  height: var(--size);
  transition: var(--transition-fast-transform);
  transform: rotate(-45deg) translate(var(--offset), var(--offset));
  margin: auto;
}
[aria-expanded=true] .expander-icon-chevron::before {
  transform: rotate(45deg) translate(var(--offset), var(--offset));
}

.burger-animation {
  transition: var(--transition-all);
  padding: var(--element-padding-y) var(--element-padding-x);
  font-size: var(--element-font-size);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: calc(var(--element-font-size) + var(--element-padding-x) * 2);
  height: calc(var(--element-font-size) + var(--element-padding-y) * 2);
  --x: calc( (1em - var(--w) ) * 0.5 );
  --y: calc( 0.333 * var(--element-font-size) );
  --w: calc( 1em * sqrt(2) );
}
.burger-animation > span {
  width: 1em;
  height: var(--element-link-line-width);
  display: block;
  transition: var(--transition-transform);
  background-color: currentColor;
  transform-origin: center center;
}
.burger-animation > span:nth-of-type(1) {
  transform: translateY(0) rotate(0deg);
}
[aria-expanded=true] .burger-animation > span:nth-of-type(1) {
  transform: translateY(var(--y)) rotate(45deg);
}
.burger-animation > span:nth-of-type(2) {
  transform: scaleX(1);
}
[aria-expanded=true] .burger-animation > span:nth-of-type(2) {
  transform: scaleX(0);
}
.burger-animation > span:nth-of-type(3) {
  transform: translateY(0) rotate(0deg);
}
[aria-expanded=true] .burger-animation > span:nth-of-type(3) {
  transform: translateY(calc(var(--y) * -1)) rotate(-45deg);
}
.burger-animation + .magnifier {
  margin-right: -0.75em;
  height: 0.75em;
  transition: var(--transition-opacity), var(--transition-transform), height 0s linear 0.3s;
}
[aria-expanded=false] .burger-animation:has(+ .magnifier) > span:nth-of-type(1) {
  transform: translateX(-0.15em) scaleX(0.7);
}
[aria-expanded=false] .burger-animation:has(+ .magnifier) > span:nth-of-type(2) {
  transform: translateX(-0.2em) scaleX(0.6);
}
[aria-expanded=false] .burger-animation:has(+ .magnifier) + .magnifier {
  opacity: 1;
  transform: translateX(-0.125em);
}
[aria-expanded=true] .burger-animation + .magnifier {
  opacity: 0;
  transform: translateX(-0.75em);
}

.burger-close {
  --line-width: var(--border-width-md);
  --w: calc( 1em * sqrt(2) );
  aspect-ratio: 1;
  padding: var(--element-padding-y);
  font-size: var(--element-font-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(var(--element-font-size) + var(--element-padding-y) * 2);
  height: calc(var(--element-font-size) + var(--element-padding-y) * 2);
}
.burger-close > span {
  width: var(--w);
  height: var(--line-width);
  display: block;
  background-color: currentColor;
  transform-origin: center center;
}
.burger-close > span:nth-of-type(1) {
  transform: translateY(calc(var(--line-width) * 0.5)) rotate(45deg);
}
.burger-close > span:nth-of-type(2) {
  transform: translateY(calc(var(--line-width) * -0.5)) rotate(-45deg);
}

.burger-open {
  padding: var(--element-padding-y) var(--element-padding-x);
  font-size: var(--element-font-size);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: calc(var(--element-font-size) + var(--element-padding-x) * 2);
  height: calc(var(--element-font-size) + var(--element-padding-y) * 2);
}
.burger-open > span {
  width: 1em;
  height: var(--line-width);
  display: block;
  background-color: currentColor;
}

[class*=pp-icon-arrow] {
  width: 1em;
  height: 1em;
  overflow: hidden;
  display: inline-grid;
  grid-template-areas: "a";
}
[class*=pp-icon-arrow]::before, [class*=pp-icon-arrow]::after {
  content: "";
  border-color: var(--btn-icon-color, currentColor);
  border-width: max(var(--border-width-sm), var(--btn-border-width, 0px));
  display: block;
  grid-area: a;
}
[class*=pp-icon-arrow]::before {
  border-style: var(--border-style);
}
[class*=pp-icon-arrow]::after {
  justify-self: center;
  transform: rotate(var(--rotate, 0)) scaleY(sqrt(2));
  transform-origin: center;
  border-style: none solid none none;
  background-color: rgba(255, 255, 0, 0.2);
}

.pp-icon-arrow-br {
  --border-style: none solid solid none;
  --rotate: -45deg;
}

.pp-icon-arrow-tl {
  --border-style: solid none none solid;
  --rotate: -45deg;
}

.pp-icon-arrow-bl {
  --border-style: none none solid solid;
  --rotate: 45deg;
}

.pp-icon-arrow-tr {
  --border-style: solid solid none none;
  --rotate: 45deg;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
  }
}

/* common */
.pp-carousel {
  position: relative;
}

.pp-carousel-inner {
  display: grid;
  grid-auto-flow: column;
  gap: var(--spacer-sm);
  overflow-x: scroll;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  /* FF69+ */
  scrollbar-width: none;
  /* IE5.5+ */
  -ms-scrollbar-base-color: transparent;
  -ms-scrollbar-face-color: transparent;
  -ms-scrollbar-highlight-color: transparent;
  -ms-scrollbar-3dlight-color: transparent;
  -ms-scrollbar-shadow-color: transparent;
  -ms-scrollbar-darkshadow-color: transparent;
  -ms-scrollbar-base-color: transparent;
  -ms-scrollbar-track-color: transparent;
  /* Edge */
  -ms-overflow-style: none;
  /* Safari, Chrome, ... */
}
.pp-carousel-inner.pp-height-sm {
  height: auto;
}
.pp-carousel-inner.pp-height-sm .image-wrap {
  height: var(--height-sm);
}
.pp-carousel-inner.pp-height-md {
  height: auto;
}
.pp-carousel-inner.pp-height-md .image-wrap {
  height: var(--height-md);
}
.pp-carousel-inner.pp-height-lg {
  height: auto;
}
.pp-carousel-inner.pp-height-lg .image-wrap {
  height: var(--height-lg);
}
.pp-carousel-inner.pp-height-xl {
  height: auto;
}
.pp-carousel-inner.pp-height-xl .image-wrap {
  height: var(--height-xl);
}
.pp-carousel-inner.pp-ratio-1x1 {
  aspect-ratio: auto;
}
.pp-carousel-inner.pp-ratio-1x1 .image-wrap {
  padding-bottom: calc(100% * var(--ratio-1x1));
}
.pp-carousel-inner.pp-ratio-1x1.pp-height-sm {
  height: auto;
  grid-auto-columns: min(100%, var(--height-sm) / var(--ratio-1x1));
}
.pp-carousel-inner.pp-ratio-1x1.pp-height-md {
  height: auto;
  grid-auto-columns: min(100%, var(--height-md) / var(--ratio-1x1));
}
.pp-carousel-inner.pp-ratio-1x1.pp-height-lg {
  height: auto;
  grid-auto-columns: min(100%, var(--height-lg) / var(--ratio-1x1));
}
.pp-carousel-inner.pp-ratio-1x1.pp-height-xl {
  height: auto;
  grid-auto-columns: min(100%, var(--height-xl) / var(--ratio-1x1));
}
.pp-carousel-inner.pp-ratio-2x3 {
  aspect-ratio: auto;
}
.pp-carousel-inner.pp-ratio-2x3 .image-wrap {
  padding-bottom: calc(100% * var(--ratio-2x3));
}
.pp-carousel-inner.pp-ratio-2x3.pp-height-sm {
  height: auto;
  grid-auto-columns: min(100%, var(--height-sm) / var(--ratio-2x3));
}
.pp-carousel-inner.pp-ratio-2x3.pp-height-md {
  height: auto;
  grid-auto-columns: min(100%, var(--height-md) / var(--ratio-2x3));
}
.pp-carousel-inner.pp-ratio-2x3.pp-height-lg {
  height: auto;
  grid-auto-columns: min(100%, var(--height-lg) / var(--ratio-2x3));
}
.pp-carousel-inner.pp-ratio-2x3.pp-height-xl {
  height: auto;
  grid-auto-columns: min(100%, var(--height-xl) / var(--ratio-2x3));
}
.pp-carousel-inner.pp-ratio-3x2 {
  aspect-ratio: auto;
}
.pp-carousel-inner.pp-ratio-3x2 .image-wrap {
  padding-bottom: calc(100% * var(--ratio-3x2));
}
.pp-carousel-inner.pp-ratio-3x2.pp-height-sm {
  height: auto;
  grid-auto-columns: min(100%, var(--height-sm) / var(--ratio-3x2));
}
.pp-carousel-inner.pp-ratio-3x2.pp-height-md {
  height: auto;
  grid-auto-columns: min(100%, var(--height-md) / var(--ratio-3x2));
}
.pp-carousel-inner.pp-ratio-3x2.pp-height-lg {
  height: auto;
  grid-auto-columns: min(100%, var(--height-lg) / var(--ratio-3x2));
}
.pp-carousel-inner.pp-ratio-3x2.pp-height-xl {
  height: auto;
  grid-auto-columns: min(100%, var(--height-xl) / var(--ratio-3x2));
}
.pp-carousel-inner.pp-ratio-3x4 {
  aspect-ratio: auto;
}
.pp-carousel-inner.pp-ratio-3x4 .image-wrap {
  padding-bottom: calc(100% * var(--ratio-3x4));
}
.pp-carousel-inner.pp-ratio-3x4.pp-height-sm {
  height: auto;
  grid-auto-columns: min(100%, var(--height-sm) / var(--ratio-3x4));
}
.pp-carousel-inner.pp-ratio-3x4.pp-height-md {
  height: auto;
  grid-auto-columns: min(100%, var(--height-md) / var(--ratio-3x4));
}
.pp-carousel-inner.pp-ratio-3x4.pp-height-lg {
  height: auto;
  grid-auto-columns: min(100%, var(--height-lg) / var(--ratio-3x4));
}
.pp-carousel-inner.pp-ratio-3x4.pp-height-xl {
  height: auto;
  grid-auto-columns: min(100%, var(--height-xl) / var(--ratio-3x4));
}
.pp-carousel-inner.pp-ratio-4x3 {
  aspect-ratio: auto;
}
.pp-carousel-inner.pp-ratio-4x3 .image-wrap {
  padding-bottom: calc(100% * var(--ratio-4x3));
}
.pp-carousel-inner.pp-ratio-4x3.pp-height-sm {
  height: auto;
  grid-auto-columns: min(100%, var(--height-sm) / var(--ratio-4x3));
}
.pp-carousel-inner.pp-ratio-4x3.pp-height-md {
  height: auto;
  grid-auto-columns: min(100%, var(--height-md) / var(--ratio-4x3));
}
.pp-carousel-inner.pp-ratio-4x3.pp-height-lg {
  height: auto;
  grid-auto-columns: min(100%, var(--height-lg) / var(--ratio-4x3));
}
.pp-carousel-inner.pp-ratio-4x3.pp-height-xl {
  height: auto;
  grid-auto-columns: min(100%, var(--height-xl) / var(--ratio-4x3));
}
.pp-carousel-inner.pp-ratio-16x9 {
  aspect-ratio: auto;
}
.pp-carousel-inner.pp-ratio-16x9 .image-wrap {
  padding-bottom: calc(100% * var(--ratio-16x9));
}
.pp-carousel-inner.pp-ratio-16x9.pp-height-sm {
  height: auto;
  grid-auto-columns: min(100%, var(--height-sm) / var(--ratio-16x9));
}
.pp-carousel-inner.pp-ratio-16x9.pp-height-md {
  height: auto;
  grid-auto-columns: min(100%, var(--height-md) / var(--ratio-16x9));
}
.pp-carousel-inner.pp-ratio-16x9.pp-height-lg {
  height: auto;
  grid-auto-columns: min(100%, var(--height-lg) / var(--ratio-16x9));
}
.pp-carousel-inner.pp-ratio-16x9.pp-height-xl {
  height: auto;
  grid-auto-columns: min(100%, var(--height-xl) / var(--ratio-16x9));
}
.pp-carousel-inner.pp-ratio-21x9 {
  aspect-ratio: auto;
}
.pp-carousel-inner.pp-ratio-21x9 .image-wrap {
  padding-bottom: calc(100% * var(--ratio-21x9));
}
.pp-carousel-inner.pp-ratio-21x9.pp-height-sm {
  height: auto;
  grid-auto-columns: min(100%, var(--height-sm) / var(--ratio-21x9));
}
.pp-carousel-inner.pp-ratio-21x9.pp-height-md {
  height: auto;
  grid-auto-columns: min(100%, var(--height-md) / var(--ratio-21x9));
}
.pp-carousel-inner.pp-ratio-21x9.pp-height-lg {
  height: auto;
  grid-auto-columns: min(100%, var(--height-lg) / var(--ratio-21x9));
}
.pp-carousel-inner.pp-ratio-21x9.pp-height-xl {
  height: auto;
  grid-auto-columns: min(100%, var(--height-xl) / var(--ratio-21x9));
}
:where(.pp-stripe:not(.fullscreen)) .pp-carousel-inner:where(:not([class*=pp-ratio-])) .image-wrap img {
  max-height: 100%;
  min-height: 100%;
  max-width: none;
  width: auto;
}
.pp-carousel-inner:where([class*=pp-ratio-]) .image-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.pp-stripe:not(.fullscreen) .pp-carousel-inner:where([class*=pp-ratio-]) .image-wrap img {
  object-fit: cover;
}
.pp-carousel-inner:where([class*=pp-ratio-])[class*=pp-height-]::before {
  content: none;
}
.pp-carousel-inner figure {
  scroll-snap-align: start;
}
.pp-carousel-inner figure:last-of-type {
  scroll-snap-align: start end;
}
.pp-carousel-inner::-webkit-scrollbar {
  display: none;
}

.pp-carousel-controls a[rel] {
  position: absolute;
  top: 50%;
  bottom: auto;
  display: flex;
  margin-top: calc(-1em - var(--spacer-sm) * 0.5);
  font-size: 16px;
}
.pp-stripe:not(.fullscreen) .pp-carousel-inner.pp-height-sm + .pp-carousel-controls a[rel] {
  top: calc(var(--height-sm) * 0.5);
}
.pp-stripe:not(.fullscreen) .pp-carousel-inner.pp-height-md + .pp-carousel-controls a[rel] {
  top: calc(var(--height-md) * 0.5);
}
.pp-stripe:not(.fullscreen) .pp-carousel-inner.pp-height-lg + .pp-carousel-controls a[rel] {
  top: calc(var(--height-lg) * 0.5);
}
.pp-stripe:not(.fullscreen) .pp-carousel-inner.pp-height-xl + .pp-carousel-controls a[rel] {
  top: calc(var(--height-xl) * 0.5);
}
.pp-carousel-controls a[rel=prev] {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pp-stripe.is-first .pp-carousel-controls a[rel=prev], .pp-carousel.is-first .pp-carousel-controls a[rel=prev] {
  display: none;
}
.pp-carousel-controls a[rel=next] {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pp-stripe.is-last .pp-carousel-controls a[rel=next], .pp-carousel.is-last .pp-carousel-controls a[rel=next] {
  display: none;
}
.pp-carousel-controls .control-layer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.pp-carousel-indicators {
  --size-min: 2px;
  --size-max: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  padding-inline-start: 0;
  height: calc(var(--size-max) * 2);
}
.pp-carousel.is-first.is-last .pp-carousel-indicators {
  display: none;
}
.pp-carousel-indicators li {
  display: inline-flex;
  background-color: var(--box-color);
  opacity: 0.3;
  transition: var(--transition-p), var(--transition-opacity), var(--transition-background);
  border-radius: 50%;
  padding: 0;
  margin: 0;
}
.pp-carousel-indicators li[data-proximity="2"], .pp-carousel-indicators li[data-proximity="1"], .pp-carousel-indicators li.is-visible {
  margin: 0 3px;
}
.pp-carousel-indicators li[data-proximity="2"] {
  padding: var(--size-min);
}
.pp-carousel-indicators li[data-proximity="1"] {
  padding: calc((var(--size-min) + var(--size-max)) * 0.5);
}
.pp-carousel-indicators li.is-visible {
  padding: var(--size-max);
}
.pp-carousel-indicators li.is-contained {
  background-color: var(--box-accent-color);
  opacity: 1;
}
.pp-carousel-indicators li.active a {
  background: #000;
}

/* stripe */
.pp-stripe {
  position: relative;
}
.section-gallery .pp-stripe {
  overflow: hidden;
}
.pp-stripe.fullscreen {
  margin-top: 0;
  padding-top: var(--wp-admin--admin-bar--height, 0px);
}
.pp-stripe.fullscreen .pp-carousel-inner {
  height: 100%;
  grid-auto-columns: 100%;
  grid-template-rows: 100%;
}
.pp-stripe.fullscreen .pp-carousel-inner .caption-position-outside {
  flex: 0 1 auto;
  padding: var(--spacer-sm);
}

svg.pp-fontawesome circle, svg.pp-fontawesome ellipse, svg.pp-fontawesome path, svg.pp-fontawesome polygon, svg.pp-fontawesome polyline, svg.pp-fontawesome rect {
  fill: currentColor;
}

:not(.icon-above) > .pp-fontawesome, :not(.icon-above) > .fab, :not(.icon-above) > .fas, :not(.icon-above) > .far, :not(.icon-above) > a[download]:not(.has-icon)::before {
  position: relative;
}

.pp-ratio-1x1,
.pp-has-ratio-1x1 {
  --ratio: 1 / 1;
  --ratio-num: 1;
}

.pp-ratio-2x3,
.pp-has-ratio-2x3 {
  --ratio: 2 / 3;
  --ratio-num: 0.6666666667;
}

.pp-ratio-3x2,
.pp-has-ratio-3x2 {
  --ratio: 3 / 2;
  --ratio-num: 1.5;
}

.pp-ratio-3x4,
.pp-has-ratio-3x4 {
  --ratio: 3 / 4;
  --ratio-num: 0.75;
}

.pp-ratio-4x3,
.pp-has-ratio-4x3 {
  --ratio: 4 / 3;
  --ratio-num: 1.3333333333;
}

.pp-ratio-16x9,
.pp-has-ratio-16x9 {
  --ratio: 16 / 9;
  --ratio-num: 1.7777777778;
}

.pp-ratio-21x9,
.pp-has-ratio-21x9 {
  --ratio: 21 / 9;
  --ratio-num: 2.3333333333;
}

img, picture, video, audio, iframe, svg {
  max-width: 100%;
  height: auto;
}

:root {
  --ratio-1x1: calc( 1 / 1 );
  --ratio-2x3: calc( 2 / 3 );
  --ratio-3x2: calc( 3 / 2 );
  --ratio-3x4: calc( 3 / 4 );
  --ratio-4x3: calc( 4 / 3 );
  --ratio-16x9: calc( 16 / 9 );
  --ratio-21x9: calc( 21 / 9 );
}

[class*=pp-ratio-] {
  aspect-ratio: var(--ratio);
  overflow: hidden;
}
[class*=pp-ratio-]::before {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: calc(100% * var(--ratio));
}

.screen-reader-text,
.screen-reader-response,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.line-height-1 {
  line-height: 1;
}

.line-height-sm {
  line-height: 1.1;
}

.line-height-md {
  line-height: 1.75;
}

.line-height-lg {
  line-height: 1.5;
}

.pp-font-base {
  font-family: var(--font-family-base);
}

.pp-font-accent {
  font-family: var(--font-family-accent);
}

.pp-font-accessible {
  font-family: var(--font-family-accessible);
}

.pp-font-monospace, pre, kdb, var, samp, code {
  font-family: var(--font-family-monospace);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.search-form .search-form-inner {
  display: grid;
  grid-template-columns: auto max-content;
}
.search-form .search-form-inner * {
  grid-row: 1;
  grid-column: 1;
}
.search-form .search-form-inner input {
  border-radius: var(--border-radius-pill);
  border: var(--border-width-md) solid var(--box-border-color);
}
.search-form .search-form-inner [type=submit] {
  justify-self: end;
  aspect-ratio: 1;
  height: 100%;
  border-radius: var(--border-radius-pill);
  --btn-icon-color: var(--box-emphasis-color);
  --btn-focus-color: var(--box-emphasis-color);
  --btn-focus-outline-width: var(--border-width-lg);
  --btn-focus-outline-color: var(--btn-icon-color);
  --btn-icon-margin: auto;
}
.search-form .search-submit .pp-fontawesome {
  margin: auto;
}
.site-main .search-form .search-submit .pp-fontawesome {
  font-size: 1.25em;
}
.search-form .search-submit .label {
  display: none;
}

.pp-stripe.fullscreen figure, figure.fullscreen {
  margin: 0;
  display: grid;
  grid-template-rows: auto min-content;
  padding: var(--general-grid-gap);
  grid-gap: var(--general-grid-gap);
}
.pp-stripe.fullscreen figure .image-wrap, figure.fullscreen .image-wrap {
  margin: auto;
  padding: 0;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.pp-stripe.fullscreen figure img, figure.fullscreen img {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  width: auto;
  height: auto;
  margin: auto;
  position: static;
}
.pp-stripe.fullscreen figure figcaption, figure.fullscreen figcaption {
  position: static;
  margin: auto;
  max-width: none;
}
.pp-stripe.fullscreen figure figcaption.caption-position-inside, figure.fullscreen figcaption.caption-position-inside {
  position: static;
}
.pp-stripe.fullscreen figure figcaption.caption-position-outside, figure.fullscreen figcaption.caption-position-outside {
  margin-left: var(--container-margin-box);
  margin-right: var(--container-margin-box);
  margin-top: 0;
  margin-bottom: var(--spacer-md);
  padding: var(--caption-inside-margin);
}

.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  min-width: var(--visual-viewport-width);
  min-height: var(--visual-viewport-height);
  max-width: var(--visual-viewport-width);
  max-height: var(--visual-viewport-height);
  z-index: var(--z-modal);
}
button[data-action=fullscreen] {
  background-color: transparent;
  border-style: none;
  -webkit-appearance: none;
          appearance: none;
  display: block;
  padding: 0;
  opacity: 1;
  transition: var(--transition-fast-opacity);
  border: none;
  background-color: transparent;
  color: var(--box-color);
  color: var(--box-accent-color);
}
button[data-action=fullscreen]:hover, button[data-action=fullscreen]:focus {
  opacity: 1;
}
button[data-action=fullscreen] .btn-content {
  position: absolute;
  padding: var(--spacer-sm);
  bottom: 0;
  right: 0;
  z-index: 1;
}
[data-fullscreen="1"].fullscreen button[data-action=fullscreen] .fa-expand {
  display: none;
}
[data-fullscreen="1"]:not(.fullscreen) button[data-action=fullscreen] .fa-compress {
  display: none;
}

.sr-menu-container:focus-within {
  position: fixed;
  clip: unset;
  width: auto;
  height: auto;
  left: 0;
  right: 0;
  z-index: calc(1 + var(--z-header));
  display: flex;
  align-items: center;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}
.sr-menu-container .sr-menu {
  margin: auto;
  list-style: none;
  padding: 0;
  box-shadow: 0 0 var(--shadow-size-lg) rgba(0, 0, 0, 0.25);
  text-align: center;
  max-width: 75%;
  position: relative;
  top: -10%;
}
.sr-menu-container .sr-menu li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.sr-menu-container .sr-menu a {
  text-decoration: none;
  display: block;
  text-transform: none !important;
  white-space: normal;
  padding: 0.33em 2em;
  font-size: 24px;
  font-weight: 500;
}
.sr-menu-container .sr-menu a:focus {
  color: var(--box-background-color);
  background-color: var(--box-color);
  outline: var(--border-width-lg) solid var(--box-selection-color);
  outline-offset: var(--border-width-lg);
}

.pp-gallery {
  container-type: inline-size;
  container-name: gallery;
  width: 100%;
  align-self: start;
  position: relative;
}
.pp-gallery:not(.pp-gallery-type-carousel, .fullscreen) .pp-carousel-controls {
  display: none;
}
.pp-gallery .pp-carousel-indicators {
  padding: 1em;
}
.pp-gallery .pp-item {
  overflow: visible;
}
.pp-gallery .pp-item[data-action=fullscreen]:focus {
  outline: var(--border-width-md) solid var(--box-accent-color);
  outline-offset: var(--border-width-md);
}
.pp-gallery.pp-gallery-type-carousel {
  --gap: var(--gxi, var(--general-grid-gap));
  --gap-num: var(--gx-num, var(--general-grid-gap-num));
  --content-width-num: calc(var(--wrapper-width-num) - 2);
  --cols: clamp(
  	1,
  	round(
  		down,
  		calc( (var(--content-width-num) + var(--gap-num)) / (var(--item-min-num) + var(--gap-num))),
  		1
  	),
  	var(--count-children)
  );
  --item-width-num: calc(
  	(var(--content-width-num) - (var(--cols) - 1) * var(--gap-num) )
  	/
  	var(--cols)
  );
  --box-auto-width: calc( var(--item-width-num) * 1px );
}
.media[class*=pp-size-] .pp-gallery {
  position: relative;
}
.media[class*=pp-size-] .pp-gallery::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, var(--box-background-color), var(--box-background-color) calc(var(--container-margin-box) - var(--spacer-md)), rgba(0, 0, 0, 0) var(--container-margin-box), rgba(0, 0, 0, 0) calc(100% - var(--container-margin-box)), var(--box-background-color) calc(100% - var(--container-margin-box) + var(--spacer-md)), var(--box-background-color) 100%);
  pointer-events: none;
}

.pp-gallery-inner {
  margin: 0;
  padding: 0;
}
.pp-has-media-width-sm .pp-gallery-inner {
  --cols: var(--cols-sm, 1);
}
.pp-has-media-width-md .pp-gallery-inner {
  --cols: var(--cols-md, 1);
}
.pp-has-media-width-lg .pp-gallery-inner {
  --cols: var(--cols-lg, 1);
}
.pp-has-media-width-xl .pp-gallery-inner {
  --cols: var(--cols-xl, 1);
}
.pp-gallery-type-carousel .pp-gallery-inner {
  overflow: auto;
  gap: var(--gxi);
}
.pp-gallery-type-carousel .pp-gallery-inner img {
  aspect-ratio: var(--ratio, auto);
}
.pp-gallery-type-carousel .pp-gallery-inner .pp-item {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  width: min(100cqw, (100cqw - (var(--cols) - 1) * var(--gxi)) / var(--cols));
}
.media[class*=pp-size-] .pp-gallery-type-carousel .pp-gallery-inner {
  scroll-snap-type: x mandatory;
}
.media[class*=pp-size-] .pp-gallery-type-carousel .pp-gallery-inner img {
  padding: var(--spacer-fix-sm) var(--spacer-md);
}
.pp-gallery-type-flex .pp-gallery-inner, .pp-gallery-type-wall .pp-gallery-inner {
  overflow: visible;
}
.pp-gallery-type-flex .pp-gallery-inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--general-grid-gap);
}
.pp-gallery-type-flex .pp-gallery-inner .pp-item {
  --size: var(--media-width);
  flex: 1 1 var(--size);
}
.pp-gallery-type-flex .pp-gallery-inner img {
  aspect-ratio: var(--ratio, 1);
}
.pp-gallery.pp-gallery-crop .pp-gallery-inner img {
  object-fit: cover;
}
.pp-gallery:not(.pp-gallery-crop) .pp-gallery-inner img {
  object-fit: contain;
}
.pp-gallery-type-wall .pp-gallery-inner {
  --size: var(--media-width);
  --span-x: min(
  	max(
  		1,
  		round(
  			calc(
  				var(--cols,1) * .6
  			),
  			1
  		)
  	),
  	var(--cols)
  );
  --span-y: max(
  	round(
  		up,
  		calc(
  			var(--span-x) / var(--ratio-num)
  		),
  		1
  	),
  	1
  );
  display: grid;
  gap: var(--general-grid-gap);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--size)), 1fr));
  grid-auto-flow: dense;
}
.pp-gallery-type-wall .pp-gallery-inner img {
  aspect-ratio: var(--ratio, 1);
}
.pp-gallery-type-wall .pp-gallery-inner .pp-item figure,
.pp-gallery-type-wall .pp-gallery-inner .pp-item img {
  height: 100%;
}
.pp-gallery-type-wall .pp-gallery-inner .pp-item:first-child {
  grid-column: 1/span var(--span-x);
  grid-row: 1/span var(--span-y);
}
.pp-gallery-type-portfolio .pp-gallery-inner {
  display: grid;
  gap: var(--general-grid-gap);
  grid-template-columns: var(--is-below, 1fr) var(--is-above, 1fr 1fr);
  grid-auto-rows: auto;
  grid-auto-flow: unset;
}
.pp-gallery-type-portfolio .pp-gallery-inner .pp-item {
  --span:
  	var(--is-below, 3)
  	var(--is-above, min(2,round(up, calc( var(--img-width) / var(--img-height) ), 1)));
  grid-column: span var(--span);
}
.pp-gallery-type-portfolio .pp-gallery-inner .pp-item figure,
.pp-gallery-type-portfolio .pp-gallery-inner .pp-item img {
  height: 100%;
}
.media[class*=pp-size-] .pp-gallery-inner {
  scroll-padding-left: var(--container-margin-box);
  padding-left: var(--container-margin-box);
  padding-right: var(--container-margin-box);
}

.pp-gallery.fullscreen {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pp-gallery.fullscreen .pp-item[data-action=fullscreen]:focus {
  outline-offset: calc(-0.5 * var(--spacer-sm));
}
.pp-gallery.fullscreen .pp-gallery-inner {
  width: 100%;
  height: calc(100% - 2rem);
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  grid-template-columns: unset;
  overflow: auto;
  scroll-snap-type: x mandatory;
}
.pp-gallery.fullscreen .pp-carousel-controls {
  height: 2rem;
}
.pp-gallery.fullscreen .pp-item {
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: center;
}
.pp-gallery.fullscreen .pp-item:first-child {
  grid-column: unset;
  grid-row: unset;
}
.pp-gallery.fullscreen img {
  --media-width: auto;
  object-fit: contain;
  object-position: center center !important;
  aspect-ratio: auto;
  max-height: calc(100vh - 2rem);
  max-width: 100vw;
  padding: var(--caption-inside-margin);
}
.pp-gallery.fullscreen figcaption {
  margin: calc(2 * var(--caption-inside-margin));
}
/* end:components */
/* main */
@property --element-font-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 1em;
}
@property --element-font-scale {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
:root {
  --transition-slow-all: all 1s;
  --transition-slow-opacity: opacity 1s;
  --transition-all: all 0.3s;
  --transition-background: background-color 0.3s;
  --transition-border-color: border-color 0.3s;
  --transition-border-radius: border-radius 0.3s;
  --transition-border-width: border-width 0.3s linear;
  --transition-color: color 0.3s;
  --transition-filter: filter 0.3s;
  --transition-grid-cols: grid-template-columns 0.3s ease-in-out;
  --transition-ml: margin-left 0.3s ease-in-out;
  --transition-mr: margin-right 0.3s ease-in-out;
  --transition-p: padding 0.3s ease-in;
  --transition-opacity: opacity 0.3s;
  --transition-shadow: box-shadow 0.3s;
  --transition-transform: transform 0.3s ease-out 0.01s;
  --transition-left-delay: left 0.0s ease-out 0.3s;
  --transition-opacity-delay: opacity 0.0s linear 0.3s;
  --transition-fast-all: all 0.15s;
  --transition-fast-background: background-color 0.15s;
  --transition-fast-border-color: border-color 0.15s;
  --transition-fast-border-radius: border-radius 0.15s;
  --transition-fast-border-width: border-width 0.15s linear;
  --transition-fast-color: color 0.15s;
  --transition-fast-filter: filter 0.15s;
  --transition-fast-grid-cols: grid-template-columns 0.15s ease-in-out;
  --transition-fast-ml: margin-left 0.15s ease-in-out;
  --transition-fast-mr: margin-right 0.15s ease-in-out;
  --transition-fast-p: padding 0.15s linear;
  --transition-fast-opacity: opacity 0.15s;
  --transition-fast-transform: transform 0.15s ease-out 0.01s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-slow-all: none;
    --transition-slow-opacity: none;
    --transition-all: none;
    --transition-background: none;
    --transition-border-color: none;
    --transition-border-radius: none:
    --transition-border-width: none;
    --transition-color: none;
    --transition-filter: none;
    --transition-grid-cols: none;
    --transition-ml: none;
    --transition-mr: none;
    --transition-p: none;
    --transition-opacity: none;
    --transition-shadow: none;
    --transition-transform: none;
    --transition-left-delay: none;
    --transition-opacity-delay: none;
    --transition-fast-all: none;
    --transition-fast-background: none;
    --transition-fast-border-color: none;
    --transition-fast-border-radius: none:
    --transition-fast-border-width: none;
    --transition-fast-color: none;
    --transition-fast-filter: none;
    --transition-fast-grid-cols: none;
    --transition-fast-ml: none;
    --transition-fast-mr: none;
    --transition-fast-p: none;
    --transition-fast-opacity: none;
    --transition-fast-transform: none;
  }
}
html,
body {
  scroll-behavior: smooth;
}

html {
  --visual-viewport-height: 100vh;
  --visual-viewport-width: 100vw;
  /* Content width in boxed layout, viewport width in fullsize */
  --wrapper-width: min( var(--visual-viewport-width), var(--wrapper-max-width, 100vw) );
  --wrapper-width-num: min( var(--visual-viewport-width-num), var(--wrapper-max-width-num) );
  /* Content margin in boxed layout, zero in fullsize */
  --wrapper-margin: calc( 0.5 * (var(--visual-viewport-width) - var(--wrapper-width)) );
}

body {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-base);
  font-weight: var(--element-body-font-weight);
  font-style: var(--element-body-font-style);
  letter-spacing: var(--element-body-letter-spacing);
  line-height: var(--element-body-line-height);
  text-transform: var(--element-body-text-transform);
}
body:not(#tinymce) {
  min-height: calc(var(--visual-viewport-height) - var(--wp-admin--admin-bar--height, 0px));
}
body.has-dialog:not(.has-dialog-main-menu) {
  overflow: hidden;
}
body.has-dialog:not(.has-dialog-main-menu) .content-area {
  position: relative;
  z-index: var(--z-modal);
}
body > .wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  flex: 1 1 auto;
  max-width: var(--wrapper-max-width);
  box-shadow: var(--wrapper-shadow);
  border-color: var(--wrapper-border-color);
  border-style: var(--wrapper-border-style);
  border-width: var(--wrapper-border-width);
  display: flex;
  flex-direction: column;
}

#primary {
  margin-bottom: auto;
}

* {
  font-family: var(--element-font-family);
  font-size: calc(var(--element-font-size, inherit) * var(--element-font-scale, 1));
  font-weight: var(--element-font-weight, revert);
  font-style: var(--element-font-style, revert);
  letter-spacing: var(--element-letter-spacing, inherit);
  line-height: var(--element-line-height, inherit);
  text-transform: var(--element-text-transform, inherit);
}
*:not(.icon-above) > .pp-fontawesome,
*:not(.icon-above) > .fab,
*:not(.icon-above) > .fas,
*:not(.icon-above) > .far,
*:not(.icon-above) > a[download]:not(.has-icon)::before {
  top: var(--element-icon-adjustment);
}

a {
  -webkit-text-decoration-line: var(--element-link-line);
          text-decoration-line: var(--element-link-line);
  -webkit-text-decoration-style: var(--element-link-line-style);
          text-decoration-style: var(--element-link-line-style);
  text-decoration-thickness: var(--element-link-line-thickness);
}
a:hover {
  -webkit-text-decoration-line: var(--element-link-hover-line, var(--element-link-line));
          text-decoration-line: var(--element-link-hover-line, var(--element-link-line));
  -webkit-text-decoration-style: var(--element-link-hover-line-style);
          text-decoration-style: var(--element-link-hover-line-style);
  text-decoration-thickness: var(--element-link-hover-line-thickness);
}
a:focus:not(:active) {
  -webkit-text-decoration-line: var(--element-link-focus-line, var(--element-link-hover-line, var(--element-link-line)));
          text-decoration-line: var(--element-link-focus-line, var(--element-link-hover-line, var(--element-link-line)));
  -webkit-text-decoration-style: var(--element-link-focus-line-style, var(--element-link-hover-line-style, var(--element-link-line-style)));
          text-decoration-style: var(--element-link-focus-line-style, var(--element-link-hover-line-style, var(--element-link-line-style)));
  text-decoration-thickness: var(--element-link-focus-line-thickness, var(--element-link-hover-line-thickness, var(--element-link-line-thickness)));
}

b, strong {
  --element-font-weight: 700;
}

[hidden] {
  display: none;
}

[role=region] [hidden] {
  content-visibility: hidden;
}
[role=region] :not([hidden]) {
  content-visibility: visible;
}

.border-style-solid {
  border-style: solid;
}

.border-style-dotted {
  border-style: dotted;
}

.border-style-dashed {
  border-style: dashed;
}

.border-style-double {
  border-style: double;
}

/*

*/
form [type=submit],
form [type=reset],
.pp-btn:where(:not(.pp-nobtn)),
.wpcf7-submit:where(:not(.pp-nobtn)) {
  --btn-box-shadow: inset 0 0 0 calc(var(--btn-border-width) * var(--btn-has-border)) var(--btn-border-color, rgba(0 0 0 / 0));
  -webkit-appearance: none;
          appearance: none;
  border-style: none;
  background: transparent;
  transition: --btn-border-width 0.3s ease-in-out, var(--transition-fast-p), var(--transition-fast-background), var(--transition-fast-color), var(--transition-fast-border-radius), var(--transition-fast-border-color), var(--transition-fast-border-width);
  vertical-align: middle;
  display: inline-flex;
  flex-direction: var(--btn-flex-direction);
  align-items: center;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  background-image: var(--btn-background-image, none);
  --gradient-anchor: var(--btn-gradient-anchor);
  --gradient-colors: var(--btn-gradient-colors, transparent);
  --linear-gradient: linear-gradient( to var(--gradient-anchor), var(--gradient-colors));
  --radial-gradient: radial-gradient( at var(--gradient-anchor), var(--gradient-colors));
  --conic-gradient: conic-gradient( at var(--gradient-anchor), var(--gradient-colors));
  border-radius: var(--btn-border-radius);
  border-width: 0px;
  text-align: center;
  padding: var(--element-padding-y) var(--element-padding-x);
  box-shadow: var(--btn-box-shadow);
}
form [type=submit] svg path,
form [type=reset] svg path,
.pp-btn:where(:not(.pp-nobtn)) svg path,
.wpcf7-submit:where(:not(.pp-nobtn)) svg path {
  fill: var(--btn-icon-color, var(--btn-color));
  transition: var(--transition-fast-all);
}
form [type=submit].pp-btn--hover, form .posts-navigation .nav-links a:hover i[type=submit], .posts-navigation .nav-links a:hover form i[type=submit], form [type=submit]:hover,
form [type=reset].pp-btn--hover,
form .posts-navigation .nav-links a:hover i[type=reset],
.posts-navigation .nav-links a:hover form i[type=reset],
form [type=reset]:hover,
.pp-btn:where(:not(.pp-nobtn)).pp-btn--hover,
.posts-navigation .nav-links a:hover i.pp-btn:where(:not(.pp-nobtn)),
.wpcf7-submit:where(:not(.pp-nobtn)).pp-btn--hover,
.posts-navigation .nav-links a:hover i.wpcf7-submit:where(:not(.pp-nobtn)),
.pp-btn:where(:not(.pp-nobtn)):hover,
.wpcf7-submit:where(:not(.pp-nobtn)):hover {
  color: var(--btn-hover-color, var(--btn-color));
  background-color: var(--btn-hover-background-color, var(--btn-background-color));
  background-image: var(--btn-hover-background-image, none);
  --btn-border-color: var(--btn-hover-border-color, inherit) !important;
  --btn-border-width: var(--btn-hover-border-width) !important;
  --btn-icon-color: var(--btn-hover-icon-color, var(--btn-hover-color, var(--btn-color))) !important;
  --gradient-anchor: var(--btn-hover-gradient-anchor, var(--btn-gradient-anchor));
  --gradient-colors: var(--btn-hover-gradient-colors, transparent);
}
form [type=submit].pp-btn--active, form .pp-textmedia details[open] summary[type=submit], .pp-textmedia details[open] form summary[type=submit], form .content-area [type=submit].sidebar-toggle[aria-expanded=true], .content-area form [type=submit].sidebar-toggle[aria-expanded=true], form [type=submit]:active,
form [type=reset].pp-btn--active,
form .pp-textmedia details[open] summary[type=reset],
.pp-textmedia details[open] form summary[type=reset],
form .content-area [type=reset].sidebar-toggle[aria-expanded=true],
.content-area form [type=reset].sidebar-toggle[aria-expanded=true],
form [type=reset]:active,
.pp-btn:where(:not(.pp-nobtn)).pp-btn--active,
.pp-textmedia details[open] summary.pp-btn:where(:not(.pp-nobtn)),
.content-area .pp-btn.sidebar-toggle[aria-expanded=true]:where(:not(.pp-nobtn)),
.wpcf7-submit:where(:not(.pp-nobtn)).pp-btn--active,
.pp-textmedia details[open] summary.wpcf7-submit:where(:not(.pp-nobtn)),
.content-area .wpcf7-submit.sidebar-toggle[aria-expanded=true]:where(:not(.pp-nobtn)),
.pp-btn:where(:not(.pp-nobtn)):active,
.wpcf7-submit:where(:not(.pp-nobtn)):active {
  color: var(--btn-active-color);
  background-color: var(--btn-active-background-color);
  background-image: var(--btn-active-background-image, none);
  --btn-border-color: var(--btn-active-border-color) !important;
  --btn-border-width: var(--btn-active-border-width) !important;
  --btn-icon-color: var(--btn-active-icon-color, var(--btn-active-color, var(--btn-color))) !important;
  --gradient-anchor: var(--btn-active-gradient-anchor, var(--btn-hover-gradient-anchor, var(--btn-gradient-anchor)));
  --gradient-colors: var(--btn-active-gradient-colors, transparent);
}
form [type=submit].pp-btn--focus, form [type=submit]:focus:not(:active),
form [type=reset].pp-btn--focus,
form [type=reset]:focus:not(:active),
.pp-btn:where(:not(.pp-nobtn)).pp-btn--focus,
.wpcf7-submit:where(:not(.pp-nobtn)).pp-btn--focus,
.pp-btn:where(:not(.pp-nobtn)):focus:not(:active),
.wpcf7-submit:where(:not(.pp-nobtn)):focus:not(:active) {
  color: var(--btn-focus-color, var(--btn-color));
  background-color: var(--btn-focus-background-color, var(--btn-background-color));
  border-color: var(--btn-focus-border-color, var(--btn-border-color));
  outline: var(--btn-focus-outline-width) solid var(--btn-focus-outline-color, var(--btn-border-color, var(--btn-color)));
  outline-offset: var(--btn-focus-outline-offset);
}
form [type=submit].pp-btn--focus path, form [type=submit]:focus:not(:active) path,
form [type=reset].pp-btn--focus path,
form [type=reset]:focus:not(:active) path,
.pp-btn:where(:not(.pp-nobtn)).pp-btn--focus path,
.wpcf7-submit:where(:not(.pp-nobtn)).pp-btn--focus path,
.pp-btn:where(:not(.pp-nobtn)):focus:not(:active) path,
.wpcf7-submit:where(:not(.pp-nobtn)):focus:not(:active) path {
  fill: var(--btn-focus-color);
}
form [type=submit] > [class*=fa-],
form [type=submit] [download]::before,
form [type=reset] > [class*=fa-],
form [type=reset] [download]::before,
.pp-btn:where(:not(.pp-nobtn)) > [class*=fa-],
.wpcf7-submit:where(:not(.pp-nobtn)) > [class*=fa-],
.pp-btn:where(:not(.pp-nobtn)) [download]::before,
.wpcf7-submit:where(:not(.pp-nobtn)) [download]::before {
  font-size: var(--btn-icon-size);
  line-height: var(--btn-icon-line-height);
  display: var(--btn-icon-display);
  margin: var(--btn-icon-margin);
  color: var(--btn-icon-color, var(--btn-color));
}

.pp-reset-btn {
  -webkit-appearance: none;
          appearance: none;
  border-style: none;
  background: no-repeat;
  outline: none;
}

.pp-btn-transparent, .pp-btn-transparent:hover, .pp-btn-transparent:focus {
  color: currentColor;
}

.pp-btn.circular, .circular.wpcf7-submit {
  --element-padding-x: var(--element-padding-y);
  --btn-icon-margin: auto;
  --btn-icon-line-height: 1;
}
.pp-btn.circular svg, .circular.wpcf7-submit svg {
  width: 1em;
  height: 1em;
}

[class*=pp-box-]:where(:not(.pp-nobox)) {
  color: var(--box-color);
  background-color: var(--box-background-color);
  box-shadow: var(--box-shadow);
  border-radius: var(--box-border-radius);
  border-color: var(--box-border-color, transparent);
  border-style: var(--box-border-style);
  border-width: var(--box-border-width);
  background-image: var(--box-background-image, none);
  --linear-gradient: linear-gradient( to var(--gradient-anchor), var(--gradient-colors));
  --radial-gradient: radial-gradient( at var(--gradient-anchor), var(--gradient-colors));
  --conic-gradient: conic-gradient( at var(--gradient-anchor), var(--gradient-colors));
}
[class*=pp-box-]:where(:not(.pp-nobox)) ul ::marker {
  color: var(--box-ul-marker-color, var(--box-list-marker-color));
}
[class*=pp-box-]:where(:not(.pp-nobox)) ol ::marker {
  color: var(--box-ol-marker-color, var(--box-list-marker-color));
}
[class*=pp-box-]:where(:not(.pp-nobox)) .accent {
  color: var(--box-accent-color);
}
[class*=pp-box-]:where(:not(.pp-nobox)) .section-headline .pp-fontawesome path {
  fill: var(--box-icon-color);
}
[class*=pp-box-]:where(:not(.pp-nobox)) a:not(.pp-btn):not(.wpcf7-submit) {
  color: var(--box-link-color);
  -webkit-text-decoration-color: var(--box-link-decoration-color);
          text-decoration-color: var(--box-link-decoration-color);
}
[class*=pp-box-]:where(:not(.pp-nobox)) a:not(.pp-btn):not(.wpcf7-submit):hover {
  color: var(--box-link-hover-color);
  -webkit-text-decoration-color: var(--box-link-hover-decoration-color);
          text-decoration-color: var(--box-link-hover-decoration-color);
}
[class*=pp-box-]:where(:not(.pp-nobox)) a:not(.pp-btn):not(.wpcf7-submit):focus {
  color: var(--box-link-focus-color);
  -webkit-text-decoration-color: var(--box-link-focus-decoration-color);
          text-decoration-color: var(--box-link-focus-decoration-color);
}
[class*=pp-box-]:where(:not(.pp-nobox)) :where(h1, h2, h3, h4, h5, h6) {
  color: var(--box-emphasis-color, var(--box-color));
}
[class*=pp-box-].fullscreen {
  --box-border-radius: 0 !important;
}
.box-accent-color:is([class*=pp-box-], *, a) {
  color: var(--box-accent-color);
}
.box-emphasis-color:is([class*=pp-box-], *, a) {
  color: var(--box-emphasis-color);
}
.box-selection-color:is([class*=pp-box-], *, a) {
  color: var(--box-selection-color);
}
.box-link-color:is([class*=pp-box-], *, a) {
  color: var(--box-link-color);
}

[class*=pp-shape-]:not([class*=pp-box-]) {
  border-radius: var(--box-border-radius, 0px);
  border-width: var(--box-border-width, 0px);
  box-shadow: var(--box-shadow, none);
}

::placeholder {
  opacity: 1;
}

form label {
  display: block;
  margin: 0;
}

textarea,
select,
datalist,
input,
[type=radio] + *::before,
[type=checkbox] + *::before {
  transition: var(--transition-fast-color), var(--transition-fast-border-color), var(--transition-fast-border-radius), var(--transition-fast-border-width), var(--transition-fast-background);
}

.form-input,
textarea,
select,
datalist,
input { /* 0-0-1 */
  padding: var(--element-padding-y) var(--element-padding-x);
  background-color: var(--form-background-color);
  color: var(--form-color);
  border-style: var(--form-border-style);
  border-color: var(--form-border-color);
  border-width: var(--form-border-width);
  border-radius: var(--form-border-radius);
  outline-style: var(--form-outline-style);
  outline-color: var(--form-outline-color);
  outline-width: var(--form-outline-width);
  outline-offset: var(--form-outline-offset);
  box-shadow: var(--form-shadow);
  --form-background-color: var(--form-default-background-color);
  --form-color: var(--form-default-text-color);
  --form-border-style: var(--form-default-border-style);
  --form-border-color: var(--form-default-border-color);
  --form-border-width: var(--form-default-border-width);
  --form-border-radius: var(--form-default-border-radius);
  --form-outline-style: var(--form-default-outline-style);
  --form-outline-color: var(--form-default-outline-color);
  --form-outline-width: var(--form-default-outline-width);
  --form-outline-offset: var(--form-default-outline-offset);
  --form-box-shadow: var(--form-default-shadow);
  --form-placeholder-color: var(--form-default-placeholder-color);
  --form-selection-contrast-color: var(--form-default-selection-contrast-color);
  --form-selection-color: var(--form-default-selection-color);
}
.form-input::placeholder,
textarea::placeholder,
select::placeholder,
datalist::placeholder,
input::placeholder {
  color: var(--form-placeholder-color);
}
.form-input:where(:focus),
textarea:where(:focus),
select:where(:focus),
datalist:where(:focus),
input:where(:focus) {
  --form-background-color: var(--form-focus-background-color);
  --form-color: var(--form-focus-text-color);
  --form-border-style: var(--form-focus-border-style);
  --form-border-color: var(--form-focus-border-color);
  --form-border-width: var(--form-focus-border-width);
  --form-border-radius: var(--form-focus-border-radius);
  --form-outline-style: var(--form-focus-outline-style);
  --form-outline-color: var(--form-focus-outline-color);
  --form-outline-width: var(--form-focus-outline-width);
  --form-outline-offset: var(--form-focus-outline-offset);
  --form-box-shadow: var(--form-focus-shadow);
  --form-placeholder-color: var(--form-focus-placeholder-color);
  --form-selection-contrast-color: var(--form-focus-selection-contrast-color);
  --form-selection-color: var(--form-focus-selection-color);
}
.form-input:where(:hover:not(:focus)),
textarea:where(:hover:not(:focus)),
select:where(:hover:not(:focus)),
datalist:where(:hover:not(:focus)),
input:where(:hover:not(:focus)) {
  --form-background-color: var(--form-hover-background-color);
  --form-color: var(--form-hover-text-color);
  --form-border-style: var(--form-hover-border-style);
  --form-border-color: var(--form-hover-border-color);
  --form-border-width: var(--form-hover-border-width);
  --form-border-radius: var(--form-hover-border-radius);
  --form-outline-style: var(--form-hover-outline-style);
  --form-outline-color: var(--form-hover-outline-color);
  --form-outline-width: var(--form-hover-outline-width);
  --form-outline-offset: var(--form-hover-outline-offset);
  --form-box-shadow: var(--form-hover-shadow);
  --form-placeholder-color: var(--form-hover-placeholder-color);
  --form-selection-contrast-color: var(--form-hover-selection-contrast-color);
  --form-selection-color: var(--form-hover-selection-color);
}
.form-input:where(:valid:not(:focus):not(:hover):not([aria-invalid=true])),
textarea:where(:valid:not(:focus):not(:hover):not([aria-invalid=true])),
select:where(:valid:not(:focus):not(:hover):not([aria-invalid=true])),
datalist:where(:valid:not(:focus):not(:hover):not([aria-invalid=true])),
input:where(:valid:not(:focus):not(:hover):not([aria-invalid=true])) {
  --form-background-color: var(--form-valid-background-color);
  --form-color: var(--form-valid-text-color);
  --form-border-style: var(--form-valid-border-style);
  --form-border-color: var(--form-valid-border-color);
  --form-border-width: var(--form-valid-border-width);
  --form-border-radius: var(--form-valid-border-radius);
  --form-outline-style: var(--form-valid-outline-style);
  --form-outline-color: var(--form-valid-outline-color);
  --form-outline-width: var(--form-valid-outline-width);
  --form-outline-offset: var(--form-valid-outline-offset);
  --form-box-shadow: var(--form-valid-shadow);
  --form-placeholder-color: var(--form-valid-placeholder-color);
  --form-selection-contrast-color: var(--form-valid-selection-contrast-color);
  --form-selection-color: var(--form-valid-selection-color);
}
.form-input:where([aria-invalid=true]:not(:focus)), .form-input:where(:invalid:not(:focus)),
textarea:where([aria-invalid=true]:not(:focus)),
textarea:where(:invalid:not(:focus)),
select:where([aria-invalid=true]:not(:focus)),
select:where(:invalid:not(:focus)),
datalist:where([aria-invalid=true]:not(:focus)),
datalist:where(:invalid:not(:focus)),
input:where([aria-invalid=true]:not(:focus)),
input:where(:invalid:not(:focus)) {
  --form-background-color: var(--form-invalid-background-color);
  --form-color: var(--form-invalid-text-color);
  --form-border-style: var(--form-invalid-border-style);
  --form-border-color: var(--form-invalid-border-color);
  --form-border-width: var(--form-invalid-border-width);
  --form-border-radius: var(--form-invalid-border-radius);
  --form-outline-style: var(--form-invalid-outline-style);
  --form-outline-color: var(--form-invalid-outline-color);
  --form-outline-width: var(--form-invalid-outline-width);
  --form-outline-offset: var(--form-invalid-outline-offset);
  --form-box-shadow: var(--form-invalid-shadow);
  --form-placeholder-color: var(--form-invalid-placeholder-color);
  --form-selection-contrast-color: var(--form-invalid-selection-contrast-color);
  --form-selection-color: var(--form-invalid-selection-color);
}
.form-input, form .form-input,
textarea,
form textarea,
select,
form select,
datalist,
form datalist,
input,
form input { /* 0-1-2 // 0-0-3 */ }

[type=radio],
[type=checkbox] {
  position: absolute;
  transform: scale(0);
}
[type=radio] + *,
[type=checkbox] + * {
  display: inline-grid;
  grid-template-columns: var(--form-option-size) 1fr;
  grid-column-gap: 1em;
  align-items: center;
  --form-background-color: var(--form-default-background-color);
  --form-color: var(--form-default-text-color);
  --form-border-style: var(--form-default-border-style);
  --form-border-color: var(--form-default-border-color);
  --form-border-width: var(--form-default-border-width);
  --form-border-radius: var(--form-default-border-radius);
  --form-outline-style: var(--form-default-outline-style);
  --form-outline-color: var(--form-default-outline-color);
  --form-outline-width: var(--form-default-outline-width);
  --form-outline-offset: var(--form-default-outline-offset);
  --form-box-shadow: var(--form-default-shadow);
  --form-placeholder-color: var(--form-default-placeholder-color);
  --form-selection-contrast-color: var(--form-default-selection-contrast-color);
  --form-selection-color: var(--form-default-selection-color);
}
[type=radio] + *::before,
[type=checkbox] + *::before {
  content: "";
  background-color: var(--form-background-color);
  color: var(--form-color);
  border-style: var(--form-border-style);
  border-color: var(--form-border-color);
  border-width: var(--form-border-width);
  border-radius: var(--form-border-radius);
  outline-style: var(--form-outline-style);
  outline-color: var(--form-outline-color);
  outline-width: var(--form-outline-width);
  outline-offset: var(--form-outline-offset);
  box-shadow: var(--form-shadow);
  display: inline-block;
  grid-row: 1;
  grid-column: 1;
  width: var(--form-option-size);
  height: var(--form-option-size);
}
[type=radio] + *::before::placeholder,
[type=checkbox] + *::before::placeholder {
  color: var(--form-placeholder-color);
}
[type=radio] + *::after,
[type=checkbox] + *::after {
  --form-color: var(--form-selection-color);
  color: var(--form-color);
}
[type=radio]:checked + *,
[type=checkbox]:checked + * {
  --form-background-color: var(--form-valid-background-color);
  --form-color: var(--form-valid-text-color);
  --form-border-style: var(--form-valid-border-style);
  --form-border-color: var(--form-valid-border-color);
  --form-border-width: var(--form-valid-border-width);
  --form-border-radius: var(--form-valid-border-radius);
  --form-outline-style: var(--form-valid-outline-style);
  --form-outline-color: var(--form-valid-outline-color);
  --form-outline-width: var(--form-valid-outline-width);
  --form-outline-offset: var(--form-valid-outline-offset);
  --form-box-shadow: var(--form-valid-shadow);
  --form-placeholder-color: var(--form-valid-placeholder-color);
  --form-selection-contrast-color: var(--form-valid-selection-contrast-color);
  --form-selection-color: var(--form-valid-selection-color);
}
[type=radio]:checked + *::after,
[type=checkbox]:checked + *::after {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  color: var(--box-accent-color);
}
[type=radio]:focus + *,
[type=checkbox]:focus + * {
  --form-background-color: var(--form-focus-background-color);
  --form-color: var(--form-focus-text-color);
  --form-border-style: var(--form-focus-border-style);
  --form-border-color: var(--form-focus-border-color);
  --form-border-width: var(--form-focus-border-width);
  --form-border-radius: var(--form-focus-border-radius);
  --form-outline-style: var(--form-focus-outline-style);
  --form-outline-color: var(--form-focus-outline-color);
  --form-outline-width: var(--form-focus-outline-width);
  --form-outline-offset: var(--form-focus-outline-offset);
  --form-box-shadow: var(--form-focus-shadow);
  --form-placeholder-color: var(--form-focus-placeholder-color);
  --form-selection-contrast-color: var(--form-focus-selection-contrast-color);
  --form-selection-color: var(--form-focus-selection-color);
}
[type=radio]:invalid + *,
[type=checkbox]:invalid + * {
  --form-background-color: var(--form-invalid-background-color);
  --form-color: var(--form-invalid-text-color);
  --form-border-style: var(--form-invalid-border-style);
  --form-border-color: var(--form-invalid-border-color);
  --form-border-width: var(--form-invalid-border-width);
  --form-border-radius: var(--form-invalid-border-radius);
  --form-outline-style: var(--form-invalid-outline-style);
  --form-outline-color: var(--form-invalid-outline-color);
  --form-outline-width: var(--form-invalid-outline-width);
  --form-outline-offset: var(--form-invalid-outline-offset);
  --form-box-shadow: var(--form-invalid-shadow);
  --form-placeholder-color: var(--form-invalid-placeholder-color);
  --form-selection-contrast-color: var(--form-invalid-selection-contrast-color);
  --form-selection-color: var(--form-invalid-selection-color);
}
[type=radio]:not(:focus) + *:hover,
[type=checkbox]:not(:focus) + *:hover {
  --form-background-color: var(--form-hover-background-color);
  --form-color: var(--form-hover-text-color);
  --form-border-style: var(--form-hover-border-style);
  --form-border-color: var(--form-hover-border-color);
  --form-border-width: var(--form-hover-border-width);
  --form-border-radius: var(--form-hover-border-radius);
  --form-outline-style: var(--form-hover-outline-style);
  --form-outline-color: var(--form-hover-outline-color);
  --form-outline-width: var(--form-hover-outline-width);
  --form-outline-offset: var(--form-hover-outline-offset);
  --form-box-shadow: var(--form-hover-shadow);
  --form-placeholder-color: var(--form-hover-placeholder-color);
  --form-selection-contrast-color: var(--form-hover-selection-contrast-color);
  --form-selection-color: var(--form-hover-selection-color);
}

[type=radio] + *::before {
  border-radius: 50% !important;
}
[type=radio] + *::after {
  background-color: currentColor;
}
[type=radio]:checked + *::after {
  display: block;
  width: var(--form-radio-dot-size);
  height: var(--form-radio-dot-size);
  margin: 0 calc(var(--form-option-size) * 0.5 - var(--form-radio-dot-size) * 0.5);
  border-radius: 50%;
  transition: var(--transition-fast-background);
}

[type=checkbox]:checked + *::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: var(--form-checkbox-check-size);
  margin: 0 calc(var(--form-option-size) * 0.5 - var(--form-checkbox-check-size) * 0.5);
  transition: var(--transition-fast-color);
}

[type=submit],
[type=reset] {
  --btn-box-shadow: inset 0 0 0 calc(var(--btn-border-width) * var(--btn-has-border)) var(--btn-border-color, rgba(0 0 0 / 0));
  -webkit-appearance: none;
          appearance: none;
  border-style: none;
  background: transparent;
  transition: --btn-border-width 0.3s ease-in-out, var(--transition-fast-p), var(--transition-fast-background), var(--transition-fast-color), var(--transition-fast-border-radius), var(--transition-fast-border-color), var(--transition-fast-border-width);
  vertical-align: middle;
  display: inline-flex;
  flex-direction: var(--btn-flex-direction);
  align-items: center;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  background-image: var(--btn-background-image, none);
  --gradient-anchor: var(--btn-gradient-anchor);
  --gradient-colors: var(--btn-gradient-colors, transparent);
  --linear-gradient: linear-gradient( to var(--gradient-anchor), var(--gradient-colors));
  --radial-gradient: radial-gradient( at var(--gradient-anchor), var(--gradient-colors));
  --conic-gradient: conic-gradient( at var(--gradient-anchor), var(--gradient-colors));
  border-radius: var(--btn-border-radius);
  border-width: 0px;
  text-align: center;
  padding: var(--element-padding-y) var(--element-padding-x);
  box-shadow: var(--btn-box-shadow);
}
[type=submit] svg path,
[type=reset] svg path {
  fill: var(--btn-icon-color, var(--btn-color));
  transition: var(--transition-fast-all);
}
[type=submit].pp-btn--hover, .posts-navigation .nav-links a:hover i[type=submit], [type=submit]:hover,
[type=reset].pp-btn--hover,
.posts-navigation .nav-links a:hover i[type=reset],
[type=reset]:hover {
  color: var(--btn-hover-color, var(--btn-color));
  background-color: var(--btn-hover-background-color, var(--btn-background-color));
  background-image: var(--btn-hover-background-image, none);
  --btn-border-color: var(--btn-hover-border-color, inherit) !important;
  --btn-border-width: var(--btn-hover-border-width) !important;
  --btn-icon-color: var(--btn-hover-icon-color, var(--btn-hover-color, var(--btn-color))) !important;
  --gradient-anchor: var(--btn-hover-gradient-anchor, var(--btn-gradient-anchor));
  --gradient-colors: var(--btn-hover-gradient-colors, transparent);
}
[type=submit].pp-btn--active, .pp-textmedia details[open] summary[type=submit], .content-area [type=submit].sidebar-toggle[aria-expanded=true], [type=submit]:active,
[type=reset].pp-btn--active,
.pp-textmedia details[open] summary[type=reset],
.content-area [type=reset].sidebar-toggle[aria-expanded=true],
[type=reset]:active {
  color: var(--btn-active-color);
  background-color: var(--btn-active-background-color);
  background-image: var(--btn-active-background-image, none);
  --btn-border-color: var(--btn-active-border-color) !important;
  --btn-border-width: var(--btn-active-border-width) !important;
  --btn-icon-color: var(--btn-active-icon-color, var(--btn-active-color, var(--btn-color))) !important;
  --gradient-anchor: var(--btn-active-gradient-anchor, var(--btn-hover-gradient-anchor, var(--btn-gradient-anchor)));
  --gradient-colors: var(--btn-active-gradient-colors, transparent);
}
[type=submit].pp-btn--focus, [type=submit]:focus:not(:active),
[type=reset].pp-btn--focus,
[type=reset]:focus:not(:active) {
  color: var(--btn-focus-color, var(--btn-color));
  background-color: var(--btn-focus-background-color, var(--btn-background-color));
  border-color: var(--btn-focus-border-color, var(--btn-border-color));
  outline: var(--btn-focus-outline-width) solid var(--btn-focus-outline-color, var(--btn-border-color, var(--btn-color)));
  outline-offset: var(--btn-focus-outline-offset);
}
[type=submit].pp-btn--focus path, [type=submit]:focus:not(:active) path,
[type=reset].pp-btn--focus path,
[type=reset]:focus:not(:active) path {
  fill: var(--btn-focus-color);
}
[type=submit] > [class*=fa-],
[type=submit] [download]::before,
[type=reset] > [class*=fa-],
[type=reset] [download]::before {
  font-size: var(--btn-icon-size);
  line-height: var(--btn-icon-line-height);
  display: var(--btn-icon-display);
  margin: var(--btn-icon-margin);
  color: var(--btn-icon-color, var(--btn-color));
}

/* custom select */
select[multiple] {
  padding: 0;
}
select[multiple] option {
  padding: var(--element-padding-y) var(--element-padding-x);
}
select[multiple] option:checked {
  background-color: var(--form-selection-color);
  color: var(--form-selection-contrast-color);
}
select:not([multiple]) {
  -webkit-appearance: none;
          appearance: none;
  padding-right: calc( var(--element-padding-x) * 2 + 0.625em);
}
select:not([multiple]) + i, select:not([multiple]) + script + i {
  pointer-events: none;
  margin-left: calc( var(--element-padding-x) * -2 - 0.625em);
  display: inline-block;
  padding: var(--element-padding-y) var(--element-padding-x);
  line-height: var(--element-line-height);
  font-size: var(--element-font-size);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  border-style: solid;
  border-color: transparent;
  border-width: var(--form-default-border-width);
}
select:not([multiple]) + i::before, select:not([multiple]) + script + i::before {
  content: "\f107";
}

/* check */
[type=checkbox]::before,
[type=radio]::before {
  content: "";
}
select,
textarea,
[type=date],
[type=email],
[type=file],
[type=number],
[type=password],
[type=search],
[type=text],
[type=tel],
[type=url] {
  --element-padding-x: var(--form-input-padding-x, inherit);
  --element-padding-y: var(--form-input-padding-y, inherit);
}

.menu-item.lang-item img {
  margin-left: 0.5em;
  margin-right: 0.5em;
  height: 1em !important;
  width: auto !important;
}

.pp-w-5 {
  width: 5%;
}

.pp-vw-5 {
  width: 5vw;
}

.pp-h-5 {
  height: 5%;
}

.pp-vh-5 {
  height: 5vh;
}

.pp-w-min-5 {
  min-width: 5%;
}

.pp-vw-min-5 {
  min-width: 5vw;
}

.pp-h-min-5 {
  min-height: 5%;
}

.pp-vh-min-5 {
  min-height: 5vh;
}

.pp-w-max-5 {
  max-width: 5%;
}

.pp-vw-max-5 {
  max-width: 5vw;
}

.pp-h-max-5 {
  max-height: 5%;
}

.pp-vh-max-5 {
  max-height: 5vh;
}

.pp-w-10 {
  width: 10%;
}

.pp-vw-10 {
  width: 10vw;
}

.pp-h-10 {
  height: 10%;
}

.pp-vh-10 {
  height: 10vh;
}

.pp-w-min-10 {
  min-width: 10%;
}

.pp-vw-min-10 {
  min-width: 10vw;
}

.pp-h-min-10 {
  min-height: 10%;
}

.pp-vh-min-10 {
  min-height: 10vh;
}

.pp-w-max-10 {
  max-width: 10%;
}

.pp-vw-max-10 {
  max-width: 10vw;
}

.pp-h-max-10 {
  max-height: 10%;
}

.pp-vh-max-10 {
  max-height: 10vh;
}

.pp-w-15 {
  width: 15%;
}

.pp-vw-15 {
  width: 15vw;
}

.pp-h-15 {
  height: 15%;
}

.pp-vh-15 {
  height: 15vh;
}

.pp-w-min-15 {
  min-width: 15%;
}

.pp-vw-min-15 {
  min-width: 15vw;
}

.pp-h-min-15 {
  min-height: 15%;
}

.pp-vh-min-15 {
  min-height: 15vh;
}

.pp-w-max-15 {
  max-width: 15%;
}

.pp-vw-max-15 {
  max-width: 15vw;
}

.pp-h-max-15 {
  max-height: 15%;
}

.pp-vh-max-15 {
  max-height: 15vh;
}

.pp-w-20 {
  width: 20%;
}

.pp-vw-20 {
  width: 20vw;
}

.pp-h-20 {
  height: 20%;
}

.pp-vh-20 {
  height: 20vh;
}

.pp-w-min-20 {
  min-width: 20%;
}

.pp-vw-min-20 {
  min-width: 20vw;
}

.pp-h-min-20 {
  min-height: 20%;
}

.pp-vh-min-20 {
  min-height: 20vh;
}

.pp-w-max-20 {
  max-width: 20%;
}

.pp-vw-max-20 {
  max-width: 20vw;
}

.pp-h-max-20 {
  max-height: 20%;
}

.pp-vh-max-20 {
  max-height: 20vh;
}

.pp-w-25 {
  width: 25%;
}

.pp-vw-25 {
  width: 25vw;
}

.pp-h-25 {
  height: 25%;
}

.pp-vh-25 {
  height: 25vh;
}

.pp-w-min-25 {
  min-width: 25%;
}

.pp-vw-min-25 {
  min-width: 25vw;
}

.pp-h-min-25 {
  min-height: 25%;
}

.pp-vh-min-25 {
  min-height: 25vh;
}

.pp-w-max-25 {
  max-width: 25%;
}

.pp-vw-max-25 {
  max-width: 25vw;
}

.pp-h-max-25 {
  max-height: 25%;
}

.pp-vh-max-25 {
  max-height: 25vh;
}

.pp-w-30 {
  width: 30%;
}

.pp-vw-30 {
  width: 30vw;
}

.pp-h-30 {
  height: 30%;
}

.pp-vh-30 {
  height: 30vh;
}

.pp-w-min-30 {
  min-width: 30%;
}

.pp-vw-min-30 {
  min-width: 30vw;
}

.pp-h-min-30 {
  min-height: 30%;
}

.pp-vh-min-30 {
  min-height: 30vh;
}

.pp-w-max-30 {
  max-width: 30%;
}

.pp-vw-max-30 {
  max-width: 30vw;
}

.pp-h-max-30 {
  max-height: 30%;
}

.pp-vh-max-30 {
  max-height: 30vh;
}

.pp-w-35 {
  width: 35%;
}

.pp-vw-35 {
  width: 35vw;
}

.pp-h-35 {
  height: 35%;
}

.pp-vh-35 {
  height: 35vh;
}

.pp-w-min-35 {
  min-width: 35%;
}

.pp-vw-min-35 {
  min-width: 35vw;
}

.pp-h-min-35 {
  min-height: 35%;
}

.pp-vh-min-35 {
  min-height: 35vh;
}

.pp-w-max-35 {
  max-width: 35%;
}

.pp-vw-max-35 {
  max-width: 35vw;
}

.pp-h-max-35 {
  max-height: 35%;
}

.pp-vh-max-35 {
  max-height: 35vh;
}

.pp-w-40 {
  width: 40%;
}

.pp-vw-40 {
  width: 40vw;
}

.pp-h-40 {
  height: 40%;
}

.pp-vh-40 {
  height: 40vh;
}

.pp-w-min-40 {
  min-width: 40%;
}

.pp-vw-min-40 {
  min-width: 40vw;
}

.pp-h-min-40 {
  min-height: 40%;
}

.pp-vh-min-40 {
  min-height: 40vh;
}

.pp-w-max-40 {
  max-width: 40%;
}

.pp-vw-max-40 {
  max-width: 40vw;
}

.pp-h-max-40 {
  max-height: 40%;
}

.pp-vh-max-40 {
  max-height: 40vh;
}

.pp-w-45 {
  width: 45%;
}

.pp-vw-45 {
  width: 45vw;
}

.pp-h-45 {
  height: 45%;
}

.pp-vh-45 {
  height: 45vh;
}

.pp-w-min-45 {
  min-width: 45%;
}

.pp-vw-min-45 {
  min-width: 45vw;
}

.pp-h-min-45 {
  min-height: 45%;
}

.pp-vh-min-45 {
  min-height: 45vh;
}

.pp-w-max-45 {
  max-width: 45%;
}

.pp-vw-max-45 {
  max-width: 45vw;
}

.pp-h-max-45 {
  max-height: 45%;
}

.pp-vh-max-45 {
  max-height: 45vh;
}

.pp-w-50 {
  width: 50%;
}

.pp-vw-50 {
  width: 50vw;
}

.pp-h-50 {
  height: 50%;
}

.pp-vh-50 {
  height: 50vh;
}

.pp-w-min-50 {
  min-width: 50%;
}

.pp-vw-min-50 {
  min-width: 50vw;
}

.pp-h-min-50 {
  min-height: 50%;
}

.pp-vh-min-50 {
  min-height: 50vh;
}

.pp-w-max-50 {
  max-width: 50%;
}

.pp-vw-max-50 {
  max-width: 50vw;
}

.pp-h-max-50 {
  max-height: 50%;
}

.pp-vh-max-50 {
  max-height: 50vh;
}

.pp-w-55 {
  width: 55%;
}

.pp-vw-55 {
  width: 55vw;
}

.pp-h-55 {
  height: 55%;
}

.pp-vh-55 {
  height: 55vh;
}

.pp-w-min-55 {
  min-width: 55%;
}

.pp-vw-min-55 {
  min-width: 55vw;
}

.pp-h-min-55 {
  min-height: 55%;
}

.pp-vh-min-55 {
  min-height: 55vh;
}

.pp-w-max-55 {
  max-width: 55%;
}

.pp-vw-max-55 {
  max-width: 55vw;
}

.pp-h-max-55 {
  max-height: 55%;
}

.pp-vh-max-55 {
  max-height: 55vh;
}

.pp-w-60 {
  width: 60%;
}

.pp-vw-60 {
  width: 60vw;
}

.pp-h-60 {
  height: 60%;
}

.pp-vh-60 {
  height: 60vh;
}

.pp-w-min-60 {
  min-width: 60%;
}

.pp-vw-min-60 {
  min-width: 60vw;
}

.pp-h-min-60 {
  min-height: 60%;
}

.pp-vh-min-60 {
  min-height: 60vh;
}

.pp-w-max-60 {
  max-width: 60%;
}

.pp-vw-max-60 {
  max-width: 60vw;
}

.pp-h-max-60 {
  max-height: 60%;
}

.pp-vh-max-60 {
  max-height: 60vh;
}

.pp-w-65 {
  width: 65%;
}

.pp-vw-65 {
  width: 65vw;
}

.pp-h-65 {
  height: 65%;
}

.pp-vh-65 {
  height: 65vh;
}

.pp-w-min-65 {
  min-width: 65%;
}

.pp-vw-min-65 {
  min-width: 65vw;
}

.pp-h-min-65 {
  min-height: 65%;
}

.pp-vh-min-65 {
  min-height: 65vh;
}

.pp-w-max-65 {
  max-width: 65%;
}

.pp-vw-max-65 {
  max-width: 65vw;
}

.pp-h-max-65 {
  max-height: 65%;
}

.pp-vh-max-65 {
  max-height: 65vh;
}

.pp-w-70 {
  width: 70%;
}

.pp-vw-70 {
  width: 70vw;
}

.pp-h-70 {
  height: 70%;
}

.pp-vh-70 {
  height: 70vh;
}

.pp-w-min-70 {
  min-width: 70%;
}

.pp-vw-min-70 {
  min-width: 70vw;
}

.pp-h-min-70 {
  min-height: 70%;
}

.pp-vh-min-70 {
  min-height: 70vh;
}

.pp-w-max-70 {
  max-width: 70%;
}

.pp-vw-max-70 {
  max-width: 70vw;
}

.pp-h-max-70 {
  max-height: 70%;
}

.pp-vh-max-70 {
  max-height: 70vh;
}

.pp-w-75 {
  width: 75%;
}

.pp-vw-75 {
  width: 75vw;
}

.pp-h-75 {
  height: 75%;
}

.pp-vh-75 {
  height: 75vh;
}

.pp-w-min-75 {
  min-width: 75%;
}

.pp-vw-min-75 {
  min-width: 75vw;
}

.pp-h-min-75 {
  min-height: 75%;
}

.pp-vh-min-75 {
  min-height: 75vh;
}

.pp-w-max-75 {
  max-width: 75%;
}

.pp-vw-max-75 {
  max-width: 75vw;
}

.pp-h-max-75 {
  max-height: 75%;
}

.pp-vh-max-75 {
  max-height: 75vh;
}

.pp-w-80 {
  width: 80%;
}

.pp-vw-80 {
  width: 80vw;
}

.pp-h-80 {
  height: 80%;
}

.pp-vh-80 {
  height: 80vh;
}

.pp-w-min-80 {
  min-width: 80%;
}

.pp-vw-min-80 {
  min-width: 80vw;
}

.pp-h-min-80 {
  min-height: 80%;
}

.pp-vh-min-80 {
  min-height: 80vh;
}

.pp-w-max-80 {
  max-width: 80%;
}

.pp-vw-max-80 {
  max-width: 80vw;
}

.pp-h-max-80 {
  max-height: 80%;
}

.pp-vh-max-80 {
  max-height: 80vh;
}

.pp-w-85 {
  width: 85%;
}

.pp-vw-85 {
  width: 85vw;
}

.pp-h-85 {
  height: 85%;
}

.pp-vh-85 {
  height: 85vh;
}

.pp-w-min-85 {
  min-width: 85%;
}

.pp-vw-min-85 {
  min-width: 85vw;
}

.pp-h-min-85 {
  min-height: 85%;
}

.pp-vh-min-85 {
  min-height: 85vh;
}

.pp-w-max-85 {
  max-width: 85%;
}

.pp-vw-max-85 {
  max-width: 85vw;
}

.pp-h-max-85 {
  max-height: 85%;
}

.pp-vh-max-85 {
  max-height: 85vh;
}

.pp-w-90 {
  width: 90%;
}

.pp-vw-90 {
  width: 90vw;
}

.pp-h-90 {
  height: 90%;
}

.pp-vh-90 {
  height: 90vh;
}

.pp-w-min-90 {
  min-width: 90%;
}

.pp-vw-min-90 {
  min-width: 90vw;
}

.pp-h-min-90 {
  min-height: 90%;
}

.pp-vh-min-90 {
  min-height: 90vh;
}

.pp-w-max-90 {
  max-width: 90%;
}

.pp-vw-max-90 {
  max-width: 90vw;
}

.pp-h-max-90 {
  max-height: 90%;
}

.pp-vh-max-90 {
  max-height: 90vh;
}

.pp-w-95 {
  width: 95%;
}

.pp-vw-95 {
  width: 95vw;
}

.pp-h-95 {
  height: 95%;
}

.pp-vh-95 {
  height: 95vh;
}

.pp-w-min-95 {
  min-width: 95%;
}

.pp-vw-min-95 {
  min-width: 95vw;
}

.pp-h-min-95 {
  min-height: 95%;
}

.pp-vh-min-95 {
  min-height: 95vh;
}

.pp-w-max-95 {
  max-width: 95%;
}

.pp-vw-max-95 {
  max-width: 95vw;
}

.pp-h-max-95 {
  max-height: 95%;
}

.pp-vh-max-95 {
  max-height: 95vh;
}

.pp-w-100 {
  width: 100%;
}

.pp-vw-100 {
  width: 100vw;
}

.pp-h-100 {
  height: 100%;
}

.pp-vh-100 {
  height: 100vh;
}

.pp-w-min-100 {
  min-width: 100%;
}

.pp-vw-min-100 {
  min-width: 100vw;
}

.pp-h-min-100 {
  min-height: 100%;
}

.pp-vh-min-100 {
  min-height: 100vh;
}

.pp-w-max-100 {
  max-width: 100%;
}

.pp-vw-max-100 {
  max-width: 100vw;
}

.pp-h-max-100 {
  max-height: 100%;
}

.pp-vh-max-100 {
  max-height: 100vh;
}

@media (min-width: 576px) {
  .pp-w-sm-5 {
    width: 5%;
  }
  .pp-vw-sm-5 {
    width: 5vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-5 {
    width: 5%;
  }
  .pp-vw-md-5 {
    width: 5vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-5 {
    width: 5%;
  }
  .pp-vw-lg-5 {
    width: 5vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-5 {
    width: 5%;
  }
  .pp-vw-xl-5 {
    width: 5vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-5 {
    height: 5%;
  }
  .pp-vh-sm-5 {
    height: 5vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-5 {
    height: 5%;
  }
  .pp-vh-md-5 {
    height: 5vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-5 {
    height: 5%;
  }
  .pp-vh-lg-5 {
    height: 5vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-5 {
    height: 5%;
  }
  .pp-vh-xl-5 {
    height: 5vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-5 {
    min-width: 5%;
  }
  .pp-vw-min-sm-5 {
    min-width: 5vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-5 {
    min-width: 5%;
  }
  .pp-vw-min-md-5 {
    min-width: 5vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-5 {
    min-width: 5%;
  }
  .pp-vw-min-lg-5 {
    min-width: 5vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-5 {
    min-width: 5%;
  }
  .pp-vw-min-xl-5 {
    min-width: 5vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-5 {
    min-height: 5%;
  }
  .pp-vh-min-sm-5 {
    min-height: 5vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-5 {
    min-height: 5%;
  }
  .pp-vh-min-md-5 {
    min-height: 5vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-5 {
    min-height: 5%;
  }
  .pp-vh-min-lg-5 {
    min-height: 5vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-5 {
    min-height: 5%;
  }
  .pp-vh-min-xl-5 {
    min-height: 5vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-5 {
    max-width: 5%;
  }
  .pp-vw-max-sm-5 {
    max-width: 5vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-5 {
    max-width: 5%;
  }
  .pp-vw-max-md-5 {
    max-width: 5vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-5 {
    max-width: 5%;
  }
  .pp-vw-max-lg-5 {
    max-width: 5vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-5 {
    max-width: 5%;
  }
  .pp-vw-max-xl-5 {
    max-width: 5vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-5 {
    max-height: 5%;
  }
  .pp-vh-max-sm-5 {
    max-height: 5vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-5 {
    max-height: 5%;
  }
  .pp-vh-max-md-5 {
    max-height: 5vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-5 {
    max-height: 5%;
  }
  .pp-vh-max-lg-5 {
    max-height: 5vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-5 {
    max-height: 5%;
  }
  .pp-vh-max-xl-5 {
    max-height: 5vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-10 {
    width: 10%;
  }
  .pp-vw-sm-10 {
    width: 10vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-10 {
    width: 10%;
  }
  .pp-vw-md-10 {
    width: 10vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-10 {
    width: 10%;
  }
  .pp-vw-lg-10 {
    width: 10vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-10 {
    width: 10%;
  }
  .pp-vw-xl-10 {
    width: 10vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-10 {
    height: 10%;
  }
  .pp-vh-sm-10 {
    height: 10vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-10 {
    height: 10%;
  }
  .pp-vh-md-10 {
    height: 10vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-10 {
    height: 10%;
  }
  .pp-vh-lg-10 {
    height: 10vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-10 {
    height: 10%;
  }
  .pp-vh-xl-10 {
    height: 10vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-10 {
    min-width: 10%;
  }
  .pp-vw-min-sm-10 {
    min-width: 10vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-10 {
    min-width: 10%;
  }
  .pp-vw-min-md-10 {
    min-width: 10vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-10 {
    min-width: 10%;
  }
  .pp-vw-min-lg-10 {
    min-width: 10vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-10 {
    min-width: 10%;
  }
  .pp-vw-min-xl-10 {
    min-width: 10vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-10 {
    min-height: 10%;
  }
  .pp-vh-min-sm-10 {
    min-height: 10vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-10 {
    min-height: 10%;
  }
  .pp-vh-min-md-10 {
    min-height: 10vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-10 {
    min-height: 10%;
  }
  .pp-vh-min-lg-10 {
    min-height: 10vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-10 {
    min-height: 10%;
  }
  .pp-vh-min-xl-10 {
    min-height: 10vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-10 {
    max-width: 10%;
  }
  .pp-vw-max-sm-10 {
    max-width: 10vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-10 {
    max-width: 10%;
  }
  .pp-vw-max-md-10 {
    max-width: 10vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-10 {
    max-width: 10%;
  }
  .pp-vw-max-lg-10 {
    max-width: 10vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-10 {
    max-width: 10%;
  }
  .pp-vw-max-xl-10 {
    max-width: 10vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-10 {
    max-height: 10%;
  }
  .pp-vh-max-sm-10 {
    max-height: 10vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-10 {
    max-height: 10%;
  }
  .pp-vh-max-md-10 {
    max-height: 10vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-10 {
    max-height: 10%;
  }
  .pp-vh-max-lg-10 {
    max-height: 10vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-10 {
    max-height: 10%;
  }
  .pp-vh-max-xl-10 {
    max-height: 10vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-15 {
    width: 15%;
  }
  .pp-vw-sm-15 {
    width: 15vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-15 {
    width: 15%;
  }
  .pp-vw-md-15 {
    width: 15vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-15 {
    width: 15%;
  }
  .pp-vw-lg-15 {
    width: 15vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-15 {
    width: 15%;
  }
  .pp-vw-xl-15 {
    width: 15vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-15 {
    height: 15%;
  }
  .pp-vh-sm-15 {
    height: 15vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-15 {
    height: 15%;
  }
  .pp-vh-md-15 {
    height: 15vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-15 {
    height: 15%;
  }
  .pp-vh-lg-15 {
    height: 15vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-15 {
    height: 15%;
  }
  .pp-vh-xl-15 {
    height: 15vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-15 {
    min-width: 15%;
  }
  .pp-vw-min-sm-15 {
    min-width: 15vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-15 {
    min-width: 15%;
  }
  .pp-vw-min-md-15 {
    min-width: 15vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-15 {
    min-width: 15%;
  }
  .pp-vw-min-lg-15 {
    min-width: 15vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-15 {
    min-width: 15%;
  }
  .pp-vw-min-xl-15 {
    min-width: 15vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-15 {
    min-height: 15%;
  }
  .pp-vh-min-sm-15 {
    min-height: 15vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-15 {
    min-height: 15%;
  }
  .pp-vh-min-md-15 {
    min-height: 15vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-15 {
    min-height: 15%;
  }
  .pp-vh-min-lg-15 {
    min-height: 15vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-15 {
    min-height: 15%;
  }
  .pp-vh-min-xl-15 {
    min-height: 15vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-15 {
    max-width: 15%;
  }
  .pp-vw-max-sm-15 {
    max-width: 15vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-15 {
    max-width: 15%;
  }
  .pp-vw-max-md-15 {
    max-width: 15vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-15 {
    max-width: 15%;
  }
  .pp-vw-max-lg-15 {
    max-width: 15vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-15 {
    max-width: 15%;
  }
  .pp-vw-max-xl-15 {
    max-width: 15vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-15 {
    max-height: 15%;
  }
  .pp-vh-max-sm-15 {
    max-height: 15vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-15 {
    max-height: 15%;
  }
  .pp-vh-max-md-15 {
    max-height: 15vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-15 {
    max-height: 15%;
  }
  .pp-vh-max-lg-15 {
    max-height: 15vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-15 {
    max-height: 15%;
  }
  .pp-vh-max-xl-15 {
    max-height: 15vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-20 {
    width: 20%;
  }
  .pp-vw-sm-20 {
    width: 20vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-20 {
    width: 20%;
  }
  .pp-vw-md-20 {
    width: 20vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-20 {
    width: 20%;
  }
  .pp-vw-lg-20 {
    width: 20vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-20 {
    width: 20%;
  }
  .pp-vw-xl-20 {
    width: 20vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-20 {
    height: 20%;
  }
  .pp-vh-sm-20 {
    height: 20vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-20 {
    height: 20%;
  }
  .pp-vh-md-20 {
    height: 20vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-20 {
    height: 20%;
  }
  .pp-vh-lg-20 {
    height: 20vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-20 {
    height: 20%;
  }
  .pp-vh-xl-20 {
    height: 20vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-20 {
    min-width: 20%;
  }
  .pp-vw-min-sm-20 {
    min-width: 20vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-20 {
    min-width: 20%;
  }
  .pp-vw-min-md-20 {
    min-width: 20vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-20 {
    min-width: 20%;
  }
  .pp-vw-min-lg-20 {
    min-width: 20vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-20 {
    min-width: 20%;
  }
  .pp-vw-min-xl-20 {
    min-width: 20vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-20 {
    min-height: 20%;
  }
  .pp-vh-min-sm-20 {
    min-height: 20vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-20 {
    min-height: 20%;
  }
  .pp-vh-min-md-20 {
    min-height: 20vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-20 {
    min-height: 20%;
  }
  .pp-vh-min-lg-20 {
    min-height: 20vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-20 {
    min-height: 20%;
  }
  .pp-vh-min-xl-20 {
    min-height: 20vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-20 {
    max-width: 20%;
  }
  .pp-vw-max-sm-20 {
    max-width: 20vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-20 {
    max-width: 20%;
  }
  .pp-vw-max-md-20 {
    max-width: 20vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-20 {
    max-width: 20%;
  }
  .pp-vw-max-lg-20 {
    max-width: 20vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-20 {
    max-width: 20%;
  }
  .pp-vw-max-xl-20 {
    max-width: 20vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-20 {
    max-height: 20%;
  }
  .pp-vh-max-sm-20 {
    max-height: 20vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-20 {
    max-height: 20%;
  }
  .pp-vh-max-md-20 {
    max-height: 20vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-20 {
    max-height: 20%;
  }
  .pp-vh-max-lg-20 {
    max-height: 20vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-20 {
    max-height: 20%;
  }
  .pp-vh-max-xl-20 {
    max-height: 20vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-25 {
    width: 25%;
  }
  .pp-vw-sm-25 {
    width: 25vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-25 {
    width: 25%;
  }
  .pp-vw-md-25 {
    width: 25vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-25 {
    width: 25%;
  }
  .pp-vw-lg-25 {
    width: 25vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-25 {
    width: 25%;
  }
  .pp-vw-xl-25 {
    width: 25vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-25 {
    height: 25%;
  }
  .pp-vh-sm-25 {
    height: 25vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-25 {
    height: 25%;
  }
  .pp-vh-md-25 {
    height: 25vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-25 {
    height: 25%;
  }
  .pp-vh-lg-25 {
    height: 25vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-25 {
    height: 25%;
  }
  .pp-vh-xl-25 {
    height: 25vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-25 {
    min-width: 25%;
  }
  .pp-vw-min-sm-25 {
    min-width: 25vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-25 {
    min-width: 25%;
  }
  .pp-vw-min-md-25 {
    min-width: 25vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-25 {
    min-width: 25%;
  }
  .pp-vw-min-lg-25 {
    min-width: 25vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-25 {
    min-width: 25%;
  }
  .pp-vw-min-xl-25 {
    min-width: 25vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-25 {
    min-height: 25%;
  }
  .pp-vh-min-sm-25 {
    min-height: 25vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-25 {
    min-height: 25%;
  }
  .pp-vh-min-md-25 {
    min-height: 25vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-25 {
    min-height: 25%;
  }
  .pp-vh-min-lg-25 {
    min-height: 25vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-25 {
    min-height: 25%;
  }
  .pp-vh-min-xl-25 {
    min-height: 25vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-25 {
    max-width: 25%;
  }
  .pp-vw-max-sm-25 {
    max-width: 25vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-25 {
    max-width: 25%;
  }
  .pp-vw-max-md-25 {
    max-width: 25vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-25 {
    max-width: 25%;
  }
  .pp-vw-max-lg-25 {
    max-width: 25vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-25 {
    max-width: 25%;
  }
  .pp-vw-max-xl-25 {
    max-width: 25vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-25 {
    max-height: 25%;
  }
  .pp-vh-max-sm-25 {
    max-height: 25vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-25 {
    max-height: 25%;
  }
  .pp-vh-max-md-25 {
    max-height: 25vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-25 {
    max-height: 25%;
  }
  .pp-vh-max-lg-25 {
    max-height: 25vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-25 {
    max-height: 25%;
  }
  .pp-vh-max-xl-25 {
    max-height: 25vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-30 {
    width: 30%;
  }
  .pp-vw-sm-30 {
    width: 30vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-30 {
    width: 30%;
  }
  .pp-vw-md-30 {
    width: 30vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-30 {
    width: 30%;
  }
  .pp-vw-lg-30 {
    width: 30vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-30 {
    width: 30%;
  }
  .pp-vw-xl-30 {
    width: 30vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-30 {
    height: 30%;
  }
  .pp-vh-sm-30 {
    height: 30vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-30 {
    height: 30%;
  }
  .pp-vh-md-30 {
    height: 30vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-30 {
    height: 30%;
  }
  .pp-vh-lg-30 {
    height: 30vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-30 {
    height: 30%;
  }
  .pp-vh-xl-30 {
    height: 30vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-30 {
    min-width: 30%;
  }
  .pp-vw-min-sm-30 {
    min-width: 30vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-30 {
    min-width: 30%;
  }
  .pp-vw-min-md-30 {
    min-width: 30vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-30 {
    min-width: 30%;
  }
  .pp-vw-min-lg-30 {
    min-width: 30vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-30 {
    min-width: 30%;
  }
  .pp-vw-min-xl-30 {
    min-width: 30vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-30 {
    min-height: 30%;
  }
  .pp-vh-min-sm-30 {
    min-height: 30vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-30 {
    min-height: 30%;
  }
  .pp-vh-min-md-30 {
    min-height: 30vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-30 {
    min-height: 30%;
  }
  .pp-vh-min-lg-30 {
    min-height: 30vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-30 {
    min-height: 30%;
  }
  .pp-vh-min-xl-30 {
    min-height: 30vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-30 {
    max-width: 30%;
  }
  .pp-vw-max-sm-30 {
    max-width: 30vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-30 {
    max-width: 30%;
  }
  .pp-vw-max-md-30 {
    max-width: 30vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-30 {
    max-width: 30%;
  }
  .pp-vw-max-lg-30 {
    max-width: 30vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-30 {
    max-width: 30%;
  }
  .pp-vw-max-xl-30 {
    max-width: 30vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-30 {
    max-height: 30%;
  }
  .pp-vh-max-sm-30 {
    max-height: 30vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-30 {
    max-height: 30%;
  }
  .pp-vh-max-md-30 {
    max-height: 30vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-30 {
    max-height: 30%;
  }
  .pp-vh-max-lg-30 {
    max-height: 30vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-30 {
    max-height: 30%;
  }
  .pp-vh-max-xl-30 {
    max-height: 30vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-35 {
    width: 35%;
  }
  .pp-vw-sm-35 {
    width: 35vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-35 {
    width: 35%;
  }
  .pp-vw-md-35 {
    width: 35vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-35 {
    width: 35%;
  }
  .pp-vw-lg-35 {
    width: 35vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-35 {
    width: 35%;
  }
  .pp-vw-xl-35 {
    width: 35vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-35 {
    height: 35%;
  }
  .pp-vh-sm-35 {
    height: 35vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-35 {
    height: 35%;
  }
  .pp-vh-md-35 {
    height: 35vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-35 {
    height: 35%;
  }
  .pp-vh-lg-35 {
    height: 35vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-35 {
    height: 35%;
  }
  .pp-vh-xl-35 {
    height: 35vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-35 {
    min-width: 35%;
  }
  .pp-vw-min-sm-35 {
    min-width: 35vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-35 {
    min-width: 35%;
  }
  .pp-vw-min-md-35 {
    min-width: 35vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-35 {
    min-width: 35%;
  }
  .pp-vw-min-lg-35 {
    min-width: 35vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-35 {
    min-width: 35%;
  }
  .pp-vw-min-xl-35 {
    min-width: 35vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-35 {
    min-height: 35%;
  }
  .pp-vh-min-sm-35 {
    min-height: 35vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-35 {
    min-height: 35%;
  }
  .pp-vh-min-md-35 {
    min-height: 35vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-35 {
    min-height: 35%;
  }
  .pp-vh-min-lg-35 {
    min-height: 35vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-35 {
    min-height: 35%;
  }
  .pp-vh-min-xl-35 {
    min-height: 35vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-35 {
    max-width: 35%;
  }
  .pp-vw-max-sm-35 {
    max-width: 35vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-35 {
    max-width: 35%;
  }
  .pp-vw-max-md-35 {
    max-width: 35vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-35 {
    max-width: 35%;
  }
  .pp-vw-max-lg-35 {
    max-width: 35vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-35 {
    max-width: 35%;
  }
  .pp-vw-max-xl-35 {
    max-width: 35vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-35 {
    max-height: 35%;
  }
  .pp-vh-max-sm-35 {
    max-height: 35vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-35 {
    max-height: 35%;
  }
  .pp-vh-max-md-35 {
    max-height: 35vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-35 {
    max-height: 35%;
  }
  .pp-vh-max-lg-35 {
    max-height: 35vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-35 {
    max-height: 35%;
  }
  .pp-vh-max-xl-35 {
    max-height: 35vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-40 {
    width: 40%;
  }
  .pp-vw-sm-40 {
    width: 40vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-40 {
    width: 40%;
  }
  .pp-vw-md-40 {
    width: 40vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-40 {
    width: 40%;
  }
  .pp-vw-lg-40 {
    width: 40vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-40 {
    width: 40%;
  }
  .pp-vw-xl-40 {
    width: 40vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-40 {
    height: 40%;
  }
  .pp-vh-sm-40 {
    height: 40vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-40 {
    height: 40%;
  }
  .pp-vh-md-40 {
    height: 40vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-40 {
    height: 40%;
  }
  .pp-vh-lg-40 {
    height: 40vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-40 {
    height: 40%;
  }
  .pp-vh-xl-40 {
    height: 40vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-40 {
    min-width: 40%;
  }
  .pp-vw-min-sm-40 {
    min-width: 40vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-40 {
    min-width: 40%;
  }
  .pp-vw-min-md-40 {
    min-width: 40vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-40 {
    min-width: 40%;
  }
  .pp-vw-min-lg-40 {
    min-width: 40vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-40 {
    min-width: 40%;
  }
  .pp-vw-min-xl-40 {
    min-width: 40vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-40 {
    min-height: 40%;
  }
  .pp-vh-min-sm-40 {
    min-height: 40vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-40 {
    min-height: 40%;
  }
  .pp-vh-min-md-40 {
    min-height: 40vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-40 {
    min-height: 40%;
  }
  .pp-vh-min-lg-40 {
    min-height: 40vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-40 {
    min-height: 40%;
  }
  .pp-vh-min-xl-40 {
    min-height: 40vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-40 {
    max-width: 40%;
  }
  .pp-vw-max-sm-40 {
    max-width: 40vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-40 {
    max-width: 40%;
  }
  .pp-vw-max-md-40 {
    max-width: 40vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-40 {
    max-width: 40%;
  }
  .pp-vw-max-lg-40 {
    max-width: 40vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-40 {
    max-width: 40%;
  }
  .pp-vw-max-xl-40 {
    max-width: 40vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-40 {
    max-height: 40%;
  }
  .pp-vh-max-sm-40 {
    max-height: 40vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-40 {
    max-height: 40%;
  }
  .pp-vh-max-md-40 {
    max-height: 40vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-40 {
    max-height: 40%;
  }
  .pp-vh-max-lg-40 {
    max-height: 40vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-40 {
    max-height: 40%;
  }
  .pp-vh-max-xl-40 {
    max-height: 40vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-45 {
    width: 45%;
  }
  .pp-vw-sm-45 {
    width: 45vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-45 {
    width: 45%;
  }
  .pp-vw-md-45 {
    width: 45vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-45 {
    width: 45%;
  }
  .pp-vw-lg-45 {
    width: 45vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-45 {
    width: 45%;
  }
  .pp-vw-xl-45 {
    width: 45vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-45 {
    height: 45%;
  }
  .pp-vh-sm-45 {
    height: 45vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-45 {
    height: 45%;
  }
  .pp-vh-md-45 {
    height: 45vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-45 {
    height: 45%;
  }
  .pp-vh-lg-45 {
    height: 45vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-45 {
    height: 45%;
  }
  .pp-vh-xl-45 {
    height: 45vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-45 {
    min-width: 45%;
  }
  .pp-vw-min-sm-45 {
    min-width: 45vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-45 {
    min-width: 45%;
  }
  .pp-vw-min-md-45 {
    min-width: 45vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-45 {
    min-width: 45%;
  }
  .pp-vw-min-lg-45 {
    min-width: 45vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-45 {
    min-width: 45%;
  }
  .pp-vw-min-xl-45 {
    min-width: 45vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-45 {
    min-height: 45%;
  }
  .pp-vh-min-sm-45 {
    min-height: 45vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-45 {
    min-height: 45%;
  }
  .pp-vh-min-md-45 {
    min-height: 45vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-45 {
    min-height: 45%;
  }
  .pp-vh-min-lg-45 {
    min-height: 45vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-45 {
    min-height: 45%;
  }
  .pp-vh-min-xl-45 {
    min-height: 45vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-45 {
    max-width: 45%;
  }
  .pp-vw-max-sm-45 {
    max-width: 45vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-45 {
    max-width: 45%;
  }
  .pp-vw-max-md-45 {
    max-width: 45vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-45 {
    max-width: 45%;
  }
  .pp-vw-max-lg-45 {
    max-width: 45vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-45 {
    max-width: 45%;
  }
  .pp-vw-max-xl-45 {
    max-width: 45vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-45 {
    max-height: 45%;
  }
  .pp-vh-max-sm-45 {
    max-height: 45vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-45 {
    max-height: 45%;
  }
  .pp-vh-max-md-45 {
    max-height: 45vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-45 {
    max-height: 45%;
  }
  .pp-vh-max-lg-45 {
    max-height: 45vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-45 {
    max-height: 45%;
  }
  .pp-vh-max-xl-45 {
    max-height: 45vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-50 {
    width: 50%;
  }
  .pp-vw-sm-50 {
    width: 50vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-50 {
    width: 50%;
  }
  .pp-vw-md-50 {
    width: 50vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-50 {
    width: 50%;
  }
  .pp-vw-lg-50 {
    width: 50vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-50 {
    width: 50%;
  }
  .pp-vw-xl-50 {
    width: 50vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-50 {
    height: 50%;
  }
  .pp-vh-sm-50 {
    height: 50vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-50 {
    height: 50%;
  }
  .pp-vh-md-50 {
    height: 50vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-50 {
    height: 50%;
  }
  .pp-vh-lg-50 {
    height: 50vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-50 {
    height: 50%;
  }
  .pp-vh-xl-50 {
    height: 50vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-50 {
    min-width: 50%;
  }
  .pp-vw-min-sm-50 {
    min-width: 50vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-50 {
    min-width: 50%;
  }
  .pp-vw-min-md-50 {
    min-width: 50vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-50 {
    min-width: 50%;
  }
  .pp-vw-min-lg-50 {
    min-width: 50vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-50 {
    min-width: 50%;
  }
  .pp-vw-min-xl-50 {
    min-width: 50vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-50 {
    min-height: 50%;
  }
  .pp-vh-min-sm-50 {
    min-height: 50vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-50 {
    min-height: 50%;
  }
  .pp-vh-min-md-50 {
    min-height: 50vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-50 {
    min-height: 50%;
  }
  .pp-vh-min-lg-50 {
    min-height: 50vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-50 {
    min-height: 50%;
  }
  .pp-vh-min-xl-50 {
    min-height: 50vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-50 {
    max-width: 50%;
  }
  .pp-vw-max-sm-50 {
    max-width: 50vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-50 {
    max-width: 50%;
  }
  .pp-vw-max-md-50 {
    max-width: 50vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-50 {
    max-width: 50%;
  }
  .pp-vw-max-lg-50 {
    max-width: 50vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-50 {
    max-width: 50%;
  }
  .pp-vw-max-xl-50 {
    max-width: 50vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-50 {
    max-height: 50%;
  }
  .pp-vh-max-sm-50 {
    max-height: 50vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-50 {
    max-height: 50%;
  }
  .pp-vh-max-md-50 {
    max-height: 50vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-50 {
    max-height: 50%;
  }
  .pp-vh-max-lg-50 {
    max-height: 50vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-50 {
    max-height: 50%;
  }
  .pp-vh-max-xl-50 {
    max-height: 50vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-55 {
    width: 55%;
  }
  .pp-vw-sm-55 {
    width: 55vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-55 {
    width: 55%;
  }
  .pp-vw-md-55 {
    width: 55vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-55 {
    width: 55%;
  }
  .pp-vw-lg-55 {
    width: 55vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-55 {
    width: 55%;
  }
  .pp-vw-xl-55 {
    width: 55vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-55 {
    height: 55%;
  }
  .pp-vh-sm-55 {
    height: 55vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-55 {
    height: 55%;
  }
  .pp-vh-md-55 {
    height: 55vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-55 {
    height: 55%;
  }
  .pp-vh-lg-55 {
    height: 55vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-55 {
    height: 55%;
  }
  .pp-vh-xl-55 {
    height: 55vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-55 {
    min-width: 55%;
  }
  .pp-vw-min-sm-55 {
    min-width: 55vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-55 {
    min-width: 55%;
  }
  .pp-vw-min-md-55 {
    min-width: 55vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-55 {
    min-width: 55%;
  }
  .pp-vw-min-lg-55 {
    min-width: 55vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-55 {
    min-width: 55%;
  }
  .pp-vw-min-xl-55 {
    min-width: 55vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-55 {
    min-height: 55%;
  }
  .pp-vh-min-sm-55 {
    min-height: 55vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-55 {
    min-height: 55%;
  }
  .pp-vh-min-md-55 {
    min-height: 55vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-55 {
    min-height: 55%;
  }
  .pp-vh-min-lg-55 {
    min-height: 55vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-55 {
    min-height: 55%;
  }
  .pp-vh-min-xl-55 {
    min-height: 55vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-55 {
    max-width: 55%;
  }
  .pp-vw-max-sm-55 {
    max-width: 55vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-55 {
    max-width: 55%;
  }
  .pp-vw-max-md-55 {
    max-width: 55vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-55 {
    max-width: 55%;
  }
  .pp-vw-max-lg-55 {
    max-width: 55vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-55 {
    max-width: 55%;
  }
  .pp-vw-max-xl-55 {
    max-width: 55vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-55 {
    max-height: 55%;
  }
  .pp-vh-max-sm-55 {
    max-height: 55vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-55 {
    max-height: 55%;
  }
  .pp-vh-max-md-55 {
    max-height: 55vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-55 {
    max-height: 55%;
  }
  .pp-vh-max-lg-55 {
    max-height: 55vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-55 {
    max-height: 55%;
  }
  .pp-vh-max-xl-55 {
    max-height: 55vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-60 {
    width: 60%;
  }
  .pp-vw-sm-60 {
    width: 60vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-60 {
    width: 60%;
  }
  .pp-vw-md-60 {
    width: 60vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-60 {
    width: 60%;
  }
  .pp-vw-lg-60 {
    width: 60vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-60 {
    width: 60%;
  }
  .pp-vw-xl-60 {
    width: 60vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-60 {
    height: 60%;
  }
  .pp-vh-sm-60 {
    height: 60vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-60 {
    height: 60%;
  }
  .pp-vh-md-60 {
    height: 60vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-60 {
    height: 60%;
  }
  .pp-vh-lg-60 {
    height: 60vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-60 {
    height: 60%;
  }
  .pp-vh-xl-60 {
    height: 60vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-60 {
    min-width: 60%;
  }
  .pp-vw-min-sm-60 {
    min-width: 60vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-60 {
    min-width: 60%;
  }
  .pp-vw-min-md-60 {
    min-width: 60vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-60 {
    min-width: 60%;
  }
  .pp-vw-min-lg-60 {
    min-width: 60vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-60 {
    min-width: 60%;
  }
  .pp-vw-min-xl-60 {
    min-width: 60vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-60 {
    min-height: 60%;
  }
  .pp-vh-min-sm-60 {
    min-height: 60vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-60 {
    min-height: 60%;
  }
  .pp-vh-min-md-60 {
    min-height: 60vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-60 {
    min-height: 60%;
  }
  .pp-vh-min-lg-60 {
    min-height: 60vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-60 {
    min-height: 60%;
  }
  .pp-vh-min-xl-60 {
    min-height: 60vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-60 {
    max-width: 60%;
  }
  .pp-vw-max-sm-60 {
    max-width: 60vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-60 {
    max-width: 60%;
  }
  .pp-vw-max-md-60 {
    max-width: 60vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-60 {
    max-width: 60%;
  }
  .pp-vw-max-lg-60 {
    max-width: 60vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-60 {
    max-width: 60%;
  }
  .pp-vw-max-xl-60 {
    max-width: 60vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-60 {
    max-height: 60%;
  }
  .pp-vh-max-sm-60 {
    max-height: 60vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-60 {
    max-height: 60%;
  }
  .pp-vh-max-md-60 {
    max-height: 60vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-60 {
    max-height: 60%;
  }
  .pp-vh-max-lg-60 {
    max-height: 60vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-60 {
    max-height: 60%;
  }
  .pp-vh-max-xl-60 {
    max-height: 60vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-65 {
    width: 65%;
  }
  .pp-vw-sm-65 {
    width: 65vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-65 {
    width: 65%;
  }
  .pp-vw-md-65 {
    width: 65vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-65 {
    width: 65%;
  }
  .pp-vw-lg-65 {
    width: 65vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-65 {
    width: 65%;
  }
  .pp-vw-xl-65 {
    width: 65vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-65 {
    height: 65%;
  }
  .pp-vh-sm-65 {
    height: 65vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-65 {
    height: 65%;
  }
  .pp-vh-md-65 {
    height: 65vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-65 {
    height: 65%;
  }
  .pp-vh-lg-65 {
    height: 65vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-65 {
    height: 65%;
  }
  .pp-vh-xl-65 {
    height: 65vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-65 {
    min-width: 65%;
  }
  .pp-vw-min-sm-65 {
    min-width: 65vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-65 {
    min-width: 65%;
  }
  .pp-vw-min-md-65 {
    min-width: 65vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-65 {
    min-width: 65%;
  }
  .pp-vw-min-lg-65 {
    min-width: 65vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-65 {
    min-width: 65%;
  }
  .pp-vw-min-xl-65 {
    min-width: 65vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-65 {
    min-height: 65%;
  }
  .pp-vh-min-sm-65 {
    min-height: 65vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-65 {
    min-height: 65%;
  }
  .pp-vh-min-md-65 {
    min-height: 65vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-65 {
    min-height: 65%;
  }
  .pp-vh-min-lg-65 {
    min-height: 65vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-65 {
    min-height: 65%;
  }
  .pp-vh-min-xl-65 {
    min-height: 65vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-65 {
    max-width: 65%;
  }
  .pp-vw-max-sm-65 {
    max-width: 65vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-65 {
    max-width: 65%;
  }
  .pp-vw-max-md-65 {
    max-width: 65vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-65 {
    max-width: 65%;
  }
  .pp-vw-max-lg-65 {
    max-width: 65vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-65 {
    max-width: 65%;
  }
  .pp-vw-max-xl-65 {
    max-width: 65vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-65 {
    max-height: 65%;
  }
  .pp-vh-max-sm-65 {
    max-height: 65vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-65 {
    max-height: 65%;
  }
  .pp-vh-max-md-65 {
    max-height: 65vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-65 {
    max-height: 65%;
  }
  .pp-vh-max-lg-65 {
    max-height: 65vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-65 {
    max-height: 65%;
  }
  .pp-vh-max-xl-65 {
    max-height: 65vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-70 {
    width: 70%;
  }
  .pp-vw-sm-70 {
    width: 70vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-70 {
    width: 70%;
  }
  .pp-vw-md-70 {
    width: 70vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-70 {
    width: 70%;
  }
  .pp-vw-lg-70 {
    width: 70vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-70 {
    width: 70%;
  }
  .pp-vw-xl-70 {
    width: 70vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-70 {
    height: 70%;
  }
  .pp-vh-sm-70 {
    height: 70vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-70 {
    height: 70%;
  }
  .pp-vh-md-70 {
    height: 70vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-70 {
    height: 70%;
  }
  .pp-vh-lg-70 {
    height: 70vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-70 {
    height: 70%;
  }
  .pp-vh-xl-70 {
    height: 70vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-70 {
    min-width: 70%;
  }
  .pp-vw-min-sm-70 {
    min-width: 70vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-70 {
    min-width: 70%;
  }
  .pp-vw-min-md-70 {
    min-width: 70vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-70 {
    min-width: 70%;
  }
  .pp-vw-min-lg-70 {
    min-width: 70vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-70 {
    min-width: 70%;
  }
  .pp-vw-min-xl-70 {
    min-width: 70vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-70 {
    min-height: 70%;
  }
  .pp-vh-min-sm-70 {
    min-height: 70vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-70 {
    min-height: 70%;
  }
  .pp-vh-min-md-70 {
    min-height: 70vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-70 {
    min-height: 70%;
  }
  .pp-vh-min-lg-70 {
    min-height: 70vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-70 {
    min-height: 70%;
  }
  .pp-vh-min-xl-70 {
    min-height: 70vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-70 {
    max-width: 70%;
  }
  .pp-vw-max-sm-70 {
    max-width: 70vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-70 {
    max-width: 70%;
  }
  .pp-vw-max-md-70 {
    max-width: 70vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-70 {
    max-width: 70%;
  }
  .pp-vw-max-lg-70 {
    max-width: 70vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-70 {
    max-width: 70%;
  }
  .pp-vw-max-xl-70 {
    max-width: 70vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-70 {
    max-height: 70%;
  }
  .pp-vh-max-sm-70 {
    max-height: 70vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-70 {
    max-height: 70%;
  }
  .pp-vh-max-md-70 {
    max-height: 70vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-70 {
    max-height: 70%;
  }
  .pp-vh-max-lg-70 {
    max-height: 70vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-70 {
    max-height: 70%;
  }
  .pp-vh-max-xl-70 {
    max-height: 70vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-75 {
    width: 75%;
  }
  .pp-vw-sm-75 {
    width: 75vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-75 {
    width: 75%;
  }
  .pp-vw-md-75 {
    width: 75vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-75 {
    width: 75%;
  }
  .pp-vw-lg-75 {
    width: 75vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-75 {
    width: 75%;
  }
  .pp-vw-xl-75 {
    width: 75vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-75 {
    height: 75%;
  }
  .pp-vh-sm-75 {
    height: 75vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-75 {
    height: 75%;
  }
  .pp-vh-md-75 {
    height: 75vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-75 {
    height: 75%;
  }
  .pp-vh-lg-75 {
    height: 75vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-75 {
    height: 75%;
  }
  .pp-vh-xl-75 {
    height: 75vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-75 {
    min-width: 75%;
  }
  .pp-vw-min-sm-75 {
    min-width: 75vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-75 {
    min-width: 75%;
  }
  .pp-vw-min-md-75 {
    min-width: 75vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-75 {
    min-width: 75%;
  }
  .pp-vw-min-lg-75 {
    min-width: 75vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-75 {
    min-width: 75%;
  }
  .pp-vw-min-xl-75 {
    min-width: 75vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-75 {
    min-height: 75%;
  }
  .pp-vh-min-sm-75 {
    min-height: 75vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-75 {
    min-height: 75%;
  }
  .pp-vh-min-md-75 {
    min-height: 75vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-75 {
    min-height: 75%;
  }
  .pp-vh-min-lg-75 {
    min-height: 75vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-75 {
    min-height: 75%;
  }
  .pp-vh-min-xl-75 {
    min-height: 75vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-75 {
    max-width: 75%;
  }
  .pp-vw-max-sm-75 {
    max-width: 75vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-75 {
    max-width: 75%;
  }
  .pp-vw-max-md-75 {
    max-width: 75vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-75 {
    max-width: 75%;
  }
  .pp-vw-max-lg-75 {
    max-width: 75vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-75 {
    max-width: 75%;
  }
  .pp-vw-max-xl-75 {
    max-width: 75vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-75 {
    max-height: 75%;
  }
  .pp-vh-max-sm-75 {
    max-height: 75vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-75 {
    max-height: 75%;
  }
  .pp-vh-max-md-75 {
    max-height: 75vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-75 {
    max-height: 75%;
  }
  .pp-vh-max-lg-75 {
    max-height: 75vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-75 {
    max-height: 75%;
  }
  .pp-vh-max-xl-75 {
    max-height: 75vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-80 {
    width: 80%;
  }
  .pp-vw-sm-80 {
    width: 80vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-80 {
    width: 80%;
  }
  .pp-vw-md-80 {
    width: 80vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-80 {
    width: 80%;
  }
  .pp-vw-lg-80 {
    width: 80vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-80 {
    width: 80%;
  }
  .pp-vw-xl-80 {
    width: 80vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-80 {
    height: 80%;
  }
  .pp-vh-sm-80 {
    height: 80vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-80 {
    height: 80%;
  }
  .pp-vh-md-80 {
    height: 80vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-80 {
    height: 80%;
  }
  .pp-vh-lg-80 {
    height: 80vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-80 {
    height: 80%;
  }
  .pp-vh-xl-80 {
    height: 80vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-80 {
    min-width: 80%;
  }
  .pp-vw-min-sm-80 {
    min-width: 80vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-80 {
    min-width: 80%;
  }
  .pp-vw-min-md-80 {
    min-width: 80vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-80 {
    min-width: 80%;
  }
  .pp-vw-min-lg-80 {
    min-width: 80vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-80 {
    min-width: 80%;
  }
  .pp-vw-min-xl-80 {
    min-width: 80vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-80 {
    min-height: 80%;
  }
  .pp-vh-min-sm-80 {
    min-height: 80vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-80 {
    min-height: 80%;
  }
  .pp-vh-min-md-80 {
    min-height: 80vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-80 {
    min-height: 80%;
  }
  .pp-vh-min-lg-80 {
    min-height: 80vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-80 {
    min-height: 80%;
  }
  .pp-vh-min-xl-80 {
    min-height: 80vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-80 {
    max-width: 80%;
  }
  .pp-vw-max-sm-80 {
    max-width: 80vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-80 {
    max-width: 80%;
  }
  .pp-vw-max-md-80 {
    max-width: 80vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-80 {
    max-width: 80%;
  }
  .pp-vw-max-lg-80 {
    max-width: 80vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-80 {
    max-width: 80%;
  }
  .pp-vw-max-xl-80 {
    max-width: 80vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-80 {
    max-height: 80%;
  }
  .pp-vh-max-sm-80 {
    max-height: 80vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-80 {
    max-height: 80%;
  }
  .pp-vh-max-md-80 {
    max-height: 80vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-80 {
    max-height: 80%;
  }
  .pp-vh-max-lg-80 {
    max-height: 80vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-80 {
    max-height: 80%;
  }
  .pp-vh-max-xl-80 {
    max-height: 80vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-85 {
    width: 85%;
  }
  .pp-vw-sm-85 {
    width: 85vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-85 {
    width: 85%;
  }
  .pp-vw-md-85 {
    width: 85vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-85 {
    width: 85%;
  }
  .pp-vw-lg-85 {
    width: 85vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-85 {
    width: 85%;
  }
  .pp-vw-xl-85 {
    width: 85vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-85 {
    height: 85%;
  }
  .pp-vh-sm-85 {
    height: 85vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-85 {
    height: 85%;
  }
  .pp-vh-md-85 {
    height: 85vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-85 {
    height: 85%;
  }
  .pp-vh-lg-85 {
    height: 85vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-85 {
    height: 85%;
  }
  .pp-vh-xl-85 {
    height: 85vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-85 {
    min-width: 85%;
  }
  .pp-vw-min-sm-85 {
    min-width: 85vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-85 {
    min-width: 85%;
  }
  .pp-vw-min-md-85 {
    min-width: 85vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-85 {
    min-width: 85%;
  }
  .pp-vw-min-lg-85 {
    min-width: 85vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-85 {
    min-width: 85%;
  }
  .pp-vw-min-xl-85 {
    min-width: 85vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-85 {
    min-height: 85%;
  }
  .pp-vh-min-sm-85 {
    min-height: 85vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-85 {
    min-height: 85%;
  }
  .pp-vh-min-md-85 {
    min-height: 85vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-85 {
    min-height: 85%;
  }
  .pp-vh-min-lg-85 {
    min-height: 85vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-85 {
    min-height: 85%;
  }
  .pp-vh-min-xl-85 {
    min-height: 85vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-85 {
    max-width: 85%;
  }
  .pp-vw-max-sm-85 {
    max-width: 85vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-85 {
    max-width: 85%;
  }
  .pp-vw-max-md-85 {
    max-width: 85vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-85 {
    max-width: 85%;
  }
  .pp-vw-max-lg-85 {
    max-width: 85vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-85 {
    max-width: 85%;
  }
  .pp-vw-max-xl-85 {
    max-width: 85vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-85 {
    max-height: 85%;
  }
  .pp-vh-max-sm-85 {
    max-height: 85vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-85 {
    max-height: 85%;
  }
  .pp-vh-max-md-85 {
    max-height: 85vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-85 {
    max-height: 85%;
  }
  .pp-vh-max-lg-85 {
    max-height: 85vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-85 {
    max-height: 85%;
  }
  .pp-vh-max-xl-85 {
    max-height: 85vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-90 {
    width: 90%;
  }
  .pp-vw-sm-90 {
    width: 90vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-90 {
    width: 90%;
  }
  .pp-vw-md-90 {
    width: 90vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-90 {
    width: 90%;
  }
  .pp-vw-lg-90 {
    width: 90vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-90 {
    width: 90%;
  }
  .pp-vw-xl-90 {
    width: 90vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-90 {
    height: 90%;
  }
  .pp-vh-sm-90 {
    height: 90vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-90 {
    height: 90%;
  }
  .pp-vh-md-90 {
    height: 90vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-90 {
    height: 90%;
  }
  .pp-vh-lg-90 {
    height: 90vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-90 {
    height: 90%;
  }
  .pp-vh-xl-90 {
    height: 90vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-90 {
    min-width: 90%;
  }
  .pp-vw-min-sm-90 {
    min-width: 90vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-90 {
    min-width: 90%;
  }
  .pp-vw-min-md-90 {
    min-width: 90vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-90 {
    min-width: 90%;
  }
  .pp-vw-min-lg-90 {
    min-width: 90vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-90 {
    min-width: 90%;
  }
  .pp-vw-min-xl-90 {
    min-width: 90vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-90 {
    min-height: 90%;
  }
  .pp-vh-min-sm-90 {
    min-height: 90vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-90 {
    min-height: 90%;
  }
  .pp-vh-min-md-90 {
    min-height: 90vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-90 {
    min-height: 90%;
  }
  .pp-vh-min-lg-90 {
    min-height: 90vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-90 {
    min-height: 90%;
  }
  .pp-vh-min-xl-90 {
    min-height: 90vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-90 {
    max-width: 90%;
  }
  .pp-vw-max-sm-90 {
    max-width: 90vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-90 {
    max-width: 90%;
  }
  .pp-vw-max-md-90 {
    max-width: 90vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-90 {
    max-width: 90%;
  }
  .pp-vw-max-lg-90 {
    max-width: 90vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-90 {
    max-width: 90%;
  }
  .pp-vw-max-xl-90 {
    max-width: 90vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-90 {
    max-height: 90%;
  }
  .pp-vh-max-sm-90 {
    max-height: 90vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-90 {
    max-height: 90%;
  }
  .pp-vh-max-md-90 {
    max-height: 90vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-90 {
    max-height: 90%;
  }
  .pp-vh-max-lg-90 {
    max-height: 90vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-90 {
    max-height: 90%;
  }
  .pp-vh-max-xl-90 {
    max-height: 90vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-95 {
    width: 95%;
  }
  .pp-vw-sm-95 {
    width: 95vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-95 {
    width: 95%;
  }
  .pp-vw-md-95 {
    width: 95vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-95 {
    width: 95%;
  }
  .pp-vw-lg-95 {
    width: 95vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-95 {
    width: 95%;
  }
  .pp-vw-xl-95 {
    width: 95vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-95 {
    height: 95%;
  }
  .pp-vh-sm-95 {
    height: 95vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-95 {
    height: 95%;
  }
  .pp-vh-md-95 {
    height: 95vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-95 {
    height: 95%;
  }
  .pp-vh-lg-95 {
    height: 95vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-95 {
    height: 95%;
  }
  .pp-vh-xl-95 {
    height: 95vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-95 {
    min-width: 95%;
  }
  .pp-vw-min-sm-95 {
    min-width: 95vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-95 {
    min-width: 95%;
  }
  .pp-vw-min-md-95 {
    min-width: 95vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-95 {
    min-width: 95%;
  }
  .pp-vw-min-lg-95 {
    min-width: 95vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-95 {
    min-width: 95%;
  }
  .pp-vw-min-xl-95 {
    min-width: 95vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-95 {
    min-height: 95%;
  }
  .pp-vh-min-sm-95 {
    min-height: 95vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-95 {
    min-height: 95%;
  }
  .pp-vh-min-md-95 {
    min-height: 95vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-95 {
    min-height: 95%;
  }
  .pp-vh-min-lg-95 {
    min-height: 95vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-95 {
    min-height: 95%;
  }
  .pp-vh-min-xl-95 {
    min-height: 95vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-95 {
    max-width: 95%;
  }
  .pp-vw-max-sm-95 {
    max-width: 95vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-95 {
    max-width: 95%;
  }
  .pp-vw-max-md-95 {
    max-width: 95vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-95 {
    max-width: 95%;
  }
  .pp-vw-max-lg-95 {
    max-width: 95vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-95 {
    max-width: 95%;
  }
  .pp-vw-max-xl-95 {
    max-width: 95vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-95 {
    max-height: 95%;
  }
  .pp-vh-max-sm-95 {
    max-height: 95vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-95 {
    max-height: 95%;
  }
  .pp-vh-max-md-95 {
    max-height: 95vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-95 {
    max-height: 95%;
  }
  .pp-vh-max-lg-95 {
    max-height: 95vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-95 {
    max-height: 95%;
  }
  .pp-vh-max-xl-95 {
    max-height: 95vh;
  }
}
@media (min-width: 576px) {
  .pp-w-sm-100 {
    width: 100%;
  }
  .pp-vw-sm-100 {
    width: 100vw;
  }
}
@media (min-width: 768px) {
  .pp-w-md-100 {
    width: 100%;
  }
  .pp-vw-md-100 {
    width: 100vw;
  }
}
@media (min-width: 992px) {
  .pp-w-lg-100 {
    width: 100%;
  }
  .pp-vw-lg-100 {
    width: 100vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-xl-100 {
    width: 100%;
  }
  .pp-vw-xl-100 {
    width: 100vw;
  }
}
@media (min-width: 576px) {
  .pp-h-sm-100 {
    height: 100%;
  }
  .pp-vh-sm-100 {
    height: 100vh;
  }
}
@media (min-width: 768px) {
  .pp-h-md-100 {
    height: 100%;
  }
  .pp-vh-md-100 {
    height: 100vh;
  }
}
@media (min-width: 992px) {
  .pp-h-lg-100 {
    height: 100%;
  }
  .pp-vh-lg-100 {
    height: 100vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-xl-100 {
    height: 100%;
  }
  .pp-vh-xl-100 {
    height: 100vh;
  }
}
@media (min-width: 576px) {
  .pp-w-min-sm-100 {
    min-width: 100%;
  }
  .pp-vw-min-sm-100 {
    min-width: 100vw;
  }
}
@media (min-width: 768px) {
  .pp-w-min-md-100 {
    min-width: 100%;
  }
  .pp-vw-min-md-100 {
    min-width: 100vw;
  }
}
@media (min-width: 992px) {
  .pp-w-min-lg-100 {
    min-width: 100%;
  }
  .pp-vw-min-lg-100 {
    min-width: 100vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-min-xl-100 {
    min-width: 100%;
  }
  .pp-vw-min-xl-100 {
    min-width: 100vw;
  }
}
@media (min-width: 576px) {
  .pp-h-min-sm-100 {
    min-height: 100%;
  }
  .pp-vh-min-sm-100 {
    min-height: 100vh;
  }
}
@media (min-width: 768px) {
  .pp-h-min-md-100 {
    min-height: 100%;
  }
  .pp-vh-min-md-100 {
    min-height: 100vh;
  }
}
@media (min-width: 992px) {
  .pp-h-min-lg-100 {
    min-height: 100%;
  }
  .pp-vh-min-lg-100 {
    min-height: 100vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-min-xl-100 {
    min-height: 100%;
  }
  .pp-vh-min-xl-100 {
    min-height: 100vh;
  }
}
@media (min-width: 576px) {
  .pp-w-max-sm-100 {
    max-width: 100%;
  }
  .pp-vw-max-sm-100 {
    max-width: 100vw;
  }
}
@media (min-width: 768px) {
  .pp-w-max-md-100 {
    max-width: 100%;
  }
  .pp-vw-max-md-100 {
    max-width: 100vw;
  }
}
@media (min-width: 992px) {
  .pp-w-max-lg-100 {
    max-width: 100%;
  }
  .pp-vw-max-lg-100 {
    max-width: 100vw;
  }
}
@media (min-width: 1200px) {
  .pp-w-max-xl-100 {
    max-width: 100%;
  }
  .pp-vw-max-xl-100 {
    max-width: 100vw;
  }
}
@media (min-width: 576px) {
  .pp-h-max-sm-100 {
    max-height: 100%;
  }
  .pp-vh-max-sm-100 {
    max-height: 100vh;
  }
}
@media (min-width: 768px) {
  .pp-h-max-md-100 {
    max-height: 100%;
  }
  .pp-vh-max-md-100 {
    max-height: 100vh;
  }
}
@media (min-width: 992px) {
  .pp-h-max-lg-100 {
    max-height: 100%;
  }
  .pp-vh-max-lg-100 {
    max-height: 100vh;
  }
}
@media (min-width: 1200px) {
  .pp-h-max-xl-100 {
    max-height: 100%;
  }
  .pp-vh-max-xl-100 {
    max-height: 100vh;
  }
}
[class*=pp-p] {
  padding-left: var(--pl, 0);
  padding-right: var(--pr, 0);
  padding-bottom: var(--pb, 0);
  padding-top: var(--pt, 0);
}

[class*=pp-m] {
  margin-left: var(--ml, 0);
  margin-right: var(--mr, 0);
  margin-bottom: var(--mb, 0);
  margin-top: var(--mt, 0);
}

[class*=pp-g-], [class*=pp-gx-], [class*=pp-gy-] {
  column-gap: var(--gx, 0);
  row-gap: var(--gy, 0);
}

@property --gx {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-xs,
.pp-gx-xs {
  --gx: var(--spacer-xs);
  --gxi: var(--spacer-xs);
  --gx-num: var(--spacer-xs-num);
}

@property --gx {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-sm,
.pp-gx-sm {
  --gx: var(--spacer-sm);
  --gxi: var(--spacer-sm);
  --gx-num: var(--spacer-sm-num);
}

@property --gx {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-md,
.pp-gx-md {
  --gx: var(--spacer-md);
  --gxi: var(--spacer-md);
  --gx-num: var(--spacer-md-num);
}

@property --gx {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-lg,
.pp-gx-lg {
  --gx: var(--spacer-lg);
  --gxi: var(--spacer-lg);
  --gx-num: var(--spacer-lg-num);
}

@property --gx {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-xl,
.pp-gx-xl {
  --gx: var(--spacer-xl);
  --gxi: var(--spacer-xl);
  --gx-num: var(--spacer-xl-num);
}

@property --gy {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-xs,
.pp-gy-xs {
  --gy: var(--spacer-xs);
  --gyi: var(--spacer-xs);
  --gy-num: var(--spacer-xs-num);
}

@property --gy {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-sm,
.pp-gy-sm {
  --gy: var(--spacer-sm);
  --gyi: var(--spacer-sm);
  --gy-num: var(--spacer-sm-num);
}

@property --gy {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-md,
.pp-gy-md {
  --gy: var(--spacer-md);
  --gyi: var(--spacer-md);
  --gy-num: var(--spacer-md-num);
}

@property --gy {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-lg,
.pp-gy-lg {
  --gy: var(--spacer-lg);
  --gyi: var(--spacer-lg);
  --gy-num: var(--spacer-lg-num);
}

@property --gy {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.pp-g-xl,
.pp-gy-xl {
  --gy: var(--spacer-xl);
  --gyi: var(--spacer-xl);
  --gy-num: var(--spacer-xl-num);
}

.pp-mx-0 {
  --mx: 0px;
  --mxi: 0px;
}

.pp-mx-xs {
  --mx: var(--spacer-xs);
  --mxi: var(--spacer-xs);
}

.pp-mx-sm {
  --mx: var(--spacer-sm);
  --mxi: var(--spacer-sm);
}

.pp-mx-md {
  --mx: var(--spacer-md);
  --mxi: var(--spacer-md);
}

.pp-mx-lg {
  --mx: var(--spacer-lg);
  --mxi: var(--spacer-lg);
}

.pp-mx-xl {
  --mx: var(--spacer-xl);
  --mxi: var(--spacer-xl);
}

.pp-mx-f-xs {
  --mx: var(--spacer-fix-xs);
  --mxi: var(--spacer-fix-xs);
}

.pp-mx-f-sm {
  --mx: var(--spacer-fix-sm);
  --mxi: var(--spacer-fix-sm);
}

.pp-mx-f-md {
  --mx: var(--spacer-fix-md);
  --mxi: var(--spacer-fix-md);
}

.pp-mx-f-lg {
  --mx: var(--spacer-fix-lg);
  --mxi: var(--spacer-fix-lg);
}

.pp-mx-f-xl {
  --mx: var(--spacer-fix-xl);
  --mxi: var(--spacer-fix-xl);
}

@property --ml {
  syntax: "<length>";
  inherits: false;
}
@property --mli {
  syntax: "<length>";
  inherits: true;
}
.pp-m-0,
.pp-mx-0,
.pp-ml-0 {
  --ml: 0px;
  --mli: 0px;
}

.pp-m-xs,
.pp-mx-xs,
.pp-ml-xs {
  --ml: var(--spacer-xs);
  --mli: var(--spacer-xs);
}

.pp-m-sm,
.pp-mx-sm,
.pp-ml-sm {
  --ml: var(--spacer-sm);
  --mli: var(--spacer-sm);
}

.pp-m-md,
.pp-mx-md,
.pp-ml-md {
  --ml: var(--spacer-md);
  --mli: var(--spacer-md);
}

.pp-m-lg,
.pp-mx-lg,
.pp-ml-lg {
  --ml: var(--spacer-lg);
  --mli: var(--spacer-lg);
}

.pp-m-xl,
.pp-mx-xl,
.pp-ml-xl {
  --ml: var(--spacer-xl);
  --mli: var(--spacer-xl);
}

.pp-m-f-xs,
.pp-mx-f-xs,
.pp-ml-f-xs {
  --ml: var(--spacer-fix-xs);
  --mli: var(--spacer-fix-xs);
}

.pp-m-f-sm,
.pp-mx-f-sm,
.pp-ml-f-sm {
  --ml: var(--spacer-fix-sm);
  --mli: var(--spacer-fix-sm);
}

.pp-m-f-md,
.pp-mx-f-md,
.pp-ml-f-md {
  --ml: var(--spacer-fix-md);
  --mli: var(--spacer-fix-md);
}

.pp-m-f-lg,
.pp-mx-f-lg,
.pp-ml-f-lg {
  --ml: var(--spacer-fix-lg);
  --mli: var(--spacer-fix-lg);
}

.pp-m-f-xl,
.pp-mx-f-xl,
.pp-ml-f-xl {
  --ml: var(--spacer-fix-xl);
  --mli: var(--spacer-fix-xl);
}

@property --mr {
  syntax: "<length>";
  inherits: false;
}
@property --mri {
  syntax: "<length>";
  inherits: true;
}
.pp-m-0,
.pp-mx-0,
.pp-mr-0 {
  --mr: 0px;
  --mri: 0px;
}

.pp-m-xs,
.pp-mx-xs,
.pp-mr-xs {
  --mr: var(--spacer-xs);
  --mri: var(--spacer-xs);
}

.pp-m-sm,
.pp-mx-sm,
.pp-mr-sm {
  --mr: var(--spacer-sm);
  --mri: var(--spacer-sm);
}

.pp-m-md,
.pp-mx-md,
.pp-mr-md {
  --mr: var(--spacer-md);
  --mri: var(--spacer-md);
}

.pp-m-lg,
.pp-mx-lg,
.pp-mr-lg {
  --mr: var(--spacer-lg);
  --mri: var(--spacer-lg);
}

.pp-m-xl,
.pp-mx-xl,
.pp-mr-xl {
  --mr: var(--spacer-xl);
  --mri: var(--spacer-xl);
}

.pp-m-f-xs,
.pp-mx-f-xs,
.pp-mr-f-xs {
  --mr: var(--spacer-fix-xs);
  --mri: var(--spacer-fix-xs);
}

.pp-m-f-sm,
.pp-mx-f-sm,
.pp-mr-f-sm {
  --mr: var(--spacer-fix-sm);
  --mri: var(--spacer-fix-sm);
}

.pp-m-f-md,
.pp-mx-f-md,
.pp-mr-f-md {
  --mr: var(--spacer-fix-md);
  --mri: var(--spacer-fix-md);
}

.pp-m-f-lg,
.pp-mx-f-lg,
.pp-mr-f-lg {
  --mr: var(--spacer-fix-lg);
  --mri: var(--spacer-fix-lg);
}

.pp-m-f-xl,
.pp-mx-f-xl,
.pp-mr-f-xl {
  --mr: var(--spacer-fix-xl);
  --mri: var(--spacer-fix-xl);
}

.pp-my-0 {
  --my: 0px;
  --myi: 0px;
}

.pp-my-xs {
  --my: var(--spacer-xs);
  --myi: var(--spacer-xs);
}

.pp-my-sm {
  --my: var(--spacer-sm);
  --myi: var(--spacer-sm);
}

.pp-my-md {
  --my: var(--spacer-md);
  --myi: var(--spacer-md);
}

.pp-my-lg {
  --my: var(--spacer-lg);
  --myi: var(--spacer-lg);
}

.pp-my-xl {
  --my: var(--spacer-xl);
  --myi: var(--spacer-xl);
}

.pp-my-f-xs {
  --my: var(--spacer-fix-xs);
  --myi: var(--spacer-fix-xs);
}

.pp-my-f-sm {
  --my: var(--spacer-fix-sm);
  --myi: var(--spacer-fix-sm);
}

.pp-my-f-md {
  --my: var(--spacer-fix-md);
  --myi: var(--spacer-fix-md);
}

.pp-my-f-lg {
  --my: var(--spacer-fix-lg);
  --myi: var(--spacer-fix-lg);
}

.pp-my-f-xl {
  --my: var(--spacer-fix-xl);
  --myi: var(--spacer-fix-xl);
}

@property --mb {
  syntax: "<length>";
  inherits: false;
}
@property --mbi {
  syntax: "<length>";
  inherits: true;
}
.pp-m-0,
.pp-my-0,
.pp-mb-0 {
  --mb: 0px;
  --mbi: 0px;
}

.pp-m-xs,
.pp-my-xs,
.pp-mb-xs {
  --mb: var(--spacer-xs);
  --mbi: var(--spacer-xs);
}

.pp-m-sm,
.pp-my-sm,
.pp-mb-sm {
  --mb: var(--spacer-sm);
  --mbi: var(--spacer-sm);
}

.pp-m-md,
.pp-my-md,
.pp-mb-md {
  --mb: var(--spacer-md);
  --mbi: var(--spacer-md);
}

.pp-m-lg,
.pp-my-lg,
.pp-mb-lg {
  --mb: var(--spacer-lg);
  --mbi: var(--spacer-lg);
}

.pp-m-xl,
.pp-my-xl,
.pp-mb-xl {
  --mb: var(--spacer-xl);
  --mbi: var(--spacer-xl);
}

.pp-m-f-xs,
.pp-my-f-xs,
.pp-mb-f-xs {
  --mb: var(--spacer-fix-xs);
  --mbi: var(--spacer-fix-xs);
}

.pp-m-f-sm,
.pp-my-f-sm,
.pp-mb-f-sm {
  --mb: var(--spacer-fix-sm);
  --mbi: var(--spacer-fix-sm);
}

.pp-m-f-md,
.pp-my-f-md,
.pp-mb-f-md {
  --mb: var(--spacer-fix-md);
  --mbi: var(--spacer-fix-md);
}

.pp-m-f-lg,
.pp-my-f-lg,
.pp-mb-f-lg {
  --mb: var(--spacer-fix-lg);
  --mbi: var(--spacer-fix-lg);
}

.pp-m-f-xl,
.pp-my-f-xl,
.pp-mb-f-xl {
  --mb: var(--spacer-fix-xl);
  --mbi: var(--spacer-fix-xl);
}

@property --mt {
  syntax: "<length>";
  inherits: false;
}
@property --mti {
  syntax: "<length>";
  inherits: true;
}
.pp-m-0,
.pp-my-0,
.pp-mt-0 {
  --mt: 0px;
  --mti: 0px;
}

.pp-m-xs,
.pp-my-xs,
.pp-mt-xs {
  --mt: var(--spacer-xs);
  --mti: var(--spacer-xs);
}

.pp-m-sm,
.pp-my-sm,
.pp-mt-sm {
  --mt: var(--spacer-sm);
  --mti: var(--spacer-sm);
}

.pp-m-md,
.pp-my-md,
.pp-mt-md {
  --mt: var(--spacer-md);
  --mti: var(--spacer-md);
}

.pp-m-lg,
.pp-my-lg,
.pp-mt-lg {
  --mt: var(--spacer-lg);
  --mti: var(--spacer-lg);
}

.pp-m-xl,
.pp-my-xl,
.pp-mt-xl {
  --mt: var(--spacer-xl);
  --mti: var(--spacer-xl);
}

.pp-m-f-xs,
.pp-my-f-xs,
.pp-mt-f-xs {
  --mt: var(--spacer-fix-xs);
  --mti: var(--spacer-fix-xs);
}

.pp-m-f-sm,
.pp-my-f-sm,
.pp-mt-f-sm {
  --mt: var(--spacer-fix-sm);
  --mti: var(--spacer-fix-sm);
}

.pp-m-f-md,
.pp-my-f-md,
.pp-mt-f-md {
  --mt: var(--spacer-fix-md);
  --mti: var(--spacer-fix-md);
}

.pp-m-f-lg,
.pp-my-f-lg,
.pp-mt-f-lg {
  --mt: var(--spacer-fix-lg);
  --mti: var(--spacer-fix-lg);
}

.pp-m-f-xl,
.pp-my-f-xl,
.pp-mt-f-xl {
  --mt: var(--spacer-fix-xl);
  --mti: var(--spacer-fix-xl);
}

.pp-px-0 {
  --px: 0px;
  --pxi: 0px;
}

.pp-px-xs {
  --px: var(--spacer-xs);
  --pxi: var(--spacer-xs);
}

.pp-px-sm {
  --px: var(--spacer-sm);
  --pxi: var(--spacer-sm);
}

.pp-px-md {
  --px: var(--spacer-md);
  --pxi: var(--spacer-md);
}

.pp-px-lg {
  --px: var(--spacer-lg);
  --pxi: var(--spacer-lg);
}

.pp-px-xl {
  --px: var(--spacer-xl);
  --pxi: var(--spacer-xl);
}

.pp-px-f-xs {
  --px: var(--spacer-fix-xs);
  --pxi: var(--spacer-fix-xs);
}

.pp-px-f-sm {
  --px: var(--spacer-fix-sm);
  --pxi: var(--spacer-fix-sm);
}

.pp-px-f-md {
  --px: var(--spacer-fix-md);
  --pxi: var(--spacer-fix-md);
}

.pp-px-f-lg {
  --px: var(--spacer-fix-lg);
  --pxi: var(--spacer-fix-lg);
}

.pp-px-f-xl {
  --px: var(--spacer-fix-xl);
  --pxi: var(--spacer-fix-xl);
}

@property --pl {
  syntax: "<length>";
  inherits: false;
}
@property --pli {
  syntax: "<length>";
  inherits: true;
}
.pp-p-0,
.pp-px-0,
.pp-pl-0 {
  --pl: 0px;
  --pli: 0px;
}

.pp-p-xs,
.pp-px-xs,
.pp-pl-xs {
  --pl: var(--spacer-xs);
  --pli: var(--spacer-xs);
}

.pp-p-sm,
.pp-px-sm,
.pp-pl-sm {
  --pl: var(--spacer-sm);
  --pli: var(--spacer-sm);
}

.pp-p-md,
.pp-px-md,
.pp-pl-md {
  --pl: var(--spacer-md);
  --pli: var(--spacer-md);
}

.pp-p-lg,
.pp-px-lg,
.pp-pl-lg {
  --pl: var(--spacer-lg);
  --pli: var(--spacer-lg);
}

.pp-p-xl,
.pp-px-xl,
.pp-pl-xl {
  --pl: var(--spacer-xl);
  --pli: var(--spacer-xl);
}

.pp-p-f-xs,
.pp-px-f-xs,
.pp-pl-f-xs {
  --pl: var(--spacer-fix-xs);
  --pli: var(--spacer-fix-xs);
}

.pp-p-f-sm,
.pp-px-f-sm,
.pp-pl-f-sm {
  --pl: var(--spacer-fix-sm);
  --pli: var(--spacer-fix-sm);
}

.pp-p-f-md,
.pp-px-f-md,
.pp-pl-f-md {
  --pl: var(--spacer-fix-md);
  --pli: var(--spacer-fix-md);
}

.pp-p-f-lg,
.pp-px-f-lg,
.pp-pl-f-lg {
  --pl: var(--spacer-fix-lg);
  --pli: var(--spacer-fix-lg);
}

.pp-p-f-xl,
.pp-px-f-xl,
.pp-pl-f-xl {
  --pl: var(--spacer-fix-xl);
  --pli: var(--spacer-fix-xl);
}

@property --pr {
  syntax: "<length>";
  inherits: false;
}
@property --pri {
  syntax: "<length>";
  inherits: true;
}
.pp-p-0,
.pp-px-0,
.pp-pr-0 {
  --pr: 0px;
  --pri: 0px;
}

.pp-p-xs,
.pp-px-xs,
.pp-pr-xs {
  --pr: var(--spacer-xs);
  --pri: var(--spacer-xs);
}

.pp-p-sm,
.pp-px-sm,
.pp-pr-sm {
  --pr: var(--spacer-sm);
  --pri: var(--spacer-sm);
}

.pp-p-md,
.pp-px-md,
.pp-pr-md {
  --pr: var(--spacer-md);
  --pri: var(--spacer-md);
}

.pp-p-lg,
.pp-px-lg,
.pp-pr-lg {
  --pr: var(--spacer-lg);
  --pri: var(--spacer-lg);
}

.pp-p-xl,
.pp-px-xl,
.pp-pr-xl {
  --pr: var(--spacer-xl);
  --pri: var(--spacer-xl);
}

.pp-p-f-xs,
.pp-px-f-xs,
.pp-pr-f-xs {
  --pr: var(--spacer-fix-xs);
  --pri: var(--spacer-fix-xs);
}

.pp-p-f-sm,
.pp-px-f-sm,
.pp-pr-f-sm {
  --pr: var(--spacer-fix-sm);
  --pri: var(--spacer-fix-sm);
}

.pp-p-f-md,
.pp-px-f-md,
.pp-pr-f-md {
  --pr: var(--spacer-fix-md);
  --pri: var(--spacer-fix-md);
}

.pp-p-f-lg,
.pp-px-f-lg,
.pp-pr-f-lg {
  --pr: var(--spacer-fix-lg);
  --pri: var(--spacer-fix-lg);
}

.pp-p-f-xl,
.pp-px-f-xl,
.pp-pr-f-xl {
  --pr: var(--spacer-fix-xl);
  --pri: var(--spacer-fix-xl);
}

.pp-py-0 {
  --py: 0px;
  --pyi: 0px;
}

.pp-py-xs {
  --py: var(--spacer-xs);
  --pyi: var(--spacer-xs);
}

.pp-py-sm {
  --py: var(--spacer-sm);
  --pyi: var(--spacer-sm);
}

.pp-py-md {
  --py: var(--spacer-md);
  --pyi: var(--spacer-md);
}

.pp-py-lg {
  --py: var(--spacer-lg);
  --pyi: var(--spacer-lg);
}

.pp-py-xl {
  --py: var(--spacer-xl);
  --pyi: var(--spacer-xl);
}

.pp-py-f-xs {
  --py: var(--spacer-fix-xs);
  --pyi: var(--spacer-fix-xs);
}

.pp-py-f-sm {
  --py: var(--spacer-fix-sm);
  --pyi: var(--spacer-fix-sm);
}

.pp-py-f-md {
  --py: var(--spacer-fix-md);
  --pyi: var(--spacer-fix-md);
}

.pp-py-f-lg {
  --py: var(--spacer-fix-lg);
  --pyi: var(--spacer-fix-lg);
}

.pp-py-f-xl {
  --py: var(--spacer-fix-xl);
  --pyi: var(--spacer-fix-xl);
}

@property --pb {
  syntax: "<length>";
  inherits: false;
}
@property --pbi {
  syntax: "<length>";
  inherits: true;
}
.pp-p-0,
.pp-py-0,
.pp-pb-0 {
  --pb: 0px;
  --pbi: 0px;
}

.pp-p-xs,
.pp-py-xs,
.pp-pb-xs {
  --pb: var(--spacer-xs);
  --pbi: var(--spacer-xs);
}

.pp-p-sm,
.pp-py-sm,
.pp-pb-sm {
  --pb: var(--spacer-sm);
  --pbi: var(--spacer-sm);
}

.pp-p-md,
.pp-py-md,
.pp-pb-md {
  --pb: var(--spacer-md);
  --pbi: var(--spacer-md);
}

.pp-p-lg,
.pp-py-lg,
.pp-pb-lg {
  --pb: var(--spacer-lg);
  --pbi: var(--spacer-lg);
}

.pp-p-xl,
.pp-py-xl,
.pp-pb-xl {
  --pb: var(--spacer-xl);
  --pbi: var(--spacer-xl);
}

.pp-p-f-xs,
.pp-py-f-xs,
.pp-pb-f-xs {
  --pb: var(--spacer-fix-xs);
  --pbi: var(--spacer-fix-xs);
}

.pp-p-f-sm,
.pp-py-f-sm,
.pp-pb-f-sm {
  --pb: var(--spacer-fix-sm);
  --pbi: var(--spacer-fix-sm);
}

.pp-p-f-md,
.pp-py-f-md,
.pp-pb-f-md {
  --pb: var(--spacer-fix-md);
  --pbi: var(--spacer-fix-md);
}

.pp-p-f-lg,
.pp-py-f-lg,
.pp-pb-f-lg {
  --pb: var(--spacer-fix-lg);
  --pbi: var(--spacer-fix-lg);
}

.pp-p-f-xl,
.pp-py-f-xl,
.pp-pb-f-xl {
  --pb: var(--spacer-fix-xl);
  --pbi: var(--spacer-fix-xl);
}

@property --pt {
  syntax: "<length>";
  inherits: false;
}
@property --pti {
  syntax: "<length>";
  inherits: true;
}
.pp-p-0,
.pp-py-0,
.pp-pt-0 {
  --pt: 0px;
  --pti: 0px;
}

.pp-p-xs,
.pp-py-xs,
.pp-pt-xs {
  --pt: var(--spacer-xs);
  --pti: var(--spacer-xs);
}

.pp-p-sm,
.pp-py-sm,
.pp-pt-sm {
  --pt: var(--spacer-sm);
  --pti: var(--spacer-sm);
}

.pp-p-md,
.pp-py-md,
.pp-pt-md {
  --pt: var(--spacer-md);
  --pti: var(--spacer-md);
}

.pp-p-lg,
.pp-py-lg,
.pp-pt-lg {
  --pt: var(--spacer-lg);
  --pti: var(--spacer-lg);
}

.pp-p-xl,
.pp-py-xl,
.pp-pt-xl {
  --pt: var(--spacer-xl);
  --pti: var(--spacer-xl);
}

.pp-p-f-xs,
.pp-py-f-xs,
.pp-pt-f-xs {
  --pt: var(--spacer-fix-xs);
  --pti: var(--spacer-fix-xs);
}

.pp-p-f-sm,
.pp-py-f-sm,
.pp-pt-f-sm {
  --pt: var(--spacer-fix-sm);
  --pti: var(--spacer-fix-sm);
}

.pp-p-f-md,
.pp-py-f-md,
.pp-pt-f-md {
  --pt: var(--spacer-fix-md);
  --pti: var(--spacer-fix-md);
}

.pp-p-f-lg,
.pp-py-f-lg,
.pp-pt-f-lg {
  --pt: var(--spacer-fix-lg);
  --pti: var(--spacer-fix-lg);
}

.pp-p-f-xl,
.pp-py-f-xl,
.pp-pt-f-xl {
  --pt: var(--spacer-fix-xl);
  --pti: var(--spacer-fix-xl);
}

.pp-shift-sm {
  --shift: var(--spacer-sm);
}

.pp-overlap-sm {
  --overlap: var(--spacer-sm);
}

.pp-shift-f-sm {
  --shift: var(--spacer-fix-sm);
}

.pp-overlap-f-sm {
  --overlap: var(--spacer-fix-sm);
}

.pp-height-sm {
  height: var(--height-sm);
}

.pp-min-height-sm {
  min-height: var(--height-sm);
}

.pp-max-height-sm {
  max-height: var(--height-sm);
}

.pp-has-media-width-sm {
  --media-width: var(--media-width-sm);
}

.pp-has-media-height-sm {
  --media-height: var(--height-sm);
}

.pp-shift-md {
  --shift: var(--spacer-md);
}

.pp-overlap-md {
  --overlap: var(--spacer-md);
}

.pp-shift-f-md {
  --shift: var(--spacer-fix-md);
}

.pp-overlap-f-md {
  --overlap: var(--spacer-fix-md);
}

.pp-height-md {
  height: var(--height-md);
}

.pp-min-height-md {
  min-height: var(--height-md);
}

.pp-max-height-md {
  max-height: var(--height-md);
}

.pp-has-media-width-md {
  --media-width: var(--media-width-md);
}

.pp-has-media-height-md {
  --media-height: var(--height-md);
}

.pp-shift-lg {
  --shift: var(--spacer-lg);
}

.pp-overlap-lg {
  --overlap: var(--spacer-lg);
}

.pp-shift-f-lg {
  --shift: var(--spacer-fix-lg);
}

.pp-overlap-f-lg {
  --overlap: var(--spacer-fix-lg);
}

.pp-height-lg {
  height: var(--height-lg);
}

.pp-min-height-lg {
  min-height: var(--height-lg);
}

.pp-max-height-lg {
  max-height: var(--height-lg);
}

.pp-has-media-width-lg {
  --media-width: var(--media-width-lg);
}

.pp-has-media-height-lg {
  --media-height: var(--height-lg);
}

.pp-shift-xl {
  --shift: var(--spacer-xl);
}

.pp-overlap-xl {
  --overlap: var(--spacer-xl);
}

.pp-shift-f-xl {
  --shift: var(--spacer-fix-xl);
}

.pp-overlap-f-xl {
  --overlap: var(--spacer-fix-xl);
}

.pp-height-xl {
  height: var(--height-xl);
}

.pp-min-height-xl {
  min-height: var(--height-xl);
}

.pp-max-height-xl {
  max-height: var(--height-xl);
}

.pp-has-media-width-xl {
  --media-width: var(--media-width-xl);
}

.pp-has-media-height-xl {
  --media-height: var(--height-xl);
}

.pp-container-full,
.pp-size-full {
  --container-min-padding-num: 0;
  --container-padding-num: 0;
  --container-min-padding: 0px;
  --container-padding: 0px;
}

[class*=pp-size-]:where(:not(.pp-size-full)),
[class*=pp-container-]:where(:not(.pp-container-full)) {
  --container-min-padding: var(--general-grid-gap);
  --container-min-padding-num: var(--general-grid-gap-num);
  --container-padding: max( var(--container-min-padding), var(--container-margin-box) );
  --container-padding-num: max( var(--container-min-padding-num), var(--container-margin-box-num) );
}

[class*=pp-container-],
[class*=pp-size-] {
  /* @var container margin relative to boxed layout */
  --container-margin-box: max( 0px, calc( ( var(--wrapper-width) - var(--container-size) ) * 0.5 ));
  --container-margin-box-num: max( 0, calc( ( var(--wrapper-width-num) - var(--container-size-num) ) * 0.5 ));
  /* @var container margin relative to viewport */
  --container-margin-vp: max( 0px, calc( ( var(--visual-viewport-width) - var(--container-size) ) * 0.5 ));
}

.pp-container-sm,
.pp-size-sm {
  --container-size: var(--container-sm);
  --container-size-num: var(--container-sm-num);
}

.pp-container-md,
.pp-size-md {
  --container-size: var(--container-md);
  --container-size-num: var(--container-md-num);
}

.pp-container-lg,
.pp-size-lg {
  --container-size: var(--container-lg);
  --container-size-num: var(--container-lg-num);
}

.pp-container-xl,
.pp-size-xl {
  --container-size: var(--container-xl);
  --container-size-num: var(--container-xl-num);
}

.pp-container {
  container-type: inline-size;
}

:where([class*=pp-container-]:not(.pp-grid)) {
  margin-left: var(--container-padding);
  margin-right: var(--container-padding);
  container-type: inline-size;
  container-name: wrap;
}

.border-radius-0 {
  --box-border-radius: 0px;
  border-radius: 0;
}

.border-radius-tl-0 {
  border-top-left-radius: 0;
}

.border-radius-tr-0 {
  border-top-right-radius: 0;
}

.border-radius-bl-0 {
  border-bottom-left-radius: 0;
}

.border-radius-br-0 {
  border-bottom-right-radius: 0;
}

.border-radius-sm {
  border-radius: var(--border-radius-sm);
}

.border-radius-r-sm {
  border-radius: var(--border-radius-r-sm);
}

.border-radius-tl-sm {
  border-top-left-radius: var(--border-radius-sm);
}

.border-radius-tl-r-sm {
  border-top-left-radius: var(--border-radius-r-sm);
}

.border-radius-tr-sm {
  border-top-right-radius: var(--border-radius-sm);
}

.border-radius-tr-r-sm {
  border-top-right-radius: var(--border-radius-r-sm);
}

.border-radius-bl-sm {
  border-bottom-left-radius: var(--border-radius-sm);
}

.border-radius-bl-r-sm {
  border-bottom-left-radius: var(--border-radius-r-sm);
}

.border-radius-br-sm {
  border-bottom-right-radius: var(--border-radius-sm);
}

.border-radius-br-r-sm {
  border-bottom-right-radius: var(--border-radius-r-sm);
}

.border-radius-md {
  border-radius: var(--border-radius-md);
}

.border-radius-r-md {
  border-radius: var(--border-radius-r-md);
}

.border-radius-tl-md {
  border-top-left-radius: var(--border-radius-md);
}

.border-radius-tl-r-md {
  border-top-left-radius: var(--border-radius-r-md);
}

.border-radius-tr-md {
  border-top-right-radius: var(--border-radius-md);
}

.border-radius-tr-r-md {
  border-top-right-radius: var(--border-radius-r-md);
}

.border-radius-bl-md {
  border-bottom-left-radius: var(--border-radius-md);
}

.border-radius-bl-r-md {
  border-bottom-left-radius: var(--border-radius-r-md);
}

.border-radius-br-md {
  border-bottom-right-radius: var(--border-radius-md);
}

.border-radius-br-r-md {
  border-bottom-right-radius: var(--border-radius-r-md);
}

.border-radius-lg {
  border-radius: var(--border-radius-lg);
}

.border-radius-r-lg {
  border-radius: var(--border-radius-r-lg);
}

.border-radius-tl-lg {
  border-top-left-radius: var(--border-radius-lg);
}

.border-radius-tl-r-lg {
  border-top-left-radius: var(--border-radius-r-lg);
}

.border-radius-tr-lg {
  border-top-right-radius: var(--border-radius-lg);
}

.border-radius-tr-r-lg {
  border-top-right-radius: var(--border-radius-r-lg);
}

.border-radius-bl-lg {
  border-bottom-left-radius: var(--border-radius-lg);
}

.border-radius-bl-r-lg {
  border-bottom-left-radius: var(--border-radius-r-lg);
}

.border-radius-br-lg {
  border-bottom-right-radius: var(--border-radius-lg);
}

.border-radius-br-r-lg {
  border-bottom-right-radius: var(--border-radius-r-lg);
}

.border-radius-xl {
  border-radius: var(--border-radius-xl);
}

.border-radius-r-xl {
  border-radius: var(--border-radius-r-xl);
}

.border-radius-tl-xl {
  border-top-left-radius: var(--border-radius-xl);
}

.border-radius-tl-r-xl {
  border-top-left-radius: var(--border-radius-r-xl);
}

.border-radius-tr-xl {
  border-top-right-radius: var(--border-radius-xl);
}

.border-radius-tr-r-xl {
  border-top-right-radius: var(--border-radius-r-xl);
}

.border-radius-bl-xl {
  border-bottom-left-radius: var(--border-radius-xl);
}

.border-radius-bl-r-xl {
  border-bottom-left-radius: var(--border-radius-r-xl);
}

.border-radius-br-xl {
  border-bottom-right-radius: var(--border-radius-xl);
}

.border-radius-br-r-xl {
  border-bottom-right-radius: var(--border-radius-r-xl);
}

.border-width-sm {
  border-width: var(--border-width-sm);
}

.border-top-sm {
  border-top-width: var(--border-width-sm);
}

.border-right-sm {
  border-right-width: var(--border-width-sm);
}

.border-bottom-sm {
  border-bottom-width: var(--border-width-sm);
}

.border-left-sm {
  border-left-width: var(--border-width-sm);
}

.border-width-md {
  border-width: var(--border-width-md);
}

.border-top-md {
  border-top-width: var(--border-width-md);
}

.border-right-md {
  border-right-width: var(--border-width-md);
}

.border-bottom-md {
  border-bottom-width: var(--border-width-md);
}

.border-left-md {
  border-left-width: var(--border-width-md);
}

.border-width-lg {
  border-width: var(--border-width-lg);
}

.border-top-lg {
  border-top-width: var(--border-width-lg);
}

.border-right-lg {
  border-right-width: var(--border-width-lg);
}

.border-bottom-lg {
  border-bottom-width: var(--border-width-lg);
}

.border-left-lg {
  border-left-width: var(--border-width-lg);
}

.border-width-xl {
  border-width: var(--border-width-xl);
}

.border-top-xl {
  border-top-width: var(--border-width-xl);
}

.border-right-xl {
  border-right-width: var(--border-width-xl);
}

.border-bottom-xl {
  border-bottom-width: var(--border-width-xl);
}

.border-left-xl {
  border-left-width: var(--border-width-xl);
}

.pp-icon-sm .pp-fontawesome, .pp-fontawesome.pp-icon-sm,
.pp-icon-sm .fab,
.fab.pp-icon-sm,
.pp-icon-sm .fas,
.fas.pp-icon-sm,
.pp-icon-sm .far,
.pp-icon-sm a[download]:not(.has-icon)::before,
.far.pp-icon-sm,
a.pp-icon-sm[download]:not(.has-icon)::before {
  --element-font-size: var(--icon-size-sm);
}

.pp-icon-md .pp-fontawesome, .pp-fontawesome.pp-icon-md,
.pp-icon-md .fab,
.fab.pp-icon-md,
.pp-icon-md .fas,
.fas.pp-icon-md,
.pp-icon-md .far,
.pp-icon-md a[download]:not(.has-icon)::before,
.far.pp-icon-md,
a.pp-icon-md[download]:not(.has-icon)::before {
  --element-font-size: var(--icon-size-md);
}

.pp-icon-lg .pp-fontawesome, .pp-fontawesome.pp-icon-lg,
.pp-icon-lg .fab,
.fab.pp-icon-lg,
.pp-icon-lg .fas,
.fas.pp-icon-lg,
.pp-icon-lg .far,
.pp-icon-lg a[download]:not(.has-icon)::before,
.far.pp-icon-lg,
a.pp-icon-lg[download]:not(.has-icon)::before {
  --element-font-size: var(--icon-size-lg);
}

.pp-icon-xl .pp-fontawesome, .pp-fontawesome.pp-icon-xl,
.pp-icon-xl .fab,
.fab.pp-icon-xl,
.pp-icon-xl .fas,
.fas.pp-icon-xl,
.pp-icon-xl .far,
.pp-icon-xl a[download]:not(.has-icon)::before,
.far.pp-icon-xl,
a.pp-icon-xl[download]:not(.has-icon)::before {
  --element-font-size: var(--icon-size-xl);
}

:root {
  --spacer-0--45: 0px;
  --spacer-20-0: 20px;
  --spacer-10-20: 10px;
  --spacer-20-40: 20px;
  --spacer-30-40: 30px;
}
@media (min-width: 768px) {
  :root {
    --spacer-0--45: -45px;
    --spacer-10-20: 20px;
    --spacer-20-0: 0px;
    --spacer-20-40: 40px;
    --spacer-30-40: 40px;
  }
}

.o-0 {
  opacity: 0;
}

.pp-o0 {
  --o: 0;
}

.o-1 {
  opacity: 0.01;
}

.pp-o1 {
  --o: 0.01;
}

.o-2 {
  opacity: 0.02;
}

.pp-o2 {
  --o: 0.02;
}

.o-3 {
  opacity: 0.03;
}

.pp-o3 {
  --o: 0.03;
}

.o-4 {
  opacity: 0.04;
}

.pp-o4 {
  --o: 0.04;
}

.o-5 {
  opacity: 0.05;
}

.pp-o5 {
  --o: 0.05;
}

.o-6 {
  opacity: 0.06;
}

.pp-o6 {
  --o: 0.06;
}

.o-7 {
  opacity: 0.07;
}

.pp-o7 {
  --o: 0.07;
}

.o-8 {
  opacity: 0.08;
}

.pp-o8 {
  --o: 0.08;
}

.o-9 {
  opacity: 0.09;
}

.pp-o9 {
  --o: 0.09;
}

.o-10 {
  opacity: 0.1;
}

.pp-o10 {
  --o: 0.1;
}

.o-11 {
  opacity: 0.11;
}

.pp-o11 {
  --o: 0.11;
}

.o-12 {
  opacity: 0.12;
}

.pp-o12 {
  --o: 0.12;
}

.o-13 {
  opacity: 0.13;
}

.pp-o13 {
  --o: 0.13;
}

.o-14 {
  opacity: 0.14;
}

.pp-o14 {
  --o: 0.14;
}

.o-15 {
  opacity: 0.15;
}

.pp-o15 {
  --o: 0.15;
}

.o-16 {
  opacity: 0.16;
}

.pp-o16 {
  --o: 0.16;
}

.o-17 {
  opacity: 0.17;
}

.pp-o17 {
  --o: 0.17;
}

.o-18 {
  opacity: 0.18;
}

.pp-o18 {
  --o: 0.18;
}

.o-19 {
  opacity: 0.19;
}

.pp-o19 {
  --o: 0.19;
}

.o-20 {
  opacity: 0.2;
}

.pp-o20 {
  --o: 0.2;
}

.o-21 {
  opacity: 0.21;
}

.pp-o21 {
  --o: 0.21;
}

.o-22 {
  opacity: 0.22;
}

.pp-o22 {
  --o: 0.22;
}

.o-23 {
  opacity: 0.23;
}

.pp-o23 {
  --o: 0.23;
}

.o-24 {
  opacity: 0.24;
}

.pp-o24 {
  --o: 0.24;
}

.o-25 {
  opacity: 0.25;
}

.pp-o25 {
  --o: 0.25;
}

.o-26 {
  opacity: 0.26;
}

.pp-o26 {
  --o: 0.26;
}

.o-27 {
  opacity: 0.27;
}

.pp-o27 {
  --o: 0.27;
}

.o-28 {
  opacity: 0.28;
}

.pp-o28 {
  --o: 0.28;
}

.o-29 {
  opacity: 0.29;
}

.pp-o29 {
  --o: 0.29;
}

.o-30 {
  opacity: 0.3;
}

.pp-o30 {
  --o: 0.3;
}

.o-31 {
  opacity: 0.31;
}

.pp-o31 {
  --o: 0.31;
}

.o-32 {
  opacity: 0.32;
}

.pp-o32 {
  --o: 0.32;
}

.o-33 {
  opacity: 0.33;
}

.pp-o33 {
  --o: 0.33;
}

.o-34 {
  opacity: 0.34;
}

.pp-o34 {
  --o: 0.34;
}

.o-35 {
  opacity: 0.35;
}

.pp-o35 {
  --o: 0.35;
}

.o-36 {
  opacity: 0.36;
}

.pp-o36 {
  --o: 0.36;
}

.o-37 {
  opacity: 0.37;
}

.pp-o37 {
  --o: 0.37;
}

.o-38 {
  opacity: 0.38;
}

.pp-o38 {
  --o: 0.38;
}

.o-39 {
  opacity: 0.39;
}

.pp-o39 {
  --o: 0.39;
}

.o-40 {
  opacity: 0.4;
}

.pp-o40 {
  --o: 0.4;
}

.o-41 {
  opacity: 0.41;
}

.pp-o41 {
  --o: 0.41;
}

.o-42 {
  opacity: 0.42;
}

.pp-o42 {
  --o: 0.42;
}

.o-43 {
  opacity: 0.43;
}

.pp-o43 {
  --o: 0.43;
}

.o-44 {
  opacity: 0.44;
}

.pp-o44 {
  --o: 0.44;
}

.o-45 {
  opacity: 0.45;
}

.pp-o45 {
  --o: 0.45;
}

.o-46 {
  opacity: 0.46;
}

.pp-o46 {
  --o: 0.46;
}

.o-47 {
  opacity: 0.47;
}

.pp-o47 {
  --o: 0.47;
}

.o-48 {
  opacity: 0.48;
}

.pp-o48 {
  --o: 0.48;
}

.o-49 {
  opacity: 0.49;
}

.pp-o49 {
  --o: 0.49;
}

.o-50 {
  opacity: 0.5;
}

.pp-o50 {
  --o: 0.5;
}

.o-51 {
  opacity: 0.51;
}

.pp-o51 {
  --o: 0.51;
}

.o-52 {
  opacity: 0.52;
}

.pp-o52 {
  --o: 0.52;
}

.o-53 {
  opacity: 0.53;
}

.pp-o53 {
  --o: 0.53;
}

.o-54 {
  opacity: 0.54;
}

.pp-o54 {
  --o: 0.54;
}

.o-55 {
  opacity: 0.55;
}

.pp-o55 {
  --o: 0.55;
}

.o-56 {
  opacity: 0.56;
}

.pp-o56 {
  --o: 0.56;
}

.o-57 {
  opacity: 0.57;
}

.pp-o57 {
  --o: 0.57;
}

.o-58 {
  opacity: 0.58;
}

.pp-o58 {
  --o: 0.58;
}

.o-59 {
  opacity: 0.59;
}

.pp-o59 {
  --o: 0.59;
}

.o-60 {
  opacity: 0.6;
}

.pp-o60 {
  --o: 0.6;
}

.o-61 {
  opacity: 0.61;
}

.pp-o61 {
  --o: 0.61;
}

.o-62 {
  opacity: 0.62;
}

.pp-o62 {
  --o: 0.62;
}

.o-63 {
  opacity: 0.63;
}

.pp-o63 {
  --o: 0.63;
}

.o-64 {
  opacity: 0.64;
}

.pp-o64 {
  --o: 0.64;
}

.o-65 {
  opacity: 0.65;
}

.pp-o65 {
  --o: 0.65;
}

.o-66 {
  opacity: 0.66;
}

.pp-o66 {
  --o: 0.66;
}

.o-67 {
  opacity: 0.67;
}

.pp-o67 {
  --o: 0.67;
}

.o-68 {
  opacity: 0.68;
}

.pp-o68 {
  --o: 0.68;
}

.o-69 {
  opacity: 0.69;
}

.pp-o69 {
  --o: 0.69;
}

.o-70 {
  opacity: 0.7;
}

.pp-o70 {
  --o: 0.7;
}

.o-71 {
  opacity: 0.71;
}

.pp-o71 {
  --o: 0.71;
}

.o-72 {
  opacity: 0.72;
}

.pp-o72 {
  --o: 0.72;
}

.o-73 {
  opacity: 0.73;
}

.pp-o73 {
  --o: 0.73;
}

.o-74 {
  opacity: 0.74;
}

.pp-o74 {
  --o: 0.74;
}

.o-75 {
  opacity: 0.75;
}

.pp-o75 {
  --o: 0.75;
}

.o-76 {
  opacity: 0.76;
}

.pp-o76 {
  --o: 0.76;
}

.o-77 {
  opacity: 0.77;
}

.pp-o77 {
  --o: 0.77;
}

.o-78 {
  opacity: 0.78;
}

.pp-o78 {
  --o: 0.78;
}

.o-79 {
  opacity: 0.79;
}

.pp-o79 {
  --o: 0.79;
}

.o-80 {
  opacity: 0.8;
}

.pp-o80 {
  --o: 0.8;
}

.o-81 {
  opacity: 0.81;
}

.pp-o81 {
  --o: 0.81;
}

.o-82 {
  opacity: 0.82;
}

.pp-o82 {
  --o: 0.82;
}

.o-83 {
  opacity: 0.83;
}

.pp-o83 {
  --o: 0.83;
}

.o-84 {
  opacity: 0.84;
}

.pp-o84 {
  --o: 0.84;
}

.o-85 {
  opacity: 0.85;
}

.pp-o85 {
  --o: 0.85;
}

.o-86 {
  opacity: 0.86;
}

.pp-o86 {
  --o: 0.86;
}

.o-87 {
  opacity: 0.87;
}

.pp-o87 {
  --o: 0.87;
}

.o-88 {
  opacity: 0.88;
}

.pp-o88 {
  --o: 0.88;
}

.o-89 {
  opacity: 0.89;
}

.pp-o89 {
  --o: 0.89;
}

.o-90 {
  opacity: 0.9;
}

.pp-o90 {
  --o: 0.9;
}

.o-91 {
  opacity: 0.91;
}

.pp-o91 {
  --o: 0.91;
}

.o-92 {
  opacity: 0.92;
}

.pp-o92 {
  --o: 0.92;
}

.o-93 {
  opacity: 0.93;
}

.pp-o93 {
  --o: 0.93;
}

.o-94 {
  opacity: 0.94;
}

.pp-o94 {
  --o: 0.94;
}

.o-95 {
  opacity: 0.95;
}

.pp-o95 {
  --o: 0.95;
}

.o-96 {
  opacity: 0.96;
}

.pp-o96 {
  --o: 0.96;
}

.o-97 {
  opacity: 0.97;
}

.pp-o97 {
  --o: 0.97;
}

.o-98 {
  opacity: 0.98;
}

.pp-o98 {
  --o: 0.98;
}

.o-99 {
  opacity: 0.99;
}

.pp-o99 {
  --o: 0.99;
}

.o-100 {
  opacity: 1;
}

.pp-o100 {
  --o: 1;
}

.halign-left, .halign-l {
  margin-left: 0;
  margin-right: auto;
}

.halign-center, .halign-c {
  margin-left: auto;
  margin-right: auto;
}

.halign-right, .halign-r {
  margin-left: auto;
  margin-right: 0;
}

.valign-top, .valign-t {
  margin-top: 0;
  margin-bottom: auto;
}

.valign-center, .valign-c {
  margin-top: auto;
  margin-bottom: auto;
}

.valign-bottom, .valign-b {
  margin-top: auto;
  margin-bottom: 0;
}

.align-tl {
  margin: 0 auto auto 0;
}

.align-cl {
  margin: auto auto auto 0;
}

.align-bl {
  margin: auto auto 0 0;
}

.align-tc {
  margin: 0 auto auto auto;
}

.align-cc {
  margin: auto auto auto auto;
}

.align-bc {
  margin: auto auto 0 auto;
}

.align-tr {
  margin: 0 0 auto auto;
}

.align-cr {
  margin: auto 0 auto auto;
}

.align-br {
  margin: auto 0 0 auto;
}

.pp-alignment-left {
  --justify-content: start;
}

.pp-alignment-center {
  --justify-content: center;
}

.pp-alignment-right {
  --justify-content: end;
}

.pp-alignment-space-evenly {
  --justify-content: space-evenly;
}

.pp-alignment-space-around {
  --justify-content: space-around;
}

.pp-alignment-space-between {
  --justify-content: space-between;
}

@media print {
  .hide-print {
    display: none !important;
  }
}
@media screen {
  .hide-screen {
    display: none !important;
  }
}
@media screen and (min-width: 576px) {
  .hide-sm {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .hide-md {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .hide-lg {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .hide-xl {
    display: none;
  }
}
.pp-a11y * {
  font-family: var(--font-family-accessible);
}

:is(img[src]).image-bookcover[class],
.image-bookcover[class] :is(img[src]) {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: var(--spacer-sm);
  filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.16));
  background-color: rgba(0, 0, 0, 0);
}
.site-stage :is(img[src]).image-bookcover[class],
.site-stage .image-bookcover[class] :is(img[src]) {
  padding: var(--spacer-lg);
}

/* end:main */
/* begin:sections */
.text-content > :last-child {
  margin-bottom: 0;
}

.section {
  scroll-margin-block-start: 100px;
  container-type: inline-size;
  container-name: section;
}

.section-headline {
  -webkit-hyphens: auto;
          hyphens: auto;
}
:where(.section:not(.pp-textmedia)) .section-headline {
  padding-bottom: var(--general-grid-gap);
}

.section-intro {
  padding-bottom: var(--general-grid-gap);
}

.pp-fontawesome.icon-above, .icon-above .pp-fontawesome {
  display: block;
  min-width: 1em;
}
.pp-fontawesome.text-center, .text-center .pp-fontawesome {
  margin-right: auto;
}
.pp-fontawesome.text-center, .text-center .pp-fontawesome, .pp-fontawesome.text-right, .text-right .pp-fontawesome {
  margin-left: auto;
}

.site-topbar {
  display: var(--topbar-display, block);
  position: relative;
  z-index: var(--z-topbar);
}
.site-topbar .menu-item > a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacer-fix-xs);
}
.site-topbar .menu-item > a:before {
  content: "";
  height: 1.5em;
  display: inline-block;
  width: 0;
}
.site-topbar svg.pp-fontawesome {
  font-size: var(--topbar-icon-size, 1.15em);
}
.site-topbar .topbar-menu {
  display: flex;
  justify-content: var(--topbar-menu-justify);
  margin-bottom: 0;
  gap: var(--topbar-menu-gap, 0);
}
.site-topbar .topbar-menu.justify-content-start .menu-item {
  margin-right: 1em;
}
.site-topbar .topbar-menu.justify-content-end .menu-item {
  margin-left: 1em;
}
.site-topbar .topbar-menu.justify-content-center .menu-item {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.site-topbar.lang-item a img + .item-title,
.site-topbar a > .pp-fontawesome + .item-title,
.site-topbar a > [class^=text-] + .item-title {
  display: var(--topbar-item-title-display);
}

.site-header-container {
  z-index: var(--z-header);
}
.site-header-container .site-header-content {
  display: flex;
  margin-left: var(--container-padding);
  margin-right: var(--container-padding);
}
.site-header-container .site-header {
  transition: var(--transition-background), var(--transition-fast-p);
  padding-top: var(--pt);
  padding-bottom: var(--pb);
}
.site-header-container .icon-menu-container {
  margin-top: auto;
  margin-bottom: auto;
  flex: 1;
}
.site-header-container .icon-menu {
  justify-content: var(--icon-menu-justify);
  margin-bottom: 0;
  align-items: center;
  container-type: inline-size;
}
.site-header-container .icon-menu a {
  --btn-box-shadow: inset 0 0 0 calc(var(--btn-border-width) * var(--btn-has-border)) var(--btn-border-color, rgba(0 0 0 / 0));
  -webkit-appearance: none;
          appearance: none;
  border-style: none;
  background: transparent;
  transition: --btn-border-width 0.3s ease-in-out, var(--transition-fast-p), var(--transition-fast-background), var(--transition-fast-color), var(--transition-fast-border-radius), var(--transition-fast-border-color), var(--transition-fast-border-width);
  vertical-align: middle;
  display: inline-flex;
  flex-direction: var(--btn-flex-direction);
  align-items: center;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  background-image: var(--btn-background-image, none);
  --gradient-anchor: var(--btn-gradient-anchor);
  --gradient-colors: var(--btn-gradient-colors, transparent);
  --linear-gradient: linear-gradient( to var(--gradient-anchor), var(--gradient-colors));
  --radial-gradient: radial-gradient( at var(--gradient-anchor), var(--gradient-colors));
  --conic-gradient: conic-gradient( at var(--gradient-anchor), var(--gradient-colors));
  border-radius: var(--btn-border-radius);
  border-width: 0px;
  text-align: center;
  padding: var(--element-padding-y) var(--element-padding-x);
  box-shadow: var(--btn-box-shadow);
  --btn-icon-margin:
  	0px
  	var(--is-screen-xs, 0em)
  	var(--is-screen-sm, 0.125em)
  	var(--is-screen-md, 0.5em)
  	var(--is-screen-lg, 0.5em)
  	var(--is-screen-xl, 0.5em)
  	!important;
  --element-padding-x: var(--spacer-fix-sm) !important;
}
.site-header-container .icon-menu a svg path {
  fill: var(--btn-icon-color, var(--btn-color));
  transition: var(--transition-fast-all);
}
.site-header-container .icon-menu a.pp-btn--hover, .site-header-container .icon-menu a:hover {
  color: var(--btn-hover-color, var(--btn-color));
  background-color: var(--btn-hover-background-color, var(--btn-background-color));
  background-image: var(--btn-hover-background-image, none);
  --btn-border-color: var(--btn-hover-border-color, inherit) !important;
  --btn-border-width: var(--btn-hover-border-width) !important;
  --btn-icon-color: var(--btn-hover-icon-color, var(--btn-hover-color, var(--btn-color))) !important;
  --gradient-anchor: var(--btn-hover-gradient-anchor, var(--btn-gradient-anchor));
  --gradient-colors: var(--btn-hover-gradient-colors, transparent);
}
.site-header-container .icon-menu a.pp-btn--active, .site-header-container .icon-menu .content-area a.sidebar-toggle[aria-expanded=true], .content-area .site-header-container .icon-menu a.sidebar-toggle[aria-expanded=true], .site-header-container .icon-menu a:active {
  color: var(--btn-active-color);
  background-color: var(--btn-active-background-color);
  background-image: var(--btn-active-background-image, none);
  --btn-border-color: var(--btn-active-border-color) !important;
  --btn-border-width: var(--btn-active-border-width) !important;
  --btn-icon-color: var(--btn-active-icon-color, var(--btn-active-color, var(--btn-color))) !important;
  --gradient-anchor: var(--btn-active-gradient-anchor, var(--btn-hover-gradient-anchor, var(--btn-gradient-anchor)));
  --gradient-colors: var(--btn-active-gradient-colors, transparent);
}
.site-header-container .icon-menu a.pp-btn--focus, .site-header-container .icon-menu a:focus:not(:active) {
  color: var(--btn-focus-color, var(--btn-color));
  background-color: var(--btn-focus-background-color, var(--btn-background-color));
  border-color: var(--btn-focus-border-color, var(--btn-border-color));
  outline: var(--btn-focus-outline-width) solid var(--btn-focus-outline-color, var(--btn-border-color, var(--btn-color)));
  outline-offset: var(--btn-focus-outline-offset);
}
.site-header-container .icon-menu a.pp-btn--focus path, .site-header-container .icon-menu a:focus:not(:active) path {
  fill: var(--btn-focus-color);
}
.site-header-container .icon-menu a > [class*=fa-],
.site-header-container .icon-menu a [download]::before {
  font-size: var(--btn-icon-size);
  line-height: var(--btn-icon-line-height);
  display: var(--btn-icon-display);
  margin: var(--btn-icon-margin);
  color: var(--btn-icon-color, var(--btn-color));
}
.site-header-container.stuck {
  --pt: var(--header-stuck-top-padding);
  --pb: var(--header-stuck-bottom-padding);
}
.site-header-container.stuck .icon-menu {
  display: var(--site-icon_menu-stuck-display, flex);
}
.site-header-container.stuck .site-logo-stuck {
  opacity: 1;
  visibility: visible;
  transition: var(--transition-slow-opacity), visibility linear 0s 0s;
}
.site-header-container.stuck .site-logo-stuck + .site-logo-top {
  visibility: hidden;
  opacity: 0;
  transition: var(--transition-slow-opacity), visibility linear 0s 1s;
}
.site-header-container:not(.stuck) {
  --pt: var(--header-top-padding);
  --pb: var(--header-bottom-padding);
}
body.home .site-header-container:not(.stuck) {
  --pt: var(--header-home-top-padding, var(--header-top-padding));
  --pb: var(--header-home-bottom-padding, var(--header-bottom-padding));
}
.site-header-container:not(.stuck) .icon-menu {
  display: var(--site-icon_menu-display, flex);
}
.site-header-container:not(.stuck) .site-logo-stuck {
  visibility: hidden;
  opacity: 0;
  transition: var(--transition-slow-opacity), visibility linear 0s 1s;
}
.site-header-container:not(.stuck) .site-logo-stuck + .site-logo-top {
  transition: var(--transition-slow-opacity), visibility linear 0s 0s;
}
.site-header-container.combine-stage {
  height: 0;
}

.sticky {
  position: sticky;
  top: 0;
}

.custom-logo-link {
  display: grid;
  grid-template-rows: 1fr;
  position: relative;
  grid-template-columns: auto max-content;
  transition: var(--transition-grid-cols);
  grid-gap: 0px;
}
.stuck .custom-logo-link {
  --logo-width: var(--header-stuck-logo-width, auto);
  --logo-height: var(--header-stuck-logo-height, auto);
  --pt: var(--header-stuck-top-padding);
  --pb: var(--header-stuck-bottom-padding);
  --logo-display: var(--site-logo-stuck-display, inherit);
  --title-display: var(--site-title-stuck-display, inherit);
  --description-display: var(--site-description-stuck-display, inherit);
}
.site-header-container.stuck ~ .main-menu-container .custom-logo-link {
  --logo-height: var(--menu-logo-height, var(--header-stuck-logo-height, auto));
}
.site-header-container:not(.stuck) .custom-logo-link {
  --logo-width: var(--header-logo-width, auto);
  --logo-height: var(--header-logo-height, auto);
  --pt: var(--header-top-padding);
  --pb: var(--header-bottom-padding);
  --logo-display: var(--site-logo-display, inherit);
  --title-display: var(--site-title-display, inherit);
  --description-display: var(--site-description-display, inherit);
}
.site-header-container:not(.stuck) ~ .main-menu-container .custom-logo-link {
  --logo-width: var(--menu-logo-width, var(--header-logo-width, auto));
  --logo-height: var(--menu-logo-height, var(--header-logo-height, auto));
}
body.home .site-header-container:not(.stuck) .custom-logo-link {
  --logo-width: var(--header-home-logo-width, var(--header-logo-width, auto));
  --logo-height: var(--header-home-logo-height, var(--header-logo-height, auto));
  --pt: var(--header-home-top-padding, var(--header-top-padding));
  --pb: var(--header-home-bottom-padding, var(--header-bottom-padding));
  --logo-display: var(--site-logo-home-display, var(--site-logo-display, inherit));
  --title-display: var(--site-title-home-display, var(--site-title-display, inherit));
  --description-display: var(--site-description-home-display, var(--site-description-display, inherit));
}
body .custom-logo-link, body .custom-logo-link:hover, body .custom-logo-link:focus {
  text-decoration: none !important;
}
.custom-logo-link .site-logo {
  align-self: center;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 3;
  display: var(--logo-display);
  margin-right: var(--spacer-sm);
  overflow: visible;
}
.custom-logo-link .site-logo,
.custom-logo-link .site-logo-stuck {
  width: var(--logo-width);
  height: var(--logo-height);
}
.custom-logo-link .header-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-logo-link .site-title {
  display: var(--title-display);
}
.custom-logo-link .site-description {
  display: var(--description-display);
}
.custom-logo-link:hover {
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.menu-toggle {
  --btn-box-shadow: inset 0 0 0 calc(var(--btn-border-width) * var(--btn-has-border)) var(--btn-border-color, rgba(0 0 0 / 0));
  -webkit-appearance: none;
          appearance: none;
  border-style: none;
  background: transparent;
  transition: --btn-border-width 0.3s ease-in-out, var(--transition-fast-p), var(--transition-fast-background), var(--transition-fast-color), var(--transition-fast-border-radius), var(--transition-fast-border-color), var(--transition-fast-border-width);
  vertical-align: middle;
  display: inline-flex;
  flex-direction: var(--btn-flex-direction);
  align-items: center;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  background-image: var(--btn-background-image, none);
  --gradient-anchor: var(--btn-gradient-anchor);
  --gradient-colors: var(--btn-gradient-colors, transparent);
  --linear-gradient: linear-gradient( to var(--gradient-anchor), var(--gradient-colors));
  --radial-gradient: radial-gradient( at var(--gradient-anchor), var(--gradient-colors));
  --conic-gradient: conic-gradient( at var(--gradient-anchor), var(--gradient-colors));
  border-radius: var(--btn-border-radius);
  border-width: 0px;
  text-align: center;
  padding: var(--element-padding-y) var(--element-padding-x);
  box-shadow: var(--btn-box-shadow);
  --element-link-line-width: var(--btn-border-width);
  box-shadow: none;
  line-height: 1;
  padding: 0;
  transition: var(--transition-fast-color), var(--transition-shadow), var(--transition-background);
  margin-left: auto;
  padding: var(--element-padding-y) var(--element-padding-x);
}
.menu-toggle svg path {
  fill: var(--btn-icon-color, var(--btn-color));
  transition: var(--transition-fast-all);
}
.menu-toggle.pp-btn.pp-btn.pp-btn.pp-btn, .menu-toggle.wpcf7-submit {
  --element-padding-x: var(--element-padding-y);
}
.menu-toggle.pp-btn, .menu-toggle.wpcf7-submit {
  gap: 0;
}
.menu-toggle > * {
  --element-padding-x: 0px;
  --element-padding-y: 0px;
}
.menu-toggle[aria-expanded=true] {
  @exted .pp-btn-active;
}
.menu-toggle:focus {
  outline-color: currentColor;
}
.menu-toggle:has(.magnifier) {
  padding-right: 0.75em;
}

.level-0 {
  --level: 0;
}

.level-1 {
  --level: 1;
}

.level-2 {
  --level: 2;
}

.level-3 {
  --level: 3;
}

.level-4 {
  --level: 4;
}

.level-5 {
  --level: 5;
}

.level-6 {
  --level: 6;
}

.level-7 {
  --level: 7;
}

.level-8 {
  --level: 8;
}

.level-9 {
  --level: 9;
}

.level-10 {
  --level: 10;
}

.level-11 {
  --level: 11;
}

.level-12 {
  --level: 12;
}

.level-13 {
  --level: 13;
}

.level-14 {
  --level: 14;
}

.level-15 {
  --level: 15;
}

.level-16 {
  --level: 16;
}

.level-17 {
  --level: 17;
}

.level-18 {
  --level: 18;
}

.level-19 {
  --level: 19;
}

.level-20 {
  --level: 20;
}

.search-form-wrapper .search-form-inner {
  display: grid;
  max-width: 720px;
}
.search-form-wrapper .search-field {
  grid-row: 1;
  grid-column: 1;
}
.search-form-wrapper .search-submit {
  grid-row: 1;
  grid-column: 1;
  margin-left: auto;
  border-radius: var(--form-valid-border-radius);
  --btn-icon-size: 1.4rem;
}

.main-menu-container {
  --expander-align: center;
  position: relative;
  z-index: var(--z-main-menu);
  -webkit-hyphens: auto;
          hyphens: auto;
  container-type: inline-size;
  container-name: menu;
}
.site-header-container:not(.stuck) + .main-menu-container {
  --logo-width: var(--menu-logo-width, var(--header-logo-width, auto));
  --pt: var(--header-top-padding);
  --pb: var(--header-bottom-padding);
  --logo-display: var(--site-logo-display, inherit);
  --title-display: var(--site-title-display, inherit);
  --description-display: var(--site-description-display, inherit);
}
.site-header-container.stuck + .main-menu-container {
  --logo-width: var(--menu-logo-width, var(--header-stuck-logo-width, auto));
  --pt: var(--header-stuck-top-padding);
  --pb: var(--header-stuck-bottom-padding);
  --logo-display: var(--site-logo-stuck-display, inherit);
  --title-display: var(--site-title-stuck-display, inherit);
  --description-display: var(--site-description-stuck-display, inherit);
}
.main-menu-container .expander-icon-plus {
  font-size: calc(var(--expander-size) * 0.5);
}
.main-menu-container .custom-logo-link {
  min-width: var(--logo-width);
}
.main-menu-container > [role=region] {
  position: fixed;
  overscroll-behavior: contain;
}
.main-menu-container > [role=region][hidden] {
  content-visibility: hidden;
  display: flex;
}
.main-menu-container > [role=region][hidden] .main-menu-body {
  opacity: 0;
  left: -30vw;
  transition: var(--transition-left-delay), var(--transition-opacity-delay);
}
.main-menu-container > [role=region]:not([hidden]) {
  top: 0vh;
  flex-direction: column;
  content-visibility: visible;
}
.main-menu-container > [role=region]:not([hidden]) .main-menu-body {
  opacity: 1;
  left: 0;
}
.sticky-top + .main-menu-container {
  position: sticky;
  top: 0;
}
.main-menu-container .menu-link-wrap {
  grid-column-gap: var(--expander-grid-gap);
}
.main-menu-container.main-menu-type-layer {
  height: 0;
  overflow: visible;
}
.main-menu-container.main-menu-type-layer .main-menu-head {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding-top: var(--pt);
  padding-bottom: var(--pb);
  z-index: 1;
}
.main-menu-container.main-menu-type-layer .main-menu-head-title {
  grid-column: 2;
  padding: var(--spacer-sm) 0;
}
.main-menu-container.main-menu-type-layer .main-menu-body {
  width: 100%;
}
.main-menu-container.main-menu-type-layer.menu-valign-top .main-menu-body, .main-menu-container.main-menu-type-layer.menu-valign-center .main-menu-body {
  margin-bottom: auto;
}
.main-menu-container.main-menu-type-layer.menu-valign-center .main-menu-body, .main-menu-container.main-menu-type-layer.menu-valign-bottom .main-menu-body {
  margin-top: auto;
}
.main-menu-container.main-menu-type-layer .main-menu-head {
  flex: 0 0 var(--header-height, 80px);
}
.main-menu-container.main-menu-type-layer .main-menu-head .menu-toggle {
  position: static;
  grid-column: -1;
}
.main-menu-container.main-menu-type-layer > [role=region] {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 0 min-content auto min-content;
  /*/
  display: flex;
  flex-direction: column;
  //*/
  width: 100cqw;
  height: var(--visual-viewport-height);
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: var(--wp-admin--admin-bar--height, 0px);
}
@media (max-width: 991.98px) and (false) {
  .main-menu-container.main-menu-type-layer > [role=region] {
    transition: clip-path 0.3s ease-out 0.01s;
  }
}
@media (max-width: 991.98px) {
  .main-menu-container.main-menu-type-layer > [role=region][hidden] {
    pointer-events: none;
    clip-path: inset(0 0 100% 0);
  }
}
@media (max-width: 991.98px) {
  .main-menu-container.main-menu-type-layer > [role=region]:not([hidden]) {
    clip-path: inset(0 0 0 0);
  }
}
@media (min-width: 992px) {
  .main-menu-container.main-menu-type-layer > [role=region] {
    top: 0;
    transition: var(--transition-transform);
  }
  .main-menu-container.main-menu-type-layer > [role=region][hidden] {
    transform: translateY(calc(-1 * var(--visual-viewport-height) - var(--topbar-height, 0px) - var(--header-height, 80px)));
  }
  .main-menu-container.main-menu-type-layer > [role=region]:not([hidden]) {
    transform: translateY(0);
  }
}
.main-menu-container.main-menu-type-layer > [role=region] .main-menu-body {
  grid-column: 1/-1;
  grid-row: 3;
}
.main-menu-container.main-menu-type-layer > [role=region] .main-menu-head {
  grid-column: 1/-1;
}
.main-menu-container.main-menu-type-layer > [role=region] .main-menu-head .menu-toggle {
  grid-column: 3;
}
.main-menu-container.main-menu-type-layer > [role=region] .main-menu-visual {
  padding: var(--spacer-xl) var(--spacer-md);
  margin-top: auto;
  margin-left: auto;
  pointer-events: none;
  grid-column: 2;
  position: var(--is-screen-xs, static) var(--is-screen-sm, static) var(--is-screen-md, sticky) var(--is-screen-lg, sticky) var(--is-screen-xl, sticky);
  bottom: 0;
  width: var(--is-screen-xs, auto) var(--is-screen-sm, clamp(100px, 40cqw, 430px)) var(--is-screen-md, clamp(100px, 40cqw, 430px)) var(--is-screen-lg, clamp(100px, 40cqw, 430px)) var(--is-screen-xl, clamp(100px, 40cqw, 430px));
  z-index: var(--is-screen-xs, auto) var(--is-screen-sm, auto) var(--is-screen-md, -1) var(--is-screen-lg, -1) var(--is-screen-xl, -1);
  grid-row: var(--is-screen-xs, 4) var(--is-screen-sm, 4) var(--is-screen-md, 3) var(--is-screen-lg, 3) var(--is-screen-xl, 3);
}
.main-menu-container.main-menu-type-layer .menu-link-wrap {
  --px: var(--container-padding);
}
.main-menu-container.main-menu-type-off-canvas {
  --size: clamp(320px,33vw,480px);
  margin-left: auto;
}
.main-menu-container.main-menu-type-off-canvas > [role=region] {
  position: fixed;
  left: var(--visual-viewport-width);
  top: 0;
  bottom: 0;
  width: var(--size);
  transition: var(--transition-ml);
  overflow: auto;
}
.main-menu-container.main-menu-type-off-canvas > [role=region][hidden] {
  margin-left: 0;
  display: block !important;
}
.main-menu-container.main-menu-type-off-canvas > [role=region]:not([hidden]) {
  margin-left: calc(var(--size) * -1);
}
.main-menu-container.main-menu-type-off-canvas .main-menu-head {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-top: var(--spacer-md);
}
.main-menu-container.main-menu-type-off-canvas .main-menu-head-title {
  margin-top: 0;
  margin-bottom: 0;
}
.main-menu-container.main-menu-type-off-canvas .logo-container {
  margin-left: auto;
  order: 2;
}
.main-menu-container.main-menu-type-off-canvas .menu-toggle {
  order: 1;
  transition: margin-right 0.3s ease-out;
}
.main-menu-container.main-menu-type-off-canvas h2 {
  order: 3;
}
.main-menu-container.main-menu-type-off-canvas [role=region]:not([hidden]) ~ .menu-toggle {
  margin-right: 0;
  position: fixed;
  top: 0;
}
.main-menu-container .search-form-wrapper {
  grid-column: 2;
}
.main-menu-container .level-0 > .menu-link-wrap > .search-form-wrapper {
  margin-bottom: 2em;
  grid-column: 1/-1;
}
.main-menu-container .menu-item {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.main-menu-container .menu-item .pp-btn-transparent {
  line-height: 1;
}
.main-menu-container .menu-item .pp-btn-transparent svg.pp-fontawesome {
  width: 1em;
}
.main-menu-container .menu-item.current-menu-ancestor > a, .main-menu-container .menu-item.current-menu-item > a {
  position: relative;
}
.main-menu-container .menu-item.current-menu-item > .menu-link-wrap {
  --link-hover-color: var(--box-link-color);
}
.main-menu-container .menu-item:not(.current-menu-item) > .menu-link-wrap a {
  color: var(--box-emphasis-color);
}
.main-menu-container .menu-item:not(.current-menu-item) > .menu-link-wrap a:hover {
  color: var(--box-link-color);
}
.main-menu-container .logo-container {
  margin-right: auto;
  display: flex;
  flex-direction: colum;
  margin-right: auto;
}
.main-menu-container .menu-toggle {
  position: absolute;
  right: 0;
  top: 0;
}

.site-stage {
  --inner-padding: 0;
  display: flex;
  overflow: hidden;
  position: relative;
  min-height: var(--stage-min-height);
  text-align: var(--stage-text-align);
  z-index: var(--z-stage);
}
.site-stage:not(.content-style-lines):not(.content-style-boxed), .site-stage.content-style-boxed .stage-title-container, .site-stage.content-style-lines .stage-title > span, .site-stage.content-style-lines .stage-subline > span, .site-stage.content-style-lines .stage-lead > p > span {
  color: var(--box-color);
  box-shadow: var(--box-shadow);
  border-radius: var(--box-border-radius);
  border-color: var(--box-border-color);
  border-style: var(--box-border-style);
  border-width: var(--box-border-width);
}
.site-stage:not(.content-style-lines):not(.content-style-boxed):not(.has-background-color):not(.has-background-media), .site-stage.content-style-boxed .stage-title-container, .site-stage.content-style-lines .stage-title > span, .site-stage.content-style-lines .stage-subline > span, .site-stage.content-style-lines .stage-lead > p > span {
  background-color: var(--box-background-color);
}
.site-stage.content-style-none .stage-title-container {
  background-color: transparent;
}
.site-stage.has-background-media > .background-wrap::after, .site-stage.has-background-color {
  background-color: rgba(var(--rgb)/var(--o));
}
.site-stage.has-background-media, .site-stage.has-background-post_thumbnail {
  --box-background-color: transparent;
}
.site-stage.has-background-media > .background-wrap, .site-stage.has-background-post_thumbnail > .background-wrap {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  display: grid;
}
.site-stage.has-background-media > .background-wrap > *, .site-stage.has-background-post_thumbnail > .background-wrap > * {
  grid-row: 1;
  grid-column: 1;
  width: auto;
}
.site-stage.has-background-media > .background-wrap::after, .site-stage.has-background-post_thumbnail > .background-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--rgb)/var(--o));
}
.site-stage .background-wrap video,
.site-stage .background-wrap img,
.site-stage .background-wrap .leaflet-map {
  min-width: 100%;
  min-height: 100%;
}
.site-stage .background-media {
  z-index: auto;
}
.site-stage .stage-content-container {
  position: relative;
  width: 100%;
  display: flex;
}
.site-stage.content-style-boxed .stage-title-container {
  padding: var(--stage-content-padding);
}
.site-stage.content-style-lines .stage-title > span,
.site-stage.content-style-lines .stage-subline > span,
.site-stage.content-style-lines .stage-lead > p > span {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding-left: 15px;
  padding-right: 15px;
}
.site-stage.content-style-lines .stage-title > span > span,
.site-stage.content-style-lines .stage-subline > span > span,
.site-stage.content-style-lines .stage-lead > p > span > span {
  z-index: 1;
  position: relative;
}
.site-stage .stage-title-container {
  max-width: var(--stage-content-max-width);
}
.site-stage .stage-logo {
  display: block;
  max-width: var(--stage-logo-max-width);
  margin: var(--stage-logo-margin);
}
.site-stage .stage-lead,
.site-stage .stage-subline {
  margin-top: var(--stage-element-spacer);
}
.site-stage .leaflet-map {
  z-index: -1;
}

.site-stage {
  --box-background-color: rgb(var(--box-background-color-rgb)) !important;
  aspect-ratio: var(--stage-ratio, none);
  padding-top: 0;
  padding-bottom: 0;
  /*
  -ahc-
  -ach-
  -ac-h-
  -ah-c-
  */
}
.site-stage[data-grid=-a-] {
  --pt: 0px;
  --pb: 0px;
}
.site-stage[data-grid=-a-] .content {
  padding-top: var(--pti);
  padding-bottom: var(--pbi);
  padding-left: var(--outer-padding);
  padding-right: var(--outer-padding);
}
.site-stage[data-grid=-a-] .media .image-wrap {
  height: 100%;
}
.site-stage[data-grid=-a-] .media video,
.site-stage[data-grid=-a-] .media img {
  object-fit: cover;
  width: 100%;
}
.site-stage[data-grid=-a-] .media .section-figure,
.site-stage[data-grid=-a-] .media video {
  height: 100%;
}
.site-stage[data-grid=-a-] .media video {
  object-position: center;
}
.site-stage.pp-sizing-fixed[data-grid=-a-], .site-stage.pp-sizing-auto[data-grid=-a-] {
  padding-top: 0px;
  padding-bottom: 0px;
}
.site-stage.pp-sizing-fixed[data-grid=-a-] .content, .site-stage.pp-sizing-auto[data-grid=-a-] .content {
  padding-top: var(--pti);
  padding-bottom: var(--pbi);
}
.site-stage.pp-sizing-fixed[data-grid=-a-] .media, .site-stage.pp-sizing-auto[data-grid=-a-] .media {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.site-stage.pp-sizing-fixed[data-grid=-a-] .media, .site-stage.pp-sizing-fixed[data-grid=-a-] .media :not(.bsb-media-copyright-link), .site-stage.pp-sizing-auto[data-grid=-a-] .media, .site-stage.pp-sizing-auto[data-grid=-a-] .media :not(.bsb-media-copyright-link) {
  overflow: hidden;
  height: 100%;
}
.site-stage.pp-sizing-fixed:not([data-grid=-a-]), .site-stage.pp-sizing-auto:not([data-grid=-a-]) {
  padding-top: var(--pt);
  padding-bottom: var(--pb);
}
.site-stage .media,
.site-stage .content {
  --p: 0;
}
.site-stage .media figure {
  width: 100%;
  height: 100%;
}
.site-stage .content {
  position: relative;
  -webkit-hyphens: auto;
          hyphens: auto;
  max-width: 100%;
  overflow: hidden;
}
.site-stage .content [class*=pp-box-] {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.site-stage .content svg {
  display: block;
  max-width: var(--stage-logo-max-width);
}
.site-stage .content svg.logo-signet {
  filter: var(--box-color-filter);
}
.site-stage .content.text-center .site-logo, .site-stage .content.text-right .site-logo {
  margin-left: auto;
}
.site-stage .content.text-center .site-logo {
  margin-right: auto;
}

.site-breadcrumbs-container {
  display: var(--breadcrumbs-display, block);
}
.site-breadcrumbs-container.site-breadcrumbs-container {
  --box-link-color: var(--box-emphasis-color);
  --box-link-decoration-color: var(--box-emphasis-color);
}
.site-breadcrumbs-container:has(details[open]) {
  z-index: 2;
}

.site-breadcrumbs {
  --box-link-color: var(--box-emphasis-color);
  z-index: var(--z-breadcrumbs);
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}

.breadcrumb-item {
  --seperator: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  align-items: center;
  position: relative;
  grid-gap: 0.5em;
}
.breadcrumbs-seperator .breadcrumb-item + .breadcrumb-item {
  --seperator: 1;
}
.breadcrumbs-seperator .breadcrumb-item + .breadcrumb-item::before {
  grid-column: -2;
  content: "";
  width: 8px;
  height: 8px;
  border-style: solid solid none none;
  border-color: var(--box-link-color);
  border-width: 1.5px;
  transform: translateX(-2px) rotate(45deg);
  transform-origin: center center;
  display: inline-block;
  margin: 0 0.75em;
}
.breadcrumb-item .breadcrumb-label {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb-item .breadcrumbs-siblings {
  grid-column: -1;
}

.breadcrumbs-siblings summary {
  --btn-icon-margin: 0;
  --btn-icon-display: inline-flex;
  --btn-icon-size: 10px;
  --element-icon-adjustment: 0;
}
.breadcrumbs-siblings summary::-webkit-details-marker {
  display: none;
}
.breadcrumbs-siblings summary i {
  width: 1lh;
  aspect-ratio: 1;
  justify-content: center;
}
.breadcrumbs-siblings[open] .fa-angle-down, .breadcrumbs-siblings:not([open]) .fa-angle-up {
  display: none;
}
.breadcrumbs-siblings-nav {
  position: absolute;
  left: calc(var(--seperator) * 2.75em);
  top: 100%;
  min-widet: 100%;
  width: max-content;
  max-width: 350px;
  max-height: 50vh;
  overflow: auto;
  margin-top: var(--spacer-sm);
}
.breadcrumbs-siblings-nav.breadcrumbs-siblings-nav.breadcrumbs-siblings-nav {
  --box-link-color: var(--box-emphasis-color);
  --element-link-line: none;
}

.breadcrumbs-siblings-list {
  list-style-type: none;
  padding-inline-start: 0;
}
.breadcrumbs-siblings-list li:not(:last-child) {
  padding-bottom: 0.5em;
}

.section-toc {
  position: sticky;
  bottom: 0;
  order: 10000;
  text-align: right;
  z-index: calc(var(--z-header) - 1);
  pointer-events: none;
}
.sidebar-left .section-toc {
  width: 100%;
  margin: 0;
}
.section-toc h1, .section-toc h2, .section-toc h3, .section-toc h4, .section-toc h5, .section-toc h6 {
  color: var(--box-emphasis-color, var(--box-color));
}
.section-toc .pp-toc-nav {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 100vw;
  max-width: 400px;
  max-height: 80vh;
  overflow: auto;
  margin-bottom: var(--spacer-fix-md);
  text-align: left;
}
.section-toc .pp-toc {
  list-style-type: none;
  padding-inline-start: 0;
  margin-bottom: var(--spacer-sm);
}
.section-toc .pp-toc a:not(.pp-btn):not(.wpcf7-submit) {
  color: var(--box-color);
}
.section-toc .pp-toc a:not(.pp-btn):not(.wpcf7-submit):hover {
  color: var(--box-emphasis-color, var(--box-color));
}
.section-toc .pp-toc-close {
  position: absolute;
  right: calc(var(--pr) * 0.5);
  top: calc(var(--pt) * 0.5);
  --btn-focus-outline-width: var(--border-width-md);
  --btn-focus-outline-style: solid;
  --btn-focus-outline-color: var(--box-color);
}
.section-toc details {
  position: relative;
  pointer-events: all;
  margin-left: auto;
}
.section-toc summary::-webkit-details-marker {
  display: none;
}

@property --backdrop {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@media (max-width: 992px) {
  body.single-manual {
    --has-dialog: ;
    --no-dialog: initial;
    transition: --backdrop 0.3s linear;
  }
  body.single-manual:after {
    content: "";
    opacity: var(--backdrop);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(var(--color-dark-rgb)/0.78);
    z-index: var(--z-header);
    pointer-events: var(--no-dialog, none) var(--has-dialog, all);
  }
  body.single-manual:has(.site-sidebar:not([hidden])) {
    --backdrop: 1;
    --has-dialog: initial;
    --no-dialog: ;
  }
}
.content-area.sidebar-left {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .content-area.sidebar-left {
    grid-template-columns: var(--sidebar-width, 250px) 1fr;
  }
}
.content-area.sidebar-left .site-main {
  --wrapper-width: 100cqw;
}
.content-area .site-sidebar {
  max-height: var(--visual-viewport-height);
  overflow: auto;
  width: 80vw;
  max-width: 100%;
}
@media (max-width: 992px) {
  .content-area .site-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    z-index: calc(var(--z-header) + 1);
    height: var(--visual-viewport-height);
    transition: transform 0.3s ease-in-out;
    min-width: 300px;
    max-width: 450px;
    padding: var(--spacer-fix-md);
    padding-bottom: calc(var(--pb) * 2.5);
  }
  .content-area .site-sidebar[hidden] {
    transform: translateX(-100%);
  }
  .content-area .site-sidebar:not([hidden]) {
    transform: translateX(0%);
  }
}
.content-area .site-sidebar[hidden] {
  display: block;
}
.content-area .sidebar-toggle {
  position: fixed;
  left: var(--spacer-fix-md);
  bottom: var(--spacer-fix-md);
  padding: calc(var(--spacer-fix-md) - 2px);
  z-index: calc(var(--z-header) + 2);
  transition: filter 0.3s ease-in-out, box-shadow 0.3s;
  box-shadow: 0 0 var(--shadow-size-lg) rgba(var(--color-dark-rgb)/0.1);
}
.content-area .sidebar-toggle svg {
  width: 1.2em;
  heigth: 1.2em;
  transform: rotate(0deg);
  transition: transform 0.3s ease-out;
}
.content-area .sidebar-toggle[aria-expanded=true] svg {
  transform: rotate(-180deg);
}
.content-area .site-main {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
}

.site-sidebar {
  border-style: none;
  overflow: visible;
}

.side-menu {
  --logo-width: 42px;
}
.menu-expandable .side-menu {
  --expander-size: 23px;
  --expander-grid-gap: -8px;
}
.side-menu [aria-controls] {
  background-color: transparent;
  --btn-focus-outline-offset: -3px;
}
.side-menu .level-0.menu-item {
  border-bottom: var(--border-width-md) solid var(--box-border-color);
}
.side-menu .level-0.sub-menu {
  padding-left: 19px;
  margin-top: var(--spacer-sm);
  margin-bottom: var(--spacer-md);
}
.side-menu .level-0.sub-menu .menu-link-wrap {
  padding-top: 4px;
  padding-bottom: 4px;
}
.side-menu .level-0 > .menu-link-wrap {
  --expander-size: 30px;
  --expander-grid-gap: 0px;
  --height: 48px;
  grid-template-areas: "link expander";
  grid-template-columns: 1fr var(--expander-size);
  min-height: var(--height);
}
.side-menu .level-0 > .menu-link-wrap:has(a:hover) {
  background-color: var(--color-grau-1);
}
.side-menu .level-0 > .menu-link-wrap img, .side-menu .level-0 > .menu-link-wrap [aria-controls] {
  height: var(--height);
}
.side-menu .level-0 > .menu-link-wrap [aria-controls] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-menu .level-0 > .menu-link-wrap img {
  object-fit: contain;
  padding: var(--spacer-sm);
}
.side-menu .level-0 > .menu-link-wrap a {
  display: grid;
  grid-template-columns: var(--logo-width) 1fr;
}
.side-menu .level-0 > .menu-link-wrap a .item-title {
  display: block;
  grid-column: 2;
  padding: calc((var(--height) - 1lh) * 0.5) 0;
}

.posts-navigation .nav-links {
  display: grid;
  grid-template-columns: auto auto;
  gap: var(--spacer-lg);
}
.posts-navigation .nav-links a {
  display: flex;
  gap: var(--spacer-sm);
  align-items: center;
  overflow: hidden;
  max-width: 100%;
}
.posts-navigation .nav-links a:hover {
  text-decoration: none;
}
.posts-navigation .nav-links .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.posts-navigation .nav-links [rel=prev] {
  grid-column: 1;
}
.posts-navigation .nav-links [rel=next] {
  grid-column: 2;
  justify-self: end;
}
.posts-navigation .nav-links [rel=next] i {
  order: 2;
}
.posts-navigation .nav-links i::before {
  width: 1em;
}

.locations-map {
  border-radius: var(--box-border-radius);
  border-bottom-right-radius: calc(var(--box-border-radius) * 3.75);
  overflow: hidden;
}
.locations-map .leaflet-pane {
  z-index: auto;
}
.locations-map .leaflet-pane * {
  z-index: auto !important;
}
.locations-map .leaflet-marker-icon {
  filter: var(--color-filter-primary);
}

.locations-items {
  display: flex;
  grid-gap: var(--general-grid-gap);
  position: relative;
  z-index: 1000;
  margin-top: calc(var(--spacer-lg) * -1);
  direction: rtl;
}

.location {
  flex: 1;
  border-radius: var(--box-border-radius);
  direction: ltr;
  min-width: 320;
}
.location .section-headline {
  padding-bottom: 0;
}

.quote-container {
  display: grid;
  grid-template-columns: var(--quote-grid-columns);
  margin-left: 0;
  margin-right: 0;
}

.quote-headline {
  padding-left: var(--container-padding);
  max-width: 25vw;
}

.quote-wrapper {
  display: grid;
  grid-template-areas: "quote" "source";
  grid-column-gap: var(--general-grid-gap);
  grid-template-rows: min-content;
  margin-bottom: 0;
  padding-right: var(--container-padding);
}
.has-icon .quote-wrapper {
  grid-template-areas: "icon quote" "icon source";
  grid-template-columns: max-content auto;
}
.quote-wrapper > .pp-fontawesome {
  grid-area: icon;
}
.quote-wrapper .quote-content {
  grid-area: quote;
}
.quote-wrapper .quote-content :last-child {
  margin-bottom: 0;
}
.quote-wrapper .quote-source {
  grid-area: source;
}

.section-accordion {
  padding-bottom: 0;
  padding-top: 0;
}
.section-accordion .accordion-content {
  padding-bottom: var(--pb, 0);
}
.section-accordion .section-container,
.section-accordion .accordion-content {
  padding-top: var(--pt, 0);
}

.accordion-expander {
  display: block;
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  transition: var(--transition-fast-color), var(--transition-fast-border-color), var(--transition-fast-background);
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline: 0px; /* overide browser */
}
.accordion-expander-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: var(--pb, 0);
  padding-top: var(--pt, 0);
}
.accordion-expander-label {
  margin-right: auto;
  flex: 1 1 auto;
}
.accordion-expander-arrow {
  display: inline-flex;
  align-items: center;
  flex: 0 0 140px;
}
.accordion-expander-arrow-label {
  margin-left: auto;
}
.accordion-expander-arrow svg {
  margin-left: 1em;
  position: static;
}

.section-gallery .section-content:not(.fullscreen) {
  padding-left: 0;
  padding-right: 0;
}
.section-gallery .section-content:not(.fullscreen).pp-stripe {
  margin-left: 0;
  margin-right: 0;
}
.section-gallery .section-content:not(.fullscreen).pp-stripe .pp-carousel-inner {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  scroll-padding-left: var(--container-padding);
  scroll-padding-right: var(--container-padding);
}
.section-gallery .section-content:not(.fullscreen).pp-stripe .control-layer {
  margin-left: var(--container-padding);
  margin-right: var(--container-padding);
}
.section-gallery .pp-gallery-container-stripe {
  margin-left: 0;
  margin-right: 0;
}

/*
media
listing
gallery
accordion
*/
.pp-stripe.fullscreen .image-wrap {
  margin-top: var(--spacer-md);
  margin-bottom: var(--spacer-md);
}
.pp-stripe.fullscreen .pp-carousel-controls a[rel=prev] {
  margin-left: 10px;
}
.pp-stripe.fullscreen .pp-carousel-controls a[rel=next] {
  margin-right: 10px;
}
.pp-stripe[data-fullscreen="1"] .pp-carousel-item {
  position: relative;
}

.wp-block-gallery figure img {
  width: 100%;
}
.wp-block-gallery.is-cropped .image-wrap {
  width: 100%;
  height: 100%;
}
@keyframes pp-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pp-listing {
  list-style: none;
  padding: 0;
}

.pp-spinner {
  display: flex;
}
.pp-spinner::before {
  content: "\f1ce";
  color: var(--box-selection-color);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  animation: pp-spin 2s infinite linear;
  transform-origin: center;
  margin: auto;
  display: block;
  font-size: 32px;
  width: 1em;
  height: 1em;
  line-height: 1;
}

.pp-listing-vertical {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr;
  overflow: hidden;
}
.pp-container-sm .pp-listing-vertical {
  grid-template-columns: var(--listing-vertical-grid-columns-sm);
}
.pp-container-md .pp-listing-vertical {
  grid-template-columns: var(--listing-vertical-grid-columns-md);
}
.pp-container-lg .pp-listing-vertical {
  grid-template-columns: var(--listing-vertical-grid-columns-lg);
}
.pp-container-xl .pp-listing-vertical {
  grid-template-columns: var(--listing-vertical-grid-columns-xl);
}
.pp-container-full .pp-listing-vertical {
  grid-template-columns: var(--listing-vertical-grid-columns-full);
}
.pp-listing-vertical .pp-item-wrap {
  text-decoration: none;
  display: grid;
  grid-template-areas: "img hdr" "img cpy" "img lnk" "img grb";
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content min-content min-content auto;
  padding: calc(var(--listing-vertical-grid-gap) * 0.5);
  grid-column-gap: var(--listing-vertical-grid-gap);
}
.pp-listing-vertical .pp-item-wrap .stretched-link:focus::after {
  outline-offset: calc(var(--listing-vertical-grid-gap) * -0.25);
}
.pp-listing-vertical .pp-item-media {
  grid-area: img;
  position: relative;
  margin-bottom: auto;
}
.pp-container-sm .pp-listing-vertical .pp-item-media {
  width: var(--listing-vertical-media-in-sm);
}
.pp-container-md .pp-listing-vertical .pp-item-media {
  width: var(--listing-vertical-media-in-md);
}
.pp-container-lg .pp-listing-vertical .pp-item-media {
  width: var(--listing-vertical-media-in-lg);
}
.pp-container-xl .pp-listing-vertical .pp-item-media {
  width: var(--listing-vertical-media-in-xl);
}
.pp-container-full .pp-listing-vertical .pp-item-media {
  width: var(--listing-vertical-media-in-full);
}
.pp-listing-vertical .pp-item-media > * {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  min-height: 100%;
  width: 100%;
  height: auto;
}
.pp-listing-vertical .pp-item-header {
  grid-area: hdr;
}
.pp-listing-vertical .pp-item-copy {
  grid-area: cpy;
}
.pp-listing-vertical .pp-item-copy :last-child {
  margin-bottom: 0;
}
.pp-listing-vertical .pp-item-link {
  grid-area: lnk;
  margin-right: auto;
}
.pp-listing-vertical [data-pp-listing-more-button] {
  grid-column: 1/-1;
  width: auto;
  margin: calc(var(--listing-vertical-grid-gap) * 0.5) auto;
}
.pp-listing-vertical .pp-item-none,
.pp-listing-vertical .pp-spinner {
  grid-column: -1/1;
  padding: var(--listing-vertical-grid-gap);
}
.pp-listing-vertical .pp-item-none {
  font-style: italic;
  text-align: center;
  font-size: 1.25em;
}

.pp-listing-layout-horizontal .control-layer {
  left: var(--container-padding);
  right: var(--container-padding);
}
.pp-listing-layout-horizontal .section-content {
  container-type: inline-size;
  margin-left: 0;
  margin-right: 0;
}
.pp-listing-layout-horizontal .pp-carousel {
  position: relative;
}

.pp-listing-horizontal {
  gap: 0;
  overflow: auto;
  container-type: inline-size;
  scroll-snap-stop: always;
  scroll-padding-inline-start: var(--container-padding);
  padding: 0 var(--container-padding);
  --cols: var( --listing-horizontal-cols, 1 );
  --max-cols: max(1,round( down, calc( ( min( var(--visual-viewport-width-num), var(--wrapper-max-width-num)) - var(--container-padding-num) * 2) / var(--listing-horizontal-element-min-width) ), 1 ));
}
.pp-listing-horizontal .pp-item {
  container-type: inline-size;
  width: 100%;
  min-width: calc(100cqi / min(var(--max-cols), var(--cols)));
  max-width: calc(var(--listing-horizontal-element-max-width) * 1px);
  scroll-snap-align: start;
  padding: calc(var(--listing-horizontal-grid-gap) * 0.5);
  -webkit-hyphens: auto;
          hyphens: auto;
}
.pp-listing-horizontal .pp-item:first-child {
  margin-left: auto;
}
.pp-listing-horizontal .pp-item:last-child {
  margin-right: auto;
}
.pp-listing-horizontal .pp-item-wrap {
  display: grid;
  grid-template-columns: repeat(var(--item-cols, 1), 1fr);
  grid-column-gap: calc(var(--listing-horizontal-grid-gap) * 0.5);
}
.pp-listing-horizontal .pp-item-wrap > .pp-item-media {
  grid-column: max(var(--item-cols, 1) - 1, 1);
  grid-row: span max(1, 10 * (var(--item-cols, 1) - 1));
}
.pp-listing-horizontal .pp-item-wrap > .pp-item-media ~ * {
  grid-column: var(--item-cols, 1);
}
.pp-listing-horizontal .pp-item-media {
  position: relative;
}
.pp-listing-horizontal .pp-item-media > span,
.pp-listing-horizontal .pp-item-media > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pp-listing-horizontal .pp-item-link {
  margin-right: auto;
}
.pp-listing-horizontal .pp-item-date {
  margin-bottom: 0;
}

.image-placeholder {
  display: block;
}
.image-placeholder svg {
  width: 100%;
  height: auto;
}

.pp-item {
  position: relative;
}
@media (max-width: 767.98px) {
  .pp-item {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
.pp-item img {
  object-fit: cover;
}
.pp-item::marker {
  content: none;
}

.pp-listing-grid {
  display: flex;
}
.pp-listing-grid .pp-listing-more-button {
  order: 1001;
}
.pp-listing-grid .pp-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 25%;
  max-width: 100%;
  min-width: 100%;
}
@media (min-width: 576px) {
  .pp-listing-grid .pp-item {
    min-width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .pp-listing-grid .pp-item {
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
}
@media (min-width: 992px) {
  .pp-listing-grid .pp-item {
    min-width: 25%;
    max-width: 25%;
  }
}
.pp-listing-grid .pp-item:first-of-type {
  margin-left: auto;
}
.pp-listing-grid .pp-item:last-of-type {
  margin-right: auto;
}
.pp-listing-grid .pp-item-link:hover, .pp-listing-grid .pp-item-link:focus {
  text-decoration: none;
}
.pp-listing-list .pp-item-link {
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .pp-listing-list .pp-item-link {
    flex-wrap: nowrap;
  }
}
.pp-listing-list .left-column {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
}
@media (min-width: 576px) {
  .pp-listing-list .left-column {
    flex-basis: 30%;
  }
}
@media (min-width: 992px) {
  .container-md .pp-listing-list .left-column {
    flex-basis: 25%;
  }
}
.pp-listing-list .right-column {
  flex-grow: 1;
  text-align: center;
}
@media (min-width: 576px) {
  .pp-listing-list .right-column {
    text-align: left;
  }
}
.pp-listing-filters {
  padding-left: var(--px);
  padding-right: var(--px);
  container-type: inline-size;
  margin-bottom: var(--general-grid-gap);
}
.pp-listing-filters.filter-terms {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--general-grid-gap);
}
.pp-listing-filters.filter-terms > * {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0;
  overflow: hidden;
}
@container (max-width: 800px) {
  .pp-listing-filters.filter-terms > * {
    flex-basis: 100%;
  }
}
.pp-listing-filters.filter-terms .pp-btn, .pp-listing-filters.filter-terms .wpcf7-submit {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pp-listing-filters.filter-terms .pp-btn [data-term-label], .pp-listing-filters.filter-terms .wpcf7-submit [data-term-label] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pp-listing-filters select {
  width: 100%;
}

.pp-listing-filters {
  margin-bottom: calc(var(--general-grid-gap) * 2);
}
.pp-listing-filters [type=radio] + ::before,
.pp-listing-filters [type=radio] + ::after {
  content: none;
}

.pp-listing-filter.filter-term {
  flex-wrap: wrap;
  gap: 10px;
}
.pp-listing-filter.filter-term .pp-btn, .pp-listing-filter.filter-term .wpcf7-submit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  margin: auto 0;
}
.pp-listing-filter.filter-term .pp-btn .icon, .pp-listing-filter.filter-term .wpcf7-submit .icon {
  --element-font-size: 1.2em;
}
.pp-listing-filter.filter-term .pp-btn .icon:empty, .pp-listing-filter.filter-term .wpcf7-submit .icon:empty {
  display: none;
}
.pp-listing-filter.filter-term .pp-btn [data-term-label], .pp-listing-filter.filter-term .wpcf7-submit [data-term-label] {
  --element-line-height: 1.44;
}
.pp-listing-filter.filter-term :checked + .pp-btn, .pp-listing-filter.filter-term :checked + .wpcf7-submit {
  color: var(--btn-active-color);
  border-color: var(--btn-active-border-color);
  background-color: var(--btn-active-background-color);
}

.text-infobox [data-fullscreen="1"] .image-caption,
.section-media [data-fullscreen="1"] .image-caption,
.section-a11y-media [data-fullscreen="1"] .image-caption,
.blocks-gallery-item [data-fullscreen="1"] .image-caption {
  flex: 0 0 auto;
}
.text-infobox [data-fullscreen="1"]:not(.fullscreen),
.section-media [data-fullscreen="1"]:not(.fullscreen),
.section-a11y-media [data-fullscreen="1"]:not(.fullscreen),
.blocks-gallery-item [data-fullscreen="1"]:not(.fullscreen) {
  position: relative;
}
.text-infobox [data-fullscreen="1"].fullscreen,
.section-media [data-fullscreen="1"].fullscreen,
.section-a11y-media [data-fullscreen="1"].fullscreen,
.blocks-gallery-item [data-fullscreen="1"].fullscreen {
  overflow: hidden;
}
.text-infobox [data-fullscreen="1"].fullscreen img,
.section-media [data-fullscreen="1"].fullscreen img,
.section-a11y-media [data-fullscreen="1"].fullscreen img,
.blocks-gallery-item [data-fullscreen="1"].fullscreen img {
  width: auto;
  display: block;
}
/*

Text + Media + gallery WP:
figure[data-fullscreen="1"] {
	.image-wrap {}
	figcaption {}
}

gallery stripe
.pp-stripe.fullscreen {
	figure {
		.image-wrap {}
		figcaption {}
	}
}

*/
figure {
  margin-bottom: 0;
  position: relative;
}
figure .image-wrap {
  position: relative;
}
figure figcaption {
  max-width: calc(var(--visual-viewport-width) - var(--container-padding) * 2);
}
figure figcaption:where(.caption-position-inside) {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: var(--caption-inside-margin);
  padding: var(--spacer-xs) var(--spacer-sm);
}
.has-infobox-left figure figcaption:where(.caption-position-inside) {
  left: 0;
  right: auto;
}
.section-media-map figure figcaption:where(.caption-position-inside) {
  z-index: 1000;
}
figure [class*=pp-ratio] {
  position: relative;
}
figure [class*=pp-ratio] > * {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
figure [data-action=fullscreen] i {
  display: none;
}

[data-fullscreen="1"]:not(.fullscreen) .caption-position-inside .caption-text-content {
  display: -webkit-box;
  -webkit-line-clamp: var(--caption-inside-clamp);
  -webkit-box-orient: vertical;
  line-clamp: var(--caption-inside-clamp);
  box-orient: vertical;
  overflow: hidden;
}
[data-fullscreen="1"]:not(.fullscreen) .caption-position-inside .caption-text-content > * {
  display: inline;
}
.caption-text-content > :last-child {
  margin-bottom: 0;
}

.video-info {
  font-style: italic;
  margin-bottom: 15px;
  padding: 15px 0;
  border-bottom: 1px solid currentColor;
}
.video-info .video-info-item {
  display: block;
}

@property --is-above {
  syntax: "*";
  inherits: true;
  initial-value: inherit;
}
@property --is-below {
  syntax: "*";
  inherits: true;
  initial-value: inherit;
}
.pp-listing-item {
  container-type: inline-size;
  container-name: item;
  max-width: var(--item-max);
}
.pp-listing-item .hide-above {
  display: var(--is-above, none) var(--is-below, inherit);
}
.pp-listing-item .hide-below {
  display: var(--is-above, inherit) var(--is-below, none);
}
.pp-listing-item .pp-item-wrap {
  --spacer-xs:
  	var(--is-above, var(--spacer-xs-a) )
  	var(--is-below, var(--spacer-xs-b) );
  --spacer-sm:
  	var(--is-above, var(--spacer-sm-a) )
  	var(--is-below, var(--spacer-sm-b) );
  --spacer-md:
  	var(--is-above, var(--spacer-md-a) )
  	var(--is-below, var(--spacer-md-b) );
  --spacer-lg:
  	var(--is-above, var(--spacer-lg-a) )
  	var(--is-below, var(--spacer-lg-b) );
  --spacer-xl:
  	var(--is-above, var(--spacer-xl-a) )
  	var(--is-below, var(--spacer-xl-b) );
  --border-radius-r-sm:
  	var(--is-above, var(--border-radius-r-sm-a) )
  	var(--is-below, var(--border-radius-r-sm-b) );
  --border-radius-r-md:
  	var(--is-above, var(--border-radius-r-md-a) )
  	var(--is-below, var(--border-radius-r-md-b) );
  --border-radius-r-lg:
  	var(--is-above, var(--border-radius-r-lg-a) )
  	var(--is-below, var(--border-radius-r-lg-b) );
  --border-radius-r-xl:
  	var(--is-above, var(--border-radius-r-xl-a) )
  	var(--is-below, var(--border-radius-r-xl-b) );
}
.pp-listing-item .pp-item-wrap .elements > * {
  --element-font-size:
  	var(--is-above, var(--element-font-size-a) )
  	var(--is-below, var(--element-font-size-b) );
}
.pp-listing-item .pp-clamp:where([style*="--clamp-a:"]) {
  --clamp:
  	var(--is-above, var(--clamp-a) )
  	var(--is-below, var(--clamp-b) );
}

.pp-item-wrap {
  --is-stripe-a: ;
  --is-card-a: ;
  --is-tile-a: ;
  --is-stripe-b: ;
  --is-card-b: ;
  --is-tile-b: ;
  --is-top-tags-a: ;
  --is-flow-tags-a: ;
  --is-top-tags-b: ;
  --is-flow-tags-b: ;
  --mediaratio-b: 1;
  --mediaratio-a: 1;
  --gridratio-a: 1fr 1fr;
  --gridratio-b: 1fr 2fr;
  --item-px-a: ;
  --item-px-b: ;
  --item-py-a: ;
  --item-py-b: ;
  --elements-px-a: ;
  --elements-px-b: ;
  --elements-py-a: ;
  --elements-py-b: ;
  --media-px-a: ;
  --media-px-b: ;
  --media-py-a: ;
  --media-py-b: ;
  --tags-px-a: ;
  --tags-px-b: ;
  --tags-py-a: ;
  --tags-py-b: ;
  --is-top-tags:
  	var(--is-above, var(--is-top-tags-a) )
  	var(--is-below, var(--is-top-tags-b) );
  --is-flow-tags:
  	var(--is-above, var(--is-flow-tags-a) )
  	var(--is-below, var(--is-flow-tags-b) );
  --px-fallback: var(--px,var(--pl,var(--pr,0px)));
  --py-fallback: var(--py,var(--pt,var(--pb,0px)));
  --item-px:
  	var(--is-above, var(--item-px-a, 0px) )
  	var(--is-below, var(--item-px-b, 0px) );
  --item-py:
  	var(--is-above, var(--item-py-a, 0px) )
  	var(--is-below, var(--item-py-b, 0px) );
  --media-px:
  	var(--is-above, var(--media-px-a, 0px) )
  	var(--is-below, var(--media-px-b, 0px) );
  --media-py:
  	var(--is-above, var(--media-py-a, 0px) )
  	var(--is-below, var(--media-py-b, 0px) );
  --elements-px:
  	var(--is-above, var(--elements-px-a, 0px) )
  	var(--is-below, var(--elements-px-b, 0px) );
  --elements-py:
  	var(--is-above, var(--elements-py-a, 0px) )
  	var(--is-below, var(--elements-py-b, 0px) );
  --tags-px:
  	var(--is-top-tags,
  		var(--is-above, var(--tags-px-a, 0px) )
  		var(--is-below, var(--tags-px-b, 0px) )
  	)
  	var(--is-flow-tags, var(--elements-px, 0px) ) ;
  --tags-py:
  	var(--is-above, var(--tags-py-a, 0px) )
  	var(--is-below, var(--tags-py-b, 0px) );
  --is-stripe:
  	var(--is-above, var(--is-stripe-a) )
  	var(--is-below, var(--is-stripe-b) );
  --is-card:
  	var(--is-above, var(--is-card-a) )
  	var(--is-below, var(--is-card-b) );
  --is-tile:
  	var(--is-above, var(--is-tile-a) )
  	var(--is-below, var(--is-tile-b) );
  --mediaratio:
  	var(--is-above, var(--mediaratio-a) )
  	var(--is-below, var(--mediaratio-b) );
  --gridratio:
  	var(--is-above, var(--gridratio-a) )
  	var(--is-below, var(--gridratio-b) );
  display: grid;
  gap: 0;
  grid-template-columns: var(--is-card, 1fr) var(--is-stripe, var(--gridratio)) var(--is-tile, 1fr);
  grid-template-rows: var(--is-card, min-content) var(--is-stripe, auto) var(--is-tile, auto);
  grid-auto-rows: var(--is-card, auto) var(--is-stripe, 1fr) var(--is-tile, auto);
  aspect-ratio: var(--is-card, none) var(--is-stripe, none) var(--is-tile, var(--mediaratio));
  overflow: hidden;
}
.pp-item-wrap:not([class*=pp-pt-], [class*=pp-py-]) {
  --pt: var(--item-py);
}
.pp-item-wrap:not([class*=pp-pb-], [class*=pp-py-]) {
  --pb: var(--item-py);
}
.pp-item-wrap:not([class*=pp-pl-], [class*=pp-px-]) {
  --pl: var(--item-px);
}
.pp-item-wrap:not([class*=pp-pr-], [class*=pp-px-]) {
  --pr: var(--item-px);
}
.pp-items-stripe .pp-item-wrap {
  --is-stripe: initial;
}
.pp-items-card .pp-item-wrap {
  --is-card: initial;
}
.pp-items-tile .pp-item-wrap {
  --is-tile: initial;
}
.pp-item-wrap.toptags {
  --is-top-tags: initial;
  --is-flow-tags: ;
}
.pp-item-wrap,
.pp-item-wrap > .media,
.pp-item-wrap > .elements,
.pp-item-wrap > .tags {
  padding: var(--pt) var(--pr) var(--pb) var(--pl);
}
.pp-item-wrap > .media {
  overflow: hidden; /* chrome fix */
  grid-column: 1;
  grid-row: var(--is-card, 1) var(--is-stripe, var(--is-top-tags, 1) var(--is-flow-tags, 1/span 2)) var(--is-tile, 1);
  aspect-ratio: var(--mediaratio);
}
.pp-item-wrap > .media:not([class*=pp-pt-], [class*=pp-py-]) {
  --pt: var(--media-py);
}
.pp-item-wrap > .media:not([class*=pp-pb-], [class*=pp-py-]) {
  --pb: var(--media-py);
}
.pp-item-wrap > .media:not([class*=pp-pl-], [class*=pp-px-]) {
  --pl: var(--media-px);
}
.pp-item-wrap > .media:not([class*=pp-pr-], [class*=pp-px-]) {
  --pr: var(--media-px);
}
.pp-item-wrap > .elements {
  grid-column: var(--is-card, 1) var(--is-stripe, 2) var(--is-tile, 1);
  grid-row: var(--is-tile, 1);
  height: var(--is-tile, 100%);
  align-content: var(--is-tile, end);
  position: var(--is-tile, relative);
  /* DEBUG
  &::before {
  	content:
  		var(--is-above, 'a')
  		var(--is-below, 'b')
  		' '
  		var(--is-flow-tags, 'flow')
  		var(--is-top-tags, 'top')
  		' '
  		var(--is-flow-tags-a, 'a:flow')
  		var(--is-top-tags-a, 'a:top')
  		' '
  		var(--is-flow-tags-b, 'b:flow')
  		var(--is-top-tags-b, 'b:top')
  		;
  }
  //*/
}
.pp-item-wrap > .elements:not([class*=pp-pt-], [class*=pp-py-]) {
  --pt: var(--elements-py);
}
.pp-item-wrap > .elements:not([class*=pp-pb-], [class*=pp-py-]) {
  --pb: var(--elements-py);
}
.pp-item-wrap > .elements:not([class*=pp-pl-], [class*=pp-px-]) {
  --pl: var(--elements-px);
}
.pp-item-wrap > .elements:not([class*=pp-pr-], [class*=pp-px-]) {
  --pr: var(--elements-px);
}
.pp-item-wrap > .elements:has(+ .tags) {
  padding-bottom: var(--is-flow-tags, 0px) var(--is-top-tags, var(--elements-py));
}
.pp-item-wrap > .elements + .tags {
  padding-top: var(--is-flow-tags, 0px) var(--is-top-tags, var(--tags-py));
  padding-bottom: var(--is-flow-tags, var(--elements-py)) var(--is-top-tags, var(--tags-py));
}
.pp-item-wrap > .tags {
  line-height: 1;
  grid-column: var(--is-card, 1) var(--is-stripe, var(--is-top-tags, 1) var(--is-flow-tags, 2)) var(--is-tile, 1);
  grid-row: var(--is-tile, 1) var(--is-card, var(--is-flow-tags, 3) var(--is-top-tags, 1)) var(--is-stripe, var(--is-flow-tags, initial) var(--is-top-tags, 1));
  align-self: var(--is-tile, start);
}
.pp-item-wrap > .tags:not([class*=pp-pt-], [class*=pp-py-]) {
  --pt: var(--tags-py);
}
.pp-item-wrap > .tags:not([class*=pp-pb-], [class*=pp-py-]) {
  --pb: var(--tags-py);
}
.pp-item-wrap > .tags:not([class*=pp-pl-], [class*=pp-px-]) {
  --pl: var(--tags-px);
}
.pp-item-wrap > .tags:not([class*=pp-pr-], [class*=pp-px-]) {
  --pr: var(--tags-px);
}

.pp-items-card .pp-item-wrap {
  --is-card: initial;
}

.pp-items-stripe .pp-item-wrap {
  --is-stripe: initial;
}

.pp-items-tile .pp-item-wrap {
  --is-tile: initial;
}
.pp-items-tile .pp-item-wrap > .media {
  opacity: var(--o, 1);
}
.pp-items-tile .pp-item-wrap > .media img {
  opacity: 1;
}

.pp-items-link .pp-listing {
  gap: 40px 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, auto));
}
.pp-items-link .pp-item {
  flex-grow: 1;
  max-width: 500px;
  min-width: 300px;
  --box-border-radius: 0;
}
.pp-items-link .pp-item-wrap .elements {
  display: grid;
  grid-template-areas: "f t t" "i i e" "u u u";
  grid-template-columns: 32px 28px auto;
  grid-template-rows: min-content 80px min-content auto;
  gap: 20px;
  height: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-grau-3);
  overflow: hidden;
}
.pp-items-link .pp-item-wrap[class*=pp-box-] {
  overflow: visible;
}
.pp-items-link .pp-entry-meta-favicon {
  grid-area: f;
  border-radius: 7px;
  overflow: hidden;
  height: 32px;
  width: 32px;
  object-fit: scale-down;
  object-position: center center;
  background: var(--color-grau-1);
}
.pp-items-link .pp-entry-title {
  grid-area: t;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.03em;
  align-self: center;
}
.pp-items-link .pp-entry-title:first-child {
  grid-column: 1/span 3;
}
.pp-items-link .pp-entry-meta-image {
  grid-area: i;
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--color-grau-3);
}
.pp-items-link .pp-entry-excerpt {
  font-size: 12px;
  grid-column: 1/-1;
}
.pp-items-link .pp-entry-meta-image + .pp-entry-excerpt {
  grid-area: e;
}
.pp-items-link .pp-entry-meta-url {
  grid-area: u;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pp-item-wrap {
  --item-focus-outline-color: var(--box-accent-color);
  --item-focus-outline-width: var(--border-width-lg);
  --item-focus-outline-offset: var(--border-width-lg);
}
.pp-item-wrap .pp-entry-title,
.pp-item-wrap .pp-entry-excerpt {
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
}
.pp-item-wrap:has(.link-stretched) {
  position: relative;
}
.pp-item-wrap:has(.link-stretched:focus) {
  outline: var(--item-focus-outline-width) solid var(--item-focus-outline-color);
  outline-offset: var(--item-focus-outline-offset);
}
.pp-item-wrap > .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: var(--o, 1);
}
.pp-item-wrap > .tags {
  overflow: hidden;
}
.pp-item-wrap > .tags .pp-term {
  white-space: nowrap;
  max-width: 100%;
  position: relative;
}
.pp-item-wrap > .tags .pp-term,
.pp-item-wrap > .tags .pp-term .label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.pp-item-wrap > .elements {
  height: var(--is-stripe, -moz-fit-content) var(--is-tile, inherit) var(--is-card, -moz-fit-content);
  height: var(--is-stripe, fit-content) var(--is-tile, inherit) var(--is-card, fit-content);
  overflow-x: hidden;
  overflow-y: visible;
}
.pp-item-wrap > .elements > .link-stretched::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pp-item-wrap > .elements > .link-stretched:focus {
  outline: none;
}
.pp-item-wrap > .elements > .pp-entry-excerpt p {
  margin-bottom: 0;
}
.pp-item-wrap > .elements > *:last-child, .pp-item-wrap > .elements > *:has(+ .link-stretched) {
  margin-bottom: var(--is-flow-tags, var(--mb)) var(--is-top-tags, 0px);
}
.pp-item-wrap > .elements a:not(.link-stretched) {
  position: relative;
  z-index: 1;
}
.pp-item-wrap > .elements > .pp-entry-meta-institution_url,
.pp-item-wrap > .elements > .pp-entry-meta-file {
  max-width: 100%;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-hyphens: none;
          hyphens: none; /* safari |FCK|SFR| */
}
.pp-item-wrap .image-placeholder {
  height: 100%;
}
.pp-item-wrap .image-placeholder img,
.pp-item-wrap .image-placeholder svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pp-item-wrap .pp-term {
  display: inline-flex;
}

.pp-gridlisting {
  container-name: wrap;
}

.pp-listing-wrap {
  --is-wrap-xs: initial;
  --is-wrap-sm: ;
  --is-wrap-md: ;
  --is-wrap-lg: ;
  --is-wrap-xl: ;
  --is-wrap-min-sm: ;
  --is-wrap-min-md: ;
  --is-wrap-min-lg: ;
  --is-wrap-min-xl: ;
  --px: max(calc( 50cqw - var(--container-size) * 0.5 ), var(--general-grid-gap));
}

.pp-gridlisting-bricks .pp-listing {
  --cols:
  	var(--is-wrap-xs, 1)
  	var(--is-wrap-sm, 2)
  	var(--is-wrap-md, 2)
  	var(--is-wrap-lg, 3)
  	var(--is-wrap-xl, 3);
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  grid-auto-rows: min-content;
  column-gap: var(--gxi, 0);
  row-gap: var(--gyi, 0);
  padding: 0 var(--px);
}
.pp-gridlisting-bricks .pp-listing .pp-listing-more-trigger,
.pp-gridlisting-bricks .pp-listing .pp-spinner,
.pp-gridlisting-bricks .pp-listing > [data-pp-listing-more] {
  grid-column: 1/-1;
  margin: 0 auto;
}
.pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+1), .pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+4) {
  --item-max: var(--is-wrap-min-sm, none);
  grid-column: var(--is-wrap-min-sm, span min(2, var(--cols)));
}
.pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+1) .pp-item-wrap, .pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+4) .pp-item-wrap {
  height: var(--is-wrap-min-sm, calc((100cqw - var(--gxi)) * 0.5 / var(--mediaratio)));
}
.pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+1) .media, .pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+4) .media {
  height: var(--is-wrap-min-sm, 100%);
}
.pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+1) .media,
.pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+1) .pp-item-wrap, .pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+4) .media,
.pp-gridlisting-bricks .pp-listing > .pp-item:nth-child(4n+4) .pp-item-wrap {
  aspect-ratio: var(--is-wrap-xs, var(--mediaratio)) var(--is-wrap-min-sm, auto);
}
.pp-gridlisting-bricks .pp-item-wrap {
  width: 100%;
  height: 100%;
}

.pp-gridlisting-grid .pp-listing {
  --gap: var(--gxi, var(--general-grid-gap));
  --gap-num: var(--gx-num, var(--general-grid-gap-num));
  --content-width-num: calc(var(--wrapper-width-num) - 2 * var(--container-padding-num));
  --cols: clamp(
  	1,
  	round(
  		down,
  		calc( (var(--content-width-num) + var(--gap-num)) / (var(--item-min-num) + var(--gap-num))),
  		1
  	),
  	var(--count-children)
  );
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  column-gap: var(--gxi, 0);
  row-gap: var(--gyi, 0);
  padding: 0 var(--px);
}
.pp-gridlisting-grid .pp-listing .pp-listing-more-trigger,
.pp-gridlisting-grid .pp-listing .pp-spinner,
.pp-gridlisting-grid .pp-listing > [data-pp-listing-more] {
  grid-column: 1/-1;
  margin: 0 auto;
}
.pp-gridlisting-grid .pp-item-wrap {
  height: 100%;
}

.pp-gridlisting-flex .pp-listing {
  --gap: var(--gxi, var(--general-grid-gap));
  --gap-num: var(--gx-num, var(--general-grid-gap-num));
  --content-width-num: calc(var(--wrapper-width-num) - 2 * var(--container-padding-num));
  --cols: clamp(
  	1,
  	round(
  		down,
  		calc( (var(--content-width-num) + var(--gap-num)) / (var(--item-min-num) + var(--gap-num))),
  		1
  	),
  	var(--count-children)
  );
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: var(--gxi, 0);
  row-gap: var(--gyi, 0);
  padding: 0 var(--px);
}
.pp-gridlisting-flex .pp-listing [data-pp-listing-more-button] {
  margin: auto;
  flex-basis: 100%;
}
.pp-gridlisting-flex.pp-items-responsive .pp-listing-item {
  min-width: min(var(--item-max), (var(--content-width-num) * 1px - var(--gxi) * (var(--cols, 1) - 1)) / var(--cols, 1));
  flex: 1 1 auto;
}
.pp-gridlisting-flex .pp-item-wrap {
  height: 100%;
}
.pp-gridlisting-flex .pp-spinner,
.pp-gridlisting-flex .pp-listing-more-trigger,
.pp-gridlisting-flex [data-pp-listing-more] {
  flex-basis: 100%;
}
.pp-gridlisting-flex [data-pp-listing-more] {
  display: flex;
}

.pp-gridlisting-slider {
  max-width: none;
  margin: 0;
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter {
  display: grid;
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-listing-filters {
  grid-row: 1;
  grid-column: 1;
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-carousel-inner {
  grid-row: 2;
  grid-column: 1;
  margin-bottom: var(--pbi);
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-carousel-controls {
  grid-row: 2;
  grid-column: 1;
  display: grid;
  grid-template-columns: var(--px) auto var(--px);
  grid-template-rows: auto var(--pbi);
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-carousel-controls [rel] {
  position: relative;
  align-self: center;
  margin: 0;
  top: 0;
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-carousel-controls [rel=prev] {
  grid-column: 1;
  justify-self: start;
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-carousel-controls [rel=next] {
  grid-column: 3;
  justify-self: end;
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-carousel-controls .control-layer {
  grid-column: 2;
  position: static;
}
.pp-gridlisting-slider .pp-listing-wrap.pp-listing-type-filter .pp-carousel-controls .pp-carousel-indicators {
  grid-row: 2;
  grid-column: 2;
}
.pp-gridlisting-slider .pp-listing {
  --gap: var(--gxi, var(--general-grid-gap));
  --gap-num: var(--gx-num, var(--general-grid-gap-num));
  --content-width-num: calc(var(--wrapper-width-num) - 2 * var(--container-padding-num));
  --cols: clamp(
  	1,
  	round(
  		down,
  		calc( (var(--content-width-num) + var(--gap-num)) / (var(--item-min-num) + var(--gap-num))),
  		1
  	),
  	var(--count-children)
  );
  --item-width-num: calc(
  	(var(--content-width-num) - (var(--cols) - 1) * var(--gap-num) )
  	/
  	var(--cols)
  );
  --box-auto-width: calc( var(--item-width-num) * 1px );
}
.pp-gridlisting-slider .pp-carousel-inner {
  padding: 0 var(--px);
  scroll-padding-left: var(--px);
  scroll-snap-type: x mandatory;
  column-gap: var(--gap);
}
.pp-gridlisting-slider .pp-carousel-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(to right, var(--box-background-color), transparent var(--px), transparent calc(100% - var(--px)), var(--box-background-color));
  pointer-events: none;
}
.pp-gridlisting-slider .pp-carousel-inner .pp-spinner,
.pp-gridlisting-slider .pp-carousel-inner .pp-listing-more-trigger,
.pp-gridlisting-slider .pp-carousel-inner .pp-listing-item {
  scroll-snap-align: start;
}
.pp-gridlisting-slider .pp-carousel-inner {
  grid-auto-columns: minmax(var(--box-auto-width), var(--item-max));
}
.pp-gridlisting-slider .pp-item {
  --item-max: none;
}
.pp-gridlisting-slider .pp-item-wrap {
  height: 100%;
  --item-focus-outline-offset: calc( -3 * var(--border-width-lg));
  --item-focus-outline-color: var(--box-emphasis-color);
}
.pp-gridlisting-slider .pp-listing-item {
  opacity: 0.33;
  transition: var(--transition-opacity);
}
.pp-gridlisting-slider .pp-listing-item.is-contained {
  opacity: 1;
}
.pp-gridlisting-slider .pp-carousel-controls .control-layer {
  left: var(--px);
  right: var(--px);
}

.pp-gridlisting-teaser .pp-listing-wrap {
  --cqw: calc(
  	(var(--wrapper-width) - 2 * var(--px)) / 100
  );
}
.pp-gridlisting-teaser .pp-carousel-controls .control-layer {
  left: var(--px);
  right: var(--px);
}
.pp-gridlisting-teaser > * {
  --gap: var(--general-grid-gap);
  --diff: calc(var(--gap) * 0.75);
  --grid-rows-sm: 1fr;
  --grid-rows-md:
  	1fr
  	5vh
  	1fr
  	auto;
  --grid-rows-lg: 1fr 1fr;
  --grid-cols-sm: calc(100 * var(--cqw));
  --grid-cols-md:
  	calc(50 * var(--cqw) - var(--gap) * 0.5)
  	calc(50 * var(--cqw) - var(--gap) * 0.5);
  --grid-cols-lg:
  	calc(26 * var(--cqw) - var(--diff) )
  	calc(6 * var(--cqw) - var(--diff) )
  	calc(26 * var(--cqw) - var(--diff) )
  	calc(42 * var(--cqw) - var(--diff) );
}
.pp-gridlisting-teaser .pp-container {
  container-type: normal;
}
.pp-gridlisting-teaser .pp-listing {
  padding-left: var(--px);
  padding-right: var(--px);
  display: grid;
  grid-auto-columns: var(--is-wrap-xs, var(--grid-cols-sm)) var(--is-wrap-sm, var(--grid-cols-md)) var(--is-wrap-md, var(--grid-cols-md)) var(--is-wrap-lg, var(--grid-cols-lg)) var(--is-wrap-xl, var(--grid-cols-lg));
  grid-template-rows: var(--is-wrap-xs, var(--grid-rows-sm)) var(--is-wrap-sm, var(--grid-rows-md)) var(--is-wrap-md, var(--grid-rows-md)) var(--is-wrap-lg, var(--grid-rows-lg)) var(--is-wrap-xl, var(--grid-rows-lg));
  grid-auto-flow: column dense;
  overflow-x: scroll;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  scroll-padding-inline: var(--px);
  gap: var(--gap);
}
.pp-gridlisting-teaser .pp-listing .pp-spinner,
.pp-gridlisting-teaser .pp-listing .pp-listing-more-trigger,
.pp-gridlisting-teaser .pp-listing .pp-listing-item {
  max-height: 100%;
  max-width: 100%;
  width: var(--is-wrap-xs, 100%) var(--is-wrap-sm, auto) var(--is-wrap-md, auto) var(--is-wrap-lg, 100%) var(--is-wrap-xl, 100%);
  height: var(--is-wrap-xs, auto) var(--is-wrap-sm, 100%) var(--is-wrap-md, 100%) var(--is-wrap-lg, auto) var(--is-wrap-xl, auto);
  scroll-snap-align: var(--is-wrap-xs, start) var(--is-wrap-sm, none) var(--is-wrap-md, none) var(--is-wrap-lg, none) var(--is-wrap-xl, none);
}
.pp-gridlisting-teaser .pp-listing .pp-listing-item {
  opacity: 0;
  transition: var(--transition-opacity);
}
.pp-gridlisting-teaser .pp-listing .pp-listing-item.is-contained {
  opacity: 1;
}
.pp-gridlisting-teaser .pp-listing > :nth-child(5n+1) {
  grid-column: var(--is-wrap-xs, span 1) var(--is-wrap-sm, initial) var(--is-wrap-md, initial) var(--is-wrap-lg, span 2) var(--is-wrap-xl, span 2);
  grid-row: var(--is-wrap-xs, span 1) var(--is-wrap-sm, span 2) var(--is-wrap-md, span 2) var(--is-wrap-lg, span 1) var(--is-wrap-xl, span 1);
  align-self: var(--is-wrap-xs, normal) var(--is-wrap-sm, end) var(--is-wrap-md, end) var(--is-wrap-lg, end) var(--is-wrap-xl, end);
  scroll-snap-align: var(--is-wrap-xs, none) var(--is-wrap-sm, start) var(--is-wrap-md, start) var(--is-wrap-lg, start) var(--is-wrap-xl, start);
  scroll-snap-align: start;
}
.pp-gridlisting-teaser .pp-listing > :nth-child(5n+2) {
  grid-row: 1;
  width: var(--is-wrap-xs, auto) var(--is-wrap-sm, 80%) var(--is-wrap-md, 80%) var(--is-wrap-lg, auto) var(--is-wrap-xl, auto);
  align-self: var(--is-wrap-xs, normal) var(--is-wrap-sm, end) var(--is-wrap-md, end) var(--is-wrap-lg, end) var(--is-wrap-xl, end);
}
.pp-gridlisting-teaser .pp-listing > :nth-child(5n+3) {
  width: var(--is-wrap-xs, auto) var(--is-wrap-sm, 80%) var(--is-wrap-md, 80%) var(--is-wrap-lg, 100%) var(--is-wrap-xl, 100%);
  align-self: var(--is-wrap-xs, normal) var(--is-wrap-sm, normal) var(--is-wrap-md, normal) var(--is-wrap-lg, start) var(--is-wrap-xl, start);
  justify-self: var(--is-wrap-xs, normal) var(--is-wrap-sm, end) var(--is-wrap-md, end) var(--is-wrap-lg, normal) var(--is-wrap-xl, normal);
}
.pp-gridlisting-teaser .pp-listing > :nth-child(5n+4) {
  grid-column: var(--is-wrap-xs, span 1) var(--is-wrap-sm, span 1) var(--is-wrap-md, span 1) var(--is-wrap-lg, span 2) var(--is-wrap-xl, span 2);
  grid-row: var(--is-wrap-xs, span 1) var(--is-wrap-sm, span 2) var(--is-wrap-md, span 2) var(--is-wrap-lg, span 1) var(--is-wrap-xl, span 1);
}
.pp-gridlisting-teaser .pp-listing > :nth-child(5n+5) {
  grid-column: var(--is-wrap-xs, span 1) var(--is-wrap-sm, span 2) var(--is-wrap-md, span 2) var(--is-wrap-lg, span 1) var(--is-wrap-xl, span 1);
  grid-row: var(--is-wrap-xs, span 1) var(--is-wrap-sm, initial) var(--is-wrap-md, initial) var(--is-wrap-lg, span 2) var(--is-wrap-xl, span 2);
  align-self: center;
  justify-self: center;
  width: var(--is-wrap-xs, 100%) var(--is-wrap-sm, 50%) var(--is-wrap-md, 50%) var(--is-wrap-lg, 100%) var(--is-wrap-xl, 100%);
}
.pp-gridlisting-teaser .pp-listing:has(> :not(:nth-child(5n+5)):last-child)::after {
  content: var(--is-wrap-xs, none) var(--is-wrap-sm, "") var(--is-wrap-md, "") var(--is-wrap-lg, "") var(--is-wrap-xl, "");
  display: block;
}
.pp-gridlisting-teaser .pp-listing:has(> :nth-child(5n+1):last-child)::after {
  grid-column: var(--is-wrap-sm, span 2) var(--is-wrap-md, span 2) var(--is-wrap-lg, span 4) var(--is-wrap-xl, span 4);
}
.pp-gridlisting-teaser .pp-listing:has(> :nth-child(5n+2):last-child)::after {
  grid-column: var(--is-wrap-sm, span 2) var(--is-wrap-md, span 2) var(--is-wrap-lg, span 4) var(--is-wrap-xl, span 4);
}
.pp-gridlisting-teaser .pp-listing:has(> :nth-child(5n+3):last-child)::after {
  grid-column: var(--is-wrap-sm, span 2) var(--is-wrap-md, span 2) var(--is-wrap-lg, span 3) var(--is-wrap-xl, span 3);
}
.pp-gridlisting-teaser .pp-listing .pp-item-wrap {
  --item-focus-outline-offset: calc( -3 * var(--border-width-lg));
  --item-focus-outline-color: var(--box-emphasis-color, var(--box-color));
}

.pp-gridlisting-wall {
  margin-left: var(--container-padding);
  margin-right: var(--container-padding);
  max-width: var(--container-size);
  --show-rows-round: up;
}
.pp-gridlisting-wall .pp-listing-wrap {
  --px: 0px;
}
.pp-gridlisting-wall:has(.pp-listing-more-trigger, .pp-spinner, [data-pp-listing-more]) {
  --show-rows-round: down;
}
.pp-gridlisting-wall .pp-listing {
  --grid-cols:
  	var(--is-wrap-xs, 1)
  	var(--is-wrap-sm, 2)
  	var(--is-wrap-md, 3)
  	var(--is-wrap-lg, 4)
  	var(--is-wrap-xl, 5);
  --max-col-span: 4;
  --max-row-span: 1;
  --col-span: min( var(--max-col-span), calc( var(--grid-cols,1) - 1 ) );
  --row-span: min( var(--max-row-span), calc( var(--grid-cols,1) - 1 ) );
  --cells: calc( var(--count-children) + var(--col-span) * var(--row-span) - 1 );
  --show-rows: max(1, round( var(--show-rows-round), calc( var(--cells) / var(--grid-cols,1) ), 1 ));
  display: grid;
  grid-template-columns: var(--is-wrap-xs, 1fr) var(--is-wrap-sm, repeat(var(--grid-cols, 1), 1fr)) var(--is-wrap-md, repeat(var(--grid-cols, 1), 1fr)) var(--is-wrap-lg, repeat(var(--grid-cols, 1), 1fr)) var(--is-wrap-xl, repeat(var(--grid-cols, 1), 1fr));
  gap: 0 var(--gxi);
  grid-template-rows: repeat(var(--show-rows), auto);
  grid-auto-rows: var(--is-wrap-xs, auto) var(--is-wrap-sm, 0px) var(--is-wrap-md, 0px) var(--is-wrap-lg, 0px) var(--is-wrap-xl, 0px);
  overflow: hidden;
}
.pp-gridlisting-wall .pp-listing .pp-item-wrap {
  --item-focus-outline-offset: calc( -3 * var(--border-width-lg));
  --item-focus-outline-color: var(--box-emphasis-color);
}
.pp-gridlisting-wall .pp-listing .pp-item {
  margin-bottom: var(--gyi);
}
.pp-gridlisting-wall .pp-listing .pp-item:first-child .pp-entry-thumbnail img {
  width: 100%;
}
.pp-gridlisting-wall .pp-listing .pp-listing-item {
  min-width: auto;
}
.pp-gridlisting-wall .pp-listing:has([data-pp-listing-more], .pp-spinner, data.pp-listing-more-trigger) {
  grid-auto-rows: 0;
  padding-bottom: calc(var(--gyi) * 2.5);
}
.pp-gridlisting-wall .pp-listing .pp-listing-more-trigger,
.pp-gridlisting-wall .pp-listing .pp-spinner,
.pp-gridlisting-wall .pp-listing > [data-pp-listing-more] {
  grid-column: 1/-1;
  margin: 0 auto;
}
.pp-gridlisting-wall:not(.pp-items-tile) .pp-listing-item .pp-item-wrap {
  aspect-ratio: auto;
}
.pp-gridlisting-wall .pp-listing-item {
  overflow: hidden;
}
.pp-gridlisting-wall .pp-listing-item:first-child {
  grid-column: var(--is-wrap-xs) var(--is-wrap-sm, span min(var(--grid-cols), 2)) var(--is-wrap-md, span min(var(--grid-cols), 2)) var(--is-wrap-lg, span var(--col-span)) var(--is-wrap-xl, span var(--col-span));
  grid-row: span var(--row-span);
  max-width: none;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item-wrap {
  height: 100%;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:first-child .pp-item-wrap {
  --is-stripe:
  	var(--is-wrap-xs, )
  	var(--is-wrap-sm, initial)
  	var(--is-wrap-md, initial)
  	var(--is-wrap-lg, initial)
  	var(--is-wrap-xl, initial) ;
  --is-card:
  	var(--is-wrap-xs, initial)
  	var(--is-wrap-sm, )
  	var(--is-wrap-md, )
  	var(--is-wrap-lg, )
  	var(--is-wrap-xl, ) ;
  --is-top-tags: initial;
  --is-flow-tags: ;
  --gridratio-a: var(--infobox-md-columns);
  --auto-rows-xs: auto;
  --auto-rows-lg: 0;
  --rows-xs: auto;
  --rows-lg: auto;
  grid-template-rows: var(--is-wrap-xs, var(--rows-xs)) var(--is-wrap-sm, var(--rows-xs)) var(--is-wrap-md, var(--rows-lg)) var(--is-wrap-lg, var(--rows-lg)) var(--is-wrap-xl, var(--rows-lg));
  grid-auto-rows: var(--is-wrap-xs, var(--auto-rows-xs)) var(--is-wrap-sm, var(--auto-rows-xs)) var(--is-wrap-md, var(--auto-rows-lg)) var(--is-wrap-lg, var(--auto-rows-lg)) var(--is-wrap-xl, var(--auto-rows-lg));
  grid-template-columns: var(--is-wrap-xs, 1fr) var(--is-wrap-sm, var(--gridratio)) var(--is-wrap-md, var(--gridratio)) var(--is-wrap-lg, var(--gridratio)) var(--is-wrap-xl, var(--gridratio));
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:first-child .pp-item-wrap > .media {
  grid-row: 1;
  grid-column: 1;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:first-child .pp-item-wrap > .elements {
  align-self: var(--is-wrap-xs, end) var(--is-wrap-sm, center) var(--is-wrap-md, center) var(--is-wrap-lg, center) var(--is-wrap-xl, center);
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:first-child .pp-item-wrap > .tags {
  align-self: start;
  grid-row: 1;
  grid-column: 1;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:first-child .pp-item-wrap .pp-entry-thumbnail {
  height: 100%;
  /*
  aspect-ratio:
  	var(--is-wrap-xs, var(--mediaratio))
  	var(--is-wrap-sm, auto)
  	var(--is-wrap-md, auto)
  	var(--is-wrap-lg, auto)
  	var(--is-wrap-xl, auto)

  	;
  min-height:
  	var(--is-wrap-xs, none)
  	var(--is-wrap-sm, calc( var(--mediaratio) * 50cqw))
  	var(--is-wrap-md, calc( var(--mediaratio) * 50cqw))
  	var(--is-wrap-lg, calc( var(--mediaratio) * 50cqw))
  	var(--is-wrap-xl, calc( var(--mediaratio) * 50cqw))
  	;
  /*/
  max-width: 100%;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:first-child .pp-item-wrap .pp-entry-title {
  --element-font-size:
  	var(--is-wrap-xs, var(--element-font-size-b))
  	var(--is-wrap-sm, var(--element-font-size-a))
  	var(--is-wrap-md, var(--element-font-size-a))
  	var(--is-wrap-lg, var(--element-font-size-a))
  	var(--is-wrap-xl, var(--element-font-size-a)) ;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) {
  --item-max: none;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap {
  --is-below: initial;
  --is-above: ;
  --mediaratio:
  	var(--is-wrap-xs, 1/1)
  	var(--is-wrap-sm, var(--mediaratio-b))
  	var(--is-wrap-md, var(--mediaratio-b))
  	var(--is-wrap-lg, var(--mediaratio-b))
  	var(--is-wrap-xl, var(--mediaratio-b)) ;
  --gridratio: var(--infobox-xs-columns);
  --elements-px:
  	var(--is-wrap-xs, var(--spacer-fix-md))
  	var(--is-wrap-sm, var(--elements-px-b))
  	var(--is-wrap-md, var(--elements-px-b))
  	var(--is-wrap-lg, var(--elements-px-b))
  	var(--is-wrap-xl, var(--elements-px-b)) ;
  --elements-py:
  	var(--is-wrap-xs, var(--spacer-fix-sm))
  	var(--is-wrap-sm, var(--elements-py-b))
  	var(--is-wrap-md, var(--elements-py-b))
  	var(--is-wrap-lg, var(--elements-py-b))
  	var(--is-wrap-xl, var(--elements-py-b)) ;
  align-self: var(--is-wrap-xs, start) var(--is-wrap-sm, start);
  grid-template-columns: var(--is-wrap-xs, var(--gridratio)) var(--is-wrap-sm, 1fr) var(--is-wrap-md, 1fr) var(--is-wrap-lg, 1fr) var(--is-wrap-xl, 1fr);
  grid-template-rows: var(--is-wrap-xs, auto) var(--is-wrap-sm, min-content) var(--is-wrap-md, min-content) var(--is-wrap-lg, min-content) var(--is-wrap-xl, min-content);
  grid-auto-rows: var(--is-wrap-xs, 1fr) var(--is-wrap-sm, auto) var(--is-wrap-md, auto) var(--is-wrap-lg, auto) var(--is-wrap-xl, auto);
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap > .media {
  --span: 1;
  grid-row: var(--is-wrap-xs, 1/span var(--span)) var(--is-wrap-sm, 1) var(--is-wrap-md, 1) var(--is-wrap-lg, 1) var(--is-wrap-xl, 1);
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap > .media:has(~ .tags) {
  --span: 2;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap > .elements {
  grid-column: var(--is-wrap-xs, 2) var(--is-wrap-sm, 1) var(--is-wrap-md, 1) var(--is-wrap-lg, 1) var(--is-wrap-xl, 1);
  align-self: var(--is-wrap-xs, end) var(--is-wrap-sm, start) var(--is-wrap-md, start) var(--is-wrap-lg, start) var(--is-wrap-xl, start);
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap > .elements:has(+ .tags) {
  padding-bottom: var(--is-wrap-xs, 0px) var(--is-wrap-sm, var(--elements-py)) var(--is-wrap-md, var(--elements-py)) var(--is-wrap-lg, var(--elements-py)) var(--is-wrap-xl, var(--elements-py));
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap > .elements + .tags {
  padding-top: var(--is-wrap-xs, 0px) var(--is-wrap-sm, var(--tags-py)) var(--is-wrap-md, var(--tags-py)) var(--is-wrap-lg, var(--tags-py)) var(--is-wrap-xl, var(--tags-py));
  padding-bottom: var(--is-wrap-xs, var(--elements-py)) var(--is-wrap-sm, var(--tags-py)) var(--is-wrap-md, var(--tags-py)) var(--is-wrap-lg, var(--tags-py)) var(--is-wrap-xl, var(--tags-py));
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap > .tags {
  grid-column: var(--is-wrap-xs, 2) var(--is-wrap-sm, 1) var(--is-wrap-md, 1) var(--is-wrap-lg, 1) var(--is-wrap-xl, 1);
  grid-row: var(--is-wrap-xs, initial) var(--is-wrap-sm, 1) var(--is-wrap-md, 1) var(--is-wrap-lg, 1) var(--is-wrap-xl, 1);
  --tags-px:
  	var(--is-wrap-xs, var(--elements-px))
  	var(--is-wrap-sm, var(--tags-px-a))
  	var(--is-wrap-md, var(--tags-px-a))
  	var(--is-wrap-lg, var(--tags-px-a))
  	var(--is-wrap-xl, var(--tags-px-a));
  --tags-py:
  	var(--is-wrap-xs, var(--elements-py))
  	var(--is-wrap-sm, var(--tags-py-a))
  	var(--is-wrap-md, var(--tags-py-a))
  	var(--is-wrap-lg, var(--tags-py-a))
  	var(--is-wrap-xl, var(--tags-py-a));
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap .tags {
  align-self: start;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap .pp-entry-date {
  --element-font-size-b:
  	var(--is-wrap-xs, var(--fontsize-h6-smaller-b))
  	var(--is-wrap-sm, )
  	var(--is-wrap-md, )
  	var(--is-wrap-lg, )
  	var(--is-wrap-xl, ) ;
  margin-bottom: var(--is-wrap-xs, var(--spacer-fix-sm)) var(--is-wrap-sm, var(--mb)) var(--is-wrap-md, var(--mb)) var(--is-wrap-lg, var(--mb)) var(--is-wrap-xl, var(--mb));
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap .pp-entry-title {
  --clamp:
  	var(--is-wrap-xs, 2)
  	var(--is-wrap-sm, inherit)
  	var(--is-wrap-md, inherit)
  	var(--is-wrap-lg, inherit)
  	var(--is-wrap-xl, inherit)
  	!important;
}
.pp-gridlisting-wall.pp-items-responsive:not(.pp-items-tile) .pp-item:not(:first-child) .pp-item-wrap .pp-entry-excerpt {
  display: var(--is-wrap-xs, none) var(--is-wrap-sm, var(--display, block)) var(--is-wrap-md, var(--display, block)) var(--is-wrap-lg, var(--display, block)) var(--is-wrap-xl, var(--display, block));
}
.pp-gridlisting-wall.pp-items-tile .pp-listing {
  --max-col-span: 3;
  --max-row-span: 3;
}
.pp-gridlisting-wall.pp-items-tile .pp-item:first-child {
  height: 100%;
}
.pp-gridlisting-wall.pp-items-tile .pp-item:first-child .pp-item-wrap {
  height: calc(100% - var(--gyi));
  max-width: 100%;
}

[class*=pp-gridlisting-] .pp-item {
  border-width: 0px;
  background-color: transparent;
  border-radius: 0;
}
[class*=pp-gridlisting-] .pp-item-wrap {
  border-width: var(--box-border-width);
  border-style: var(--box-border-style);
  border-color: var(--box-border-color);
  border-radius: var(--box-border-radius);
  background-color: var(--box-background-color);
  overflow: hidden;
}
[class*=pp-gridlisting-] .pp-entry-thumbnail {
  border-style: none;
}

.section-spacer hr {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.text-container {
  --horizontal-grid-gap: var(--general-grid-gap);
  --vertical-grid-gap: var(--general-grid-gap);
  --grid-columns: 1fr;
  display: grid;
  grid-gap: var(--vertical-grid-gap) var(--horizontal-grid-gap);
}
.text-container.has-infobox-left {
  --grid-areas: var(--section-text-grid-infobox-left);
}
@media (min-width: 768px) {
  .text-container.has-infobox-left {
    --grid-columns: var(--infobox-columns);
  }
}
.text-container.has-infobox-right {
  --grid-areas: var(--section-text-grid-infobox-right);
}
@media (min-width: 768px) {
  .text-container.has-infobox-right {
    --grid-columns: var(--infobox-columns-reverse);
  }
}
.text-container:not(.has-infobox) {
  grid-template-areas: var(--section-text-grid);
}
.text-container.has-infobox {
  grid-template-rows: auto 1fr;
  grid-template-areas: var(--grid-areas);
  grid-template-columns: var(--grid-columns);
}
.text-container.infobox-size-sm {
  --infobox-columns:var(--infobox-sm-columns);
  --infobox-columns-reverse:var(--infobox-sm-columns-reverse);
}
.text-container.infobox-size-lg {
  --infobox-columns:var(--infobox-lg-columns);
  --infobox-columns-reverse:var(--infobox-lg-columns-reverse);
}
.text-container.infobox-size-md {
  --infobox-columns:var(--infobox-md-columns);
  --infobox-columns-reverse:var(--infobox-md-columns-reverse);
}
.text-container.infobox-size-xl {
  --infobox-columns:var(--infobox-xl-columns);
  --infobox-columns-reverse:var(--infobox-xl-columns-reverse);
}
.text-container .section-headline {
  grid-area: head;
}
.text-container .section-intro,
.text-container .text-content {
  grid-area: intro;
}
.text-container .text-content {
  margin-bottom: auto;
}
.text-container .text-infobox {
  grid-area: content;
  margin-bottom: auto;
  padding: var(--horizontal-grid-gap);
}
.text-container .text-infobox.infobox-type-text {
  -webkit-hyphens: auto;
          hyphens: auto;
}

[data-grid=-h-c-] {
  --grid-areas-a: "h" "c";
  --grid-columns-a: 1fr;
}

[data-grid=-mc-] {
  --grid-areas-a: "m c";
  --grid-rows: 1fr;
}

[data-grid=-cm-] {
  --grid-areas-a: "c m";
  --grid-rows: 1fr;
}

[data-grid=-a-hc-],
[data-grid=-hc-] {
  --grid-areas-a: "h c";
  --grid-rows: 1fr;
}

[data-grid=-a-ch-],
[data-grid=-ch-] {
  --grid-areas-a: "c h";
  --grid-rows: 1fr;
}

[data-grid=-cc-] {
  --grid-areas-a: "c c";
  --grid-rows: 1fr;
}

[data-grid=-mm-] {
  --grid-areas-a: "m m";
  --grid-rows: 1fr;
}

[data-grid=-a-] {
  --grid-areas-a: "a";
  --grid-rows: 1fr;
}

[data-grid=-_h-mc-] {
  --grid-areas-a:
  	". h"
  	"m c";
}

[data-grid=-h_-cm-] {
  --grid-areas-a:
  	"h ."
  	"c m";
}

[data-grid=-mh-mc-] {
  --grid-areas-a:
  	"m h"
  	"m c";
}

[data-grid=-hm-cm-] {
  --grid-areas-a:
  	"h m"
  	"c m";
}

[data-grid=-hh-mc-] {
  --grid-areas-a:
  	"h h"
  	"m c";
}

[data-grid=-hh-cm-] {
  --grid-areas-a:
  	"h h"
  	"c m";
}

[data-grid=-_h-_c-mm-] {
  --grid-areas-a:
  	". h"
  	". c"
  	"m m";
}

[data-grid=-h_-c_-mm-] {
  --grid-areas-a:
  	"h ."
  	"c ."
  	"m m";
}

[data-grid=-hh-cc-mm-] {
  --grid-areas-a:
  	"h h"
  	"c c"
  	"m m";
}

[data-grid=-cc-mm-] {
  --grid-areas-a:
  	"c c"
  	"m m";
  --grid-areas-b: "h" "m";
}

[data-grid=-_h-mm-] {
  --grid-areas-a:
  	". h"
  	"m m";
  --grid-areas-b: "h" "m";
}

[data-grid=-h_-mm-] {
  --grid-areas-a:
  	"h ."
  	"m m";
  --grid-areas-b: "h" "m";
}

[data-grid=-hh-mm-] {
  --grid-areas-a:
  	"h h"
  	"m m";
  --grid-areas-b: "h" "m";
}

[data-grid=-hc-mm-] {
  --grid-areas-a:
  	"h c"
  	"m m";
}

[data-grid=-ch-mm-] {
  --grid-areas-a:
  	"c h"
  	"m m";
}

:where(.pp-gridratio-xs) {
  --grid-columns-a: var(--infobox-xs-columns);
}

:where(.pp-gridratio-sm) {
  --grid-columns-a: var(--infobox-sm-columns);
}

:where(.pp-gridratio-md) {
  --grid-columns-a: var(--infobox-md-columns);
}

:where(.pp-gridratio-lg) {
  --grid-columns-a: var(--infobox-lg-columns);
}

:where(.pp-gridratio-xl) {
  --grid-columns-a: var(--infobox-xl-columns);
}

.pp-grid {
  --container-space: max(calc(0.5 * (var(--wrapper-width) - var(--container-size))),0px);
  --gap-x: var(--gx, var(--general-grid-gap));
  --gap-y: var(--gy, var(--general-grid-gap));
}
:where(.pp-grid.pp-spread-seamless) {
  --outer-padding: max(
  	var(--container-space),
  	var(--pxi, var(--pti, 0px))
  );
}
:where(.pp-grid.pp-spread-wide) {
  --outer-padding: max(
  	calc( var(--container-space) - var(--wrapper-margin)),
  	var(--pxi, var(--pti, 0px))
  );
  margin-left: var(--wrapper-margin);
  margin-right: var(--wrapper-margin);
}
:where(.pp-grid.pp-spread-narrow) {
  --outer-padding: var(--pxi, var(--pti, 0px));
  margin-left: max(var(--container-space), var(--wrapper-margin));
  margin-right: max(var(--container-space), var(--wrapper-margin));
}
:where(.pp-grid.pp-colormode-seperate) {
  --inner-padding: var(--pbi, 0px);
}

.pp-grid {
  --grid-columns-b: 1fr;
  display: grid;
  grid-template-areas: var(--is-above, var(--grid-areas-a)) var(--is-below, var(--grid-areas-b));
  grid-template-columns: var(--is-above, var(--grid-columns-a)) var(--is-below, var(--grid-columns-b));
  grid-template-rows: var(--grid-rows, min-content 1fr);
  grid-auto-rows: auto;
}
@media (max-width: 576px) {
  .pp-grid {
    --grid-columns: 1fr;
  }
}
.pp-grid .headline {
  grid-area: h;
}
.pp-grid .content {
  grid-area: c;
}
.pp-grid .media {
  grid-area: m;
  overflow: hidden;
}
.pp-grid[data-grid=-a-] {
  --grid-areas-b: "a";
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.pp-grid[data-grid=-a-] .headline {
  grid-area: a;
}
.pp-grid[data-grid=-a-] .content {
  grid-area: a;
}
.pp-grid[data-grid=-a-] .media {
  grid-area: a;
}
.pp-grid[data-grid=-a-hc-] .media, .pp-grid[data-grid=-a-ch-] .media {
  grid-row: 1/span 2;
}
.pp-grid[data-grid*=-m]:not([data-grid*=-mm-]) .media, .pp-grid[data-grid*=m-]:not([data-grid*=-mm-]) .media {
  margin-bottom: auto;
}
.pp-grid .headline ~ .content {
  margin-bottom: auto;
}
.pp-grid:where(summary, :not([data-grid=-a-])) {
  /* TODO:
  	chm
  	cmh
  	mch
  	ch
  	cm
  */
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.media + .headline + .content) {
  --grid-areas-b:
  	"m"
  	"h"
  	"c";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.headline + .media + .content) {
  --grid-areas-b:
  	"h"
  	"m"
  	"c";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.headline + .content + .media) {
  --grid-areas-b:
  	"h"
  	"c"
  	"m";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.headline:first-child + .content:last-child) {
  --grid-areas-b:
  	"h"
  	"c";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.media:first-child + .content:last-child) {
  --grid-areas-b:
  	"m"
  	"c";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.content:first-child:last-child) {
  --grid-areas-b:
  	"c";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.content:first-child + .media:last-child) {
  --grid-areas-b:
  	"c"
  	"m";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.media:first-child + .headline:last-child) {
  --grid-areas-b:
  	"m"
  	"h";
}
.pp-grid:where(summary, :not([data-grid=-a-])):has(.headline:first-child + .media:last-child) {
  --grid-areas-b:
  	"h"
  	"m";
}
.pp-grid.pp-colormode-full:not(summary) {
  column-gap: var(--gap-x);
  row-gap: var(--gap-y);
  padding-top: var(--pti);
  padding-bottom: var(--pbi);
}
.pp-grid.pp-colormode-full:not(summary):not([data-grid*=-a-], summary) {
  padding-left: var(--outer-padding, var(--pxi));
  padding-right: var(--outer-padding, var(--pxi));
}
.pp-grid.pp-colormode-full:not(summary)[data-grid=-a-] .headline,
.pp-grid.pp-colormode-full:not(summary)[data-grid=-a-] .content {
  padding-left: var(--outer-padding);
  padding-right: var(--outer-padding);
}
.pp-grid.pp-colormode-full:not(summary)[data-grid=-a-hc-] .headline {
  padding-left: var(--outer-padding);
}
.pp-grid.pp-colormode-full:not(summary)[data-grid=-a-hc-] .content {
  padding-right: var(--outer-padding);
}
.pp-grid.pp-colormode-full:not(summary)[data-grid=-a-ch-] .headline {
  padding-right: var(--outer-padding);
}
.pp-grid.pp-colormode-full:not(summary)[data-grid=-a-ch-] .content {
  padding-left: var(--outer-padding);
}
.pp-grid.pp-colormode-full:not(summary) .media [class*=pp-box] {
  --box-border-style: none;
}
.pp-grid:not(.pp-colormode-seperate) {
  --overlap: 0px;
}
.pp-grid.pp-colormode-seperate {
  row-gap: 0;
}
.pp-grid.pp-colormode-seperate .content {
  padding-left: var(--inner-padding);
  padding-right: var(--inner-padding);
}
.pp-grid.pp-colormode-seperate .headline {
  padding-left: var(--inner-padding);
  padding-right: var(--inner-padding);
  align-self: end;
}
.pp-grid.pp-colormode-seperate .media {
  padding-left: 0;
  padding-right: 0;
}
.pp-grid.pp-colormode-seperate[data-grid*=-c] .content {
  padding-left: var(--outer-padding);
}
.pp-grid.pp-colormode-seperate[data-grid*=-h] .headline {
  padding-left: var(--outer-padding);
}
.pp-grid.pp-colormode-seperate[data-grid*=c-] .content {
  padding-right: var(--outer-padding);
}
.pp-grid.pp-colormode-seperate[data-grid*=h-] .headline {
  padding-right: var(--outer-padding);
}
.pp-grid.pp-colormode-seperate .media {
  padding-left: 0;
  padding-right: 0;
}
.pp-grid.pp-colormode-seperate:not([data-grid*=-ch-], [data-grid*=-hc-]) .headline + .content {
  margin-top: -0.49px;
}
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .headline:has(~ .content), .pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .headline:has(~ .content) {
  border-bottom-style: none;
}
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .headline ~ .content, .pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .headline ~ .content {
  border-top-style: none;
}
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .headline,
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] :not(.headline) + .content,
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .content:first-child, .pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .headline,
.pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] :not(.headline) + .content,
.pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .content:first-child {
  padding-top: var(--pti);
}
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .content,
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .headline:last-child,
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .headline:has(+ .media:last-child), .pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .content,
.pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .headline:last-child,
.pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .headline:has(+ .media:last-child) {
  padding-bottom: var(--pbi);
}
.pp-grid.pp-colormode-seperate[data-grid*=-c][data-grid*=-h] .headline:has(+ .content), .pp-grid.pp-colormode-seperate[data-grid*=c-][data-grid*=h-] .headline:has(+ .content) {
  padding-bottom: var(--gyi, var(--spacer-md));
}
.pp-grid.pp-colormode-seperate[data-grid=-mc-] .headline,
.pp-grid.pp-colormode-seperate[data-grid=-mc-] .content, .pp-grid.pp-colormode-seperate[data-grid=-cm-] .headline,
.pp-grid.pp-colormode-seperate[data-grid=-cm-] .content, .pp-grid.pp-colormode-seperate[data-grid=-hc-] .headline,
.pp-grid.pp-colormode-seperate[data-grid=-hc-] .content, .pp-grid.pp-colormode-seperate[data-grid=-ch-] .headline,
.pp-grid.pp-colormode-seperate[data-grid=-ch-] .content {
  padding-top: var(--pti);
  padding-bottom: var(--pbi);
}
.pp-grid.pp-colormode-seperate[data-grid*=-hm-] .headline,
.pp-grid.pp-colormode-seperate[data-grid*=-hm-] .content, .pp-grid.pp-colormode-seperate[data-grid*=-cm-] .headline,
.pp-grid.pp-colormode-seperate[data-grid*=-cm-] .content {
  margin-right: var(--is-below, 0px) var(--is-above, calc(-0.5 * var(--overlap, 0px)));
}
.pp-grid.pp-colormode-seperate[data-grid*=-hm-] .media, .pp-grid.pp-colormode-seperate[data-grid*=-cm-] .media {
  margin-left: var(--is-below, 0px) var(--is-above, calc(-0.5 * var(--overlap, 0px)));
}
.pp-grid.pp-colormode-seperate[data-grid*=-mh-] .headline,
.pp-grid.pp-colormode-seperate[data-grid*=-mh-] .content, .pp-grid.pp-colormode-seperate[data-grid*=-mc-] .headline,
.pp-grid.pp-colormode-seperate[data-grid*=-mc-] .content {
  margin-left: var(--is-below, 0px) var(--is-above, calc(-0.5 * var(--overlap, 0px)));
}
.pp-grid.pp-colormode-seperate[data-grid*=-mh-] .media, .pp-grid.pp-colormode-seperate[data-grid*=-mc-] .media {
  margin-right: var(--is-below, 0px) var(--is-above, calc(-0.5 * var(--overlap, 0px)));
}
.pp-grid.pp-colormode-seperate[data-grid=-mc-] .media, .pp-grid.pp-colormode-seperate[data-grid=-cm-] .media {
  padding-top: var(--pti);
  padding-bottom: var(--pbi);
}
.pp-grid.pp-colormode-seperate[data-grid=-mc-] .media,
.pp-grid.pp-colormode-seperate[data-grid=-mc-] .content, .pp-grid.pp-colormode-seperate[data-grid=-cm-] .media,
.pp-grid.pp-colormode-seperate[data-grid=-cm-] .content {
  margin-bottom: auto;
}
.pp-grid.pp-colormode-seperate[data-grid=-mc-] .media {
  padding-right: var(--inner-padding);
  padding-left: var(--outer-padding);
}
.pp-grid.pp-colormode-seperate[data-grid=-cm-] .media {
  padding-left: var(--inner-padding);
  padding-right: var(--outer-padding);
}
.pp-grid.pp-colormode-seperate.pp-gridorder-hcm .media, .pp-grid.pp-colormode-seperate.pp-gridorder-chm .media, .pp-grid.pp-colormode-seperate.pp-gridorder-hm .media, .pp-grid.pp-colormode-seperate.pp-gridorder-cm .media {
  margin-top: var(--is-below, var(--gap-y));
}
.pp-grid.pp-colormode-seperate.pp-gridorder-mhc .media, .pp-grid.pp-colormode-seperate.pp-gridorder-mch .media, .pp-grid.pp-colormode-seperate.pp-gridorder-mh .media, .pp-grid.pp-colormode-seperate.pp-gridorder-mc .media {
  margin-bottom: var(--is-below, var(--gap-y)) var(--is-above, auto);
}
.pp-grid.pp-colormode-seperate .media {
  margin-bottom: var(--is-below, var(--gap-y)) var(--is-above, auto);
}
.pp-grid.pp-shift > :last-child {
  margin-top: var(--is-below, 0px) var(--is-above, var(--shift));
}

.pp-textmedia {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
.pp-textmedia details summary {
  --is-above: initial;
  --is-below: ;
  --grid-columns-a: auto max-content;
  --grid-columns-b: auto max-content;
  align-items: center;
  text-align: left;
  grid-template-rows: auto;
  padding: var(--element-padding-y) var(--element-padding-y) var(--element-padding-y) var(--outer-padding);
}
.pp-textmedia details summary .pp-fontawesome {
  --btn-icon-size: 1.2em;
  transition: var(--transition-transform);
}
.pp-textmedia details summary::-webkit-details-marker {
  display: none;
}
.pp-textmedia details:not([open]) summary {
  margin-bottom: var(--element-padding-y);
}
.pp-textmedia details:not([open]) summary .pp-fontawesome {
  transform: rotate(0deg);
}
.pp-textmedia details[open] summary .pp-fontawesome {
  transform: rotate(-180deg);
}
.pp-textmedia .headline {
  margin-bottom: auto;
}
.pp-textmedia .headline:has(~ .content) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.pp-textmedia .headline ~ .content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pp-textmedia .media {
  display: flex;
}
.pp-textmedia .media figure {
  width: 100%;
}
.pp-textmedia .media > * {
  align-content: center;
}
.pp-textmedia .media img {
  width: 100%;
  display: block;
}
.pp-textmedia .media.media-type-icon .pp-fontawesome {
  font-size: 100px;
  margin: auto;
}
.pp-textmedia .media-type-cf7 {
  overflow: visible;
}
.pp-textmedia .content h1, .pp-textmedia .content h2, .pp-textmedia .content h3, .pp-textmedia .content h4, .pp-textmedia .content h5, .pp-textmedia .content h6 {
  color: var(--box-emphasis-color);
}
.pp-textmedia[data-grid=-mc-] .media, .pp-textmedia[data-grid=-cm-] .media {
  align-content: center;
}
.pp-textmedia[data-grid=-mc-] .content, .pp-textmedia[data-grid=-cm-] .content {
  align-content: center;
}
.pp-textmedia .pp-colormode-seperate[data-grid=-mc-] .content {
  align-content: center;
}
.pp-textmedia.pp-spread-wide,
.pp-textmedia .pp-spread-wide {
  max-width: none;
}
.pp-textmedia .cta {
  padding-top: var(--general-grid-gap);
}
.pp-textmedia .cta a:not(.pp-btn):not(.wpcf7-submit) {
  --box-link-decoration-color: var(--box-link-color);
  --box-link-hover-decoration-color: var(--box-link-color);
  --box-link-focus-decoration-color: var(--box-link-color);
}
.pp-textmedia .cta a:not(.pp-btn):not(.wpcf7-submit):focus, .pp-textmedia .cta a:not(.pp-btn):not(.wpcf7-submit):focus-visible {
  outline: 2px solid var(--box-link-color);
  outline-offset: 3px;
}
.pp-textmedia .cta a:not(.pp-btn):not(.wpcf7-submit) > svg {
  margin-right: 0.5em;
}

.section-teaser {
  clear: both;
}
.section-teaser .section-container.icon-left .section-headline {
  display: grid;
  grid-template-columns: min-content auto;
  grid-column-gap: 0.5rem;
}

.pp-teaser-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: 15px;
  margin-right: 15px;
}

.pp-teaser {
  flex: 1 1 33%;
  min-width: 320px;
  max-width: 393.3333333333px;
  padding: 15px;
}

.site-footer {
  margin-left: calc(var(--footer-has-margin) * var(--container-min-padding));
  margin-right: calc(var(--footer-has-margin) * var(--container-min-padding));
}

.footer-widgets-container {
  flex-wrap: wrap;
}
.footer-widgets-container > * {
  flex: 1 0 auto;
}

.footer-widgets-columns-1 > * {
  flex-basis: 100%;
}

.footer-widgets-columns-2 > * {
  flex-basis: 50%;
}

.footer-widgets-columns-3 > * {
  flex-basis: 33.3333333333%;
}

.footer-widgets-columns-4 > * {
  flex-basis: 25%;
}

.footer-widgets-columns-5 > * {
  flex-basis: 20%;
}

.footer-widgets-columns-6 > * {
  flex-basis: 16.6666666667%;
}

.footer-widgets-columns-7 > * {
  flex-basis: 14.2857142857%;
}

.footer-widgets-columns-8 > * {
  flex-basis: 12.5%;
}

.footer-info-wrapper,
.footer-menu-wrapper,
.footer-copyright-wrapper {
  border-left-style: none !important;
  border-right-style: none !important;
  border-bottom-style: none !important;
}

.footer-info-wrapper {
  padding-top: var(--footer-info-top-padding);
  padding-bottom: var(--footer-info-bottom-padding);
}
.footer-menu-wrapper {
  padding-top: var(--footer-menu-top-padding);
  padding-bottom: var(--footer-menu-bottom-padding);
}

.footer-menu {
  margin: 0;
}

.footer-copyright-wrapper {
  padding-top: var(--footer-copyright-top-padding);
  padding-bottom: var(--footer-copyright-bottom-padding);
}

.footer-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  flex-flow: column;
  -webkit-hyphens: auto;
          hyphens: auto;
  grid-gap: var(--general-grid-gap);
}
@media (min-width: 768px) {
  .footer-info {
    flex-direction: row;
  }
}
.footer-info > * {
  flex: 1 0 0;
  max-width: 100%;
}
.footer-info .footer-info-title {
  margin-bottom: var(--spacer-sm);
}
.footer-info .footer-info-imagetext > * {
  flex: 1 0 0;
  max-width: 100%;
}
.footer-info .info-menu {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}

.footer-copyright p {
  margin: 0;
}

.nav-links {
  display: flex;
  padding: var(--spacer-lg) 0;
  max-width: var(--container-size);
  margin: auto;
}
.nav-links > a,
.nav-links > span {
  --btn-box-shadow: inset 0 0 0 calc(var(--btn-border-width) * var(--btn-has-border)) var(--btn-border-color, rgba(0 0 0 / 0));
  -webkit-appearance: none;
          appearance: none;
  border-style: none;
  background: transparent;
  transition: --btn-border-width 0.3s ease-in-out, var(--transition-fast-p), var(--transition-fast-background), var(--transition-fast-color), var(--transition-fast-border-radius), var(--transition-fast-border-color), var(--transition-fast-border-width);
  vertical-align: middle;
  display: inline-flex;
  flex-direction: var(--btn-flex-direction);
  align-items: center;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  background-image: var(--btn-background-image, none);
  --gradient-anchor: var(--btn-gradient-anchor);
  --gradient-colors: var(--btn-gradient-colors, transparent);
  --linear-gradient: linear-gradient( to var(--gradient-anchor), var(--gradient-colors));
  --radial-gradient: radial-gradient( at var(--gradient-anchor), var(--gradient-colors));
  --conic-gradient: conic-gradient( at var(--gradient-anchor), var(--gradient-colors));
  border-radius: var(--btn-border-radius);
  border-width: 0px;
  text-align: center;
  padding: var(--element-padding-y) var(--element-padding-x);
  box-shadow: var(--btn-box-shadow);
}
.nav-links > a svg path,
.nav-links > span svg path {
  fill: var(--btn-icon-color, var(--btn-color));
  transition: var(--transition-fast-all);
}
.pp-alignment-left .nav-links > a:not(:last-child), .pp-alignment-center .nav-links > a:not(:last-child), .pp-alignment-right .nav-links > a:not(:last-child),
.pp-alignment-left .nav-links > span:not(:last-child),
.pp-alignment-center .nav-links > span:not(:last-child),
.pp-alignment-right .nav-links > span:not(:last-child) {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pp-alignment-left .nav-links > a:not(:first-child), .pp-alignment-center .nav-links > a:not(:first-child), .pp-alignment-right .nav-links > a:not(:first-child),
.pp-alignment-left .nav-links > span:not(:first-child),
.pp-alignment-center .nav-links > span:not(:first-child),
.pp-alignment-right .nav-links > span:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nav-links > span.current {
  color: var(--btn-active-color);
  background-color: var(--btn-active-background-color);
  border-color: var(--btn-active-border-color);
}
.nav-links > a {
  opacity: 1;
}
.nav-links > a:focus, .nav-links > a:focus-visible {
  outline: none;
}
.nav-links > a:focus i, .nav-links > a:focus svg, .nav-links > a:focus-visible i, .nav-links > a:focus-visible svg {
  outline: 2px solid var(--btn-color);
  outline-offset: 2px;
}
.nav-links > a svg {
  width: 1em;
}
.nav-links > a.prev svg {
  order: -1;
  margin-right: 0.5em;
}
.nav-links > a.next svg {
  margin-left: 0.5em;
}

/* end:sections */
/* begin:wp */
@media only screen and (min-width: 600.01px) {
  body.admin-bar .main-menu-container:not(.main-menu-head),
body.admin-bar .sticky:not(.main-menu-head),
body.admin-bar .sticky-top:not(.main-menu-head) {
    top: var(--wp-admin--admin-bar--height, 0px);
  }
}

.blocks-gallery-grid,
.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
  margin: 0 var(--spacer-sm) var(--spacer-sm) 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: calc(100% / var(--column-count) - var(--spacer-sm));
}
.blocks-gallery-grid .blocks-gallery-image:last-of-type,
.blocks-gallery-grid .blocks-gallery-item:last-of-type,
.wp-block-gallery .blocks-gallery-image:last-of-type,
.wp-block-gallery .blocks-gallery-item:last-of-type {
  margin-right: 0;
}
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blocks-gallery-grid .blocks-gallery-image .image-wrapper,
.blocks-gallery-grid .blocks-gallery-item .image-wrapper,
.wp-block-gallery .blocks-gallery-image .image-wrapper,
.wp-block-gallery .blocks-gallery-item .image-wrapper {
  flex: 1;
}
.caption-outside .blocks-gallery-grid .blocks-gallery-image figcaption,
.caption-outside .blocks-gallery-grid .blocks-gallery-item figcaption,
.caption-outside .wp-block-gallery .blocks-gallery-image figcaption,
.caption-outside .wp-block-gallery .blocks-gallery-item figcaption {
  flex: 0;
}
.caption-inside .blocks-gallery-grid .blocks-gallery-image figcaption,
.caption-inside .blocks-gallery-grid .blocks-gallery-item figcaption,
.caption-inside .wp-block-gallery .blocks-gallery-image figcaption,
.caption-inside .wp-block-gallery .blocks-gallery-item figcaption {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.blocks-gallery-grid.is-cropped figure:not(.fullscreen) img,
.wp-block-gallery.is-cropped figure:not(.fullscreen) img {
  object-fit: cover;
  height: 100%;
}
.blocks-gallery-grid.columns-1,
.wp-block-gallery.columns-1 {
  --column-count: 1;
}
.blocks-gallery-grid.columns-1:nth-of-type(1n),
.wp-block-gallery.columns-1:nth-of-type(1n) {
  margin-right: 0;
}
.blocks-gallery-grid.columns-2,
.wp-block-gallery.columns-2 {
  --column-count: 2;
}
.blocks-gallery-grid.columns-2:nth-of-type(2n),
.wp-block-gallery.columns-2:nth-of-type(2n) {
  margin-right: 0;
}
.blocks-gallery-grid.columns-3,
.wp-block-gallery.columns-3 {
  --column-count: 3;
}
.blocks-gallery-grid.columns-3:nth-of-type(3n),
.wp-block-gallery.columns-3:nth-of-type(3n) {
  margin-right: 0;
}
.blocks-gallery-grid.columns-4,
.wp-block-gallery.columns-4 {
  --column-count: 4;
}
.blocks-gallery-grid.columns-4:nth-of-type(4n),
.wp-block-gallery.columns-4:nth-of-type(4n) {
  margin-right: 0;
}
.blocks-gallery-grid.columns-5,
.wp-block-gallery.columns-5 {
  --column-count: 5;
}
.blocks-gallery-grid.columns-5:nth-of-type(5n),
.wp-block-gallery.columns-5:nth-of-type(5n) {
  margin-right: 0;
}
.blocks-gallery-grid.columns-6,
.wp-block-gallery.columns-6 {
  --column-count: 6;
}
.blocks-gallery-grid.columns-6:nth-of-type(6n),
.wp-block-gallery.columns-6:nth-of-type(6n) {
  margin-right: 0;
}
.blocks-gallery-grid.columns-7,
.wp-block-gallery.columns-7 {
  --column-count: 7;
}
.blocks-gallery-grid.columns-7:nth-of-type(7n),
.wp-block-gallery.columns-7:nth-of-type(7n) {
  margin-right: 0;
}
.blocks-gallery-grid.columns-8,
.wp-block-gallery.columns-8 {
  --column-count: 8;
}
.blocks-gallery-grid.columns-8:nth-of-type(8n),
.wp-block-gallery.columns-8:nth-of-type(8n) {
  margin-right: 0;
}

img.alignleft, img.aligncenter, img.alignright {
  display: block;
}
img.alignright {
  margin-left: auto;
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.mejs-container {
  width: 100% !important;
}
.mejs-container .mejs-time {
  padding: 0;
  align-self: center;
  font-family: sytem-ui;
  height: auto;
  --element-font-size: 11px;
  --element-line-height: 11px;
}

/* end:wp */
/* begin:bsb */
.pp-entry-thumbnail > .bsb-media-copyright-link {
  z-index: 1;
}

[class*=pp-ratio-] .bsb-media-copyright-link {
  margin: 0;
}

.pp-listing-vertical .pp-item-media > .bsb-media-copyright-link {
  min-height: auto;
}

.image-wrap + .bsb-media-copyright-link, .site-stage figure > .bsb-media-copyright-link {
  margin-top: calc(-1lh - 4px);
  margin-bottom: 4px;
  display: block;
  position: relative;
  float: right;
  scroll-margin-top: var(--header-height, 50px);
}

.image-wrap + .bsb-media-copyright-link {
  margin-right: 4px;
}

.site-stage figure > .bsb-media-copyright-link {
  margin-right: calc(var(--box-border-radius) + 4px);
}

.pp-box-caption-inside + .bsb-media-copyright-link {
  position: absolute;
  bottom: 0;
}

figure.fullscreen .bsb-media-copyright-link {
  display: none;
}

.bsb-media-copyright-wrapper {
  max-width: var(--container-xl);
  margin: var(--spacer-lg) auto;
}

.bsb-media-copyright-wrapper * {
  color: var(--box-color);
  font-size: var(--element-font-size);
}

.bsb-media-copyright-title {
  --element-font-size: 18px;
  margin-bottom: var(--spacer-lg);
}

.bsb-media-copyright-reference {
  --element-font-size: 14px;
  --element-line-height: 1.1;
  margin-bottom: var(--spacer-sm);
  scroll-margin-top: var(--header-height, 100px);
}

.pp-pages .pp-event .pp-icon-clock,
.pp-events .pp-event .pp-icon-clock {
  --element-line-height: 1;
}

.pp-pages *,
.pp-events * {
  font-size: inherit;
  line-height: inherit;
}

.pp-pages,
.pp-events [class*=pp-p] {
  --pt: initial;
  --pr: initial;
  --pb: initial;
  --pl: initial;
}

/* end:bsb */
/* begin:misc */
:root {
  --hamburg-color-red-rgb: 237 29 36;
  --hamburg-color-red: rgb(var(--hamburg-color-red-rgb));
  --hamburg-color-blue-med-rgb: 0 95 166;
  --hamburg-color-blue-med: rgb(var(--hamburg-color-blue-med-rgb));
  --hamburg-color-blue-rgb: 0 30 75;
  --hamburg-color-blue: rgb(var(--hamburg-color-blue-rgb));
}

.hamburg-castle {
  fill: var(--hamburg-color-red);
}

.hamburg-wave {
  fill: var(--hamburg-color-blue);
}

/* end:misc */