@charset "UTF-8";
/*!
Theme Name: Alrakis Child
Theme URI: https://bitbucket.org/polyplanet/alrakis-chld
Author: POLYPLANET
Author URI: https://polyplanet.de
Description: Starter Theme für Alrakis
Version: 0.0.16
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: alrakis-child
Template: bsb-alrakis
Domain Path: /languages/

Copyright 2025 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.
*/
.pp-carousel-indicators li {
  --size-min: 2px;
  outline: 1px solid var(--box-emphasis-color);
  background-color: rgba(0, 0, 0, 0);
  outline-offset: -1px;
  transition: outline 0.3s ease-out, outline-offset 0.3s ease-out, padding 0.3s ease-out, margin 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 1;
}
.pp-carousel-indicators li.is-contained {
  background-color: rgba(0, 0, 0, 0);
  outline: 1px solid var(--box-emphasis-color);
  outline-offset: 0px;
  opacity: 1;
}
.pp-carousel-indicators li[data-proximity]:not([data-proximity="0"], [data-proximity="1"], [data-proximity="2"], [data-proximity="3"]) {
  margin: 0;
  opacity: 0;
}
.pp-carousel-indicators li[data-proximity="3"] {
  margin: 0 5px;
}

.menu-toggle:focus .burger-animation > span, .menu-toggle:focus .burger-animation > span:first-child::before, .menu-toggle:focus .burger-animation > span:first-child::after, .menu-toggle:focus .burger-animation > span:last-child::before {
  box-shadow: 0 0 0 var(--border-width-lg) var(--color-grau-3);
  mix-blend-mode: hard-light;
}
.menu-toggle:has(> .burger-animation) {
  --btn-focus-outline-width: 0 !important;
  isolation: isolate;
}
.burger-animation > span:first-child, .burger-animation > span:last-child {
  position: relative;
}
.burger-animation > span:first-child::before, .burger-animation > span:first-child::after, .burger-animation > span:last-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: var(--element-link-line-width);
  width: 0.25em;
  background-color: currentcolor;
  transform: rotate(-45deg);
  transition: transform 0.3s ease-in-out;
}
.burger-animation > span:first-child::before {
  left: 100%;
  transform-origin: left;
}
.burger-animation > span:first-child::after {
  right: 100%;
  transform: rotate(0) scaleX(0);
  transform-origin: right;
}
[aria-expanded=true] .burger-animation > span:first-child::after {
  transform: rotate(-45deg) scaleX(1);
}
.burger-animation > span:last-child::before {
  right: 100%;
  transform-origin: right;
  transform: rotate(-45deg) scaleX(1);
}
[aria-expanded=true] .burger-animation > span:last-child::before {
  transform: rotate(-45deg) scaleX(0);
}

.site-header {
  padding-left: var(--spacer-md);
  padding-right: var(--spacer-md);
}

.site-header .logo-container {
  min-width: fit-content;
  width: 100%;
  transition: width 0.66s ease-in-out;
}
.stuck .site-header .logo-container {
  width: 0%;
}
.site-header .logo-container .custom-logo-link {
  width: var(--logo-width);
  margin: auto;
  transition: width 0.3s ease-in-out;
}
.site-header .logo-container .site-logo {
  margin: auto;
  object-fit: cover;
  object-position: top;
  transition: aspect-ratio 0s linear 0.33s, width 0.3s ease-in-out 0.33s;
  aspect-ratio: 109/77;
}
.stuck .site-header .logo-container .site-logo {
  aspect-ratio: 109/47;
}
.site-header .logo-container .site-logo [id=POLYPLANET] {
  opacity: 1;
  transition: opacity 0.3s linear 0.33s, content-visibility 0s linear 1s;
  content-visibility: visible;
}
.stuck .site-header .logo-container .site-logo [id=POLYPLANET] {
  opacity: 0;
  content-visibility: hidden;
}

.main-menu-container .menu-toggle {
  margin: var(--spacer-md) var(--spacer-md);
  transition: margin 0.3s ease-in-out;
}
.stuck + .main-menu-container .menu-toggle {
  margin: var(--spacer-sm) var(--spacer-md);
}

.pp-stage-template-home-video .content {
  mix-blend-mode: difference;
}

.pp-gallery-type-portfolio figure {
  overflow: hidden;
}
.pp-gallery-type-portfolio figure figcaption {
  --caption-inside-margin: 0;
  transition: var(--transition-transform);
  transform: translateY(100%);
}
.pp-gallery-type-portfolio figure figcaption:where(.caption-position-inside) {
  text-align: center;
  width: 100%;
  padding: var(--spacer-lg) var(--spacer-md) var(--spacer-md) var(--spacer-md);
}
.pp-gallery-type-portfolio figure:hover figcaption, .pp-gallery-type-portfolio figure:focus figcaption {
  transform: translateY(0%);
}
.pp-gallery-type-portfolio figure:focus {
  outline: var(--border-width-lg) solid var(--box-border-color);
  outline-offset: calc(var(--border-width-lg) * -2);
}

.pp-items--tile .pp-item .pp-entry-title {
  transition: transform 0.4s ease-in-out;
  transform: translateY(0);
}
.pp-items--tile .pp-item:has(:hover, :focus) .pp-entry-title {
  transform: translateY(-2em);
}

.pp-items--portfoliotile .pp-item .elements {
  container-type: size;
  overflow: hidden;
}
.pp-items--portfoliotile .pp-item .media {
  transition: opacity 0.4s linear;
  opacity: 1;
}
.pp-items--portfoliotile .pp-item .elements > :not(.link-stretched) {
  transition: transform 0.4s ease-in-out;
  transform: translateY(50cqh);
}
.pp-items--portfoliotile .pp-item:has(:hover, :focus) .elements > :not(.link-stretched) {
  transform: translateY(0cqh);
}
.pp-items--portfoliotile .pp-item:has(:hover, :focus) .media {
  opacity: 0.5;
}

.pp-items--card-sm .pp-item .media {
  position: relative;
}
.pp-items--card-sm .pp-item .media .project-logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: contain;
  padding: 33%;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.6s linear 0.2s, padding 0.6s ease-in-out, opacity 0.45s;
  opacity: 0;
}
.pp-items--card-sm .pp-item:has(a:hover, a:focus) .project-logo {
  padding: 25%;
  background-color: rgba(0, 0, 0, 0.5333333333);
  opacity: 1;
}

.pp-item-wrap {
  --item-focus-outline-color: var(--box-emphasis-color);
  --item-focus-outline-offset: calc( 4 * var(--item-focus-outline-width) );
}

@container section (width >= 768px) {
  .section-projectdata .pp-grid {
    --is-below: ;
    --is-above: initial;
  }
}
@container section (width < 768px) {
  .section-projectdata .pp-grid {
    --is-below: initial;
    --is-above: ;
  }
}
.main-menu-container {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
}
.main-menu-container.main-menu-type-layer > [role=region] {
  --box-background-color: rgba(var(--box-background-color-rgb) / 0.46);
  -webkit-backdrop-filter: blur(50px) brightness(0.7);
          backdrop-filter: blur(50px) brightness(0.7);
  grid-template-rows: 0 1fr auto 1fr;
  grid-template-columns: 1fr;
  row-gap: var(--spacer-fix-md);
}
.main-menu-container.main-menu-type-layer .main-menu-head {
  align-self: end;
}
.main-menu-container.main-menu-type-layer .logo-container {
  grid-column: 2;
}
.main-menu-container.main-menu-type-layer .menu-title {
  display: grid;
  grid-template-columns: 50% auto min-content;
  line-height: 1.75;
}
.main-menu-container.main-menu-type-layer .menu-title::before {
  grid-column: 2;
}
.main-menu-container.main-menu-type-layer .custom-logo-link:focus {
  outline: none;
}
.main-menu-container.main-menu-type-layer .site-logo {
  margin: 0;
}

.site-footer {
  display: grid;
  --areas-b:
  	"logo"
  	"info"
  	"menu"
  	"copy";
  --areas-a: "logo logo" "info info" "copy menu";
  grid-template-areas: var(--is-screen-xs, var(--areas-b)) var(--is-screen-sm-min, var(--areas-a));
  grid-template-columns: var(--is-screen-xs, 1fr) var(--is-screen-sm-min, min-content 1fr);
}
.site-footer .site-logo-container {
  grid-area: logo;
}
.site-footer .footer-info-wrapper {
  grid-area: info;
  box-shadow: 0 1px 0px rgba(var(--box-color-rgb)/0.25);
  margin-bottom: 1px;
}
.site-footer .footer-menu-wrapper {
  grid-area: menu;
}
.site-footer .footer-copyright-wrapper {
  grid-area: copy;
}
.site-footer .footer-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: var(--is-screen-xs, center) var(--is-screen-sm-min, end);
}
.site-footer .footer-menu .menu-item:not(:last-child) {
  padding-right: 0.5em;
  margin-right: 0;
}
.site-footer .footer-menu .menu-item:not(:last-child)::after {
  content: "/";
  margin-left: 0.5em;
  color: var(--box-emphasis-color);
}
.site-footer .footer-copyright {
  margin-right: 0;
}
.site-footer .footer-copyright p {
  width: max-content;
  margin: var(--is-screen-xs, 0 auto) var(--is-screen-sm-min, 0);
}
.site-footer .site-footer-menu-container {
  margin-left: 0;
}

:root {
  --transition-transform: transform 0.3s ease-in-out 0.1s;
}

@property --a1 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 10deg;
}
@property --a2 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 86deg;
}
@property --a3 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 160deg;
}
@property --a4 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 260deg;
}
:root {
  --grad: conic-gradient(
  	#fff 0deg,
  	#fff 10deg, #000 10deg,
  	#000 86deg, #fff 86deg,
  	#fff 160deg, #000 160deg,
  	#000 250deg, #fff 250deg
  );
}

.pp-btn-primary,
.pp-btn-primary-icon {
  transition: --a1 0.5s ease-in-out, --a2 0.5s ease-in-out, --a3 0.5s ease-in-out, --a4 0.5s ease-in-out;
  box-shadow: none;
  border-width: var(--btn-border-width);
  border-style: solid;
  border-image-outset: 0;
  border-image-slice: 1;
  border-image-slice: 0.1%;
  border-image-width: 1;
  border-image-repeat: stretch;
  border-image-source: conic-gradient(var(--btn-border-color) 0deg, var(--btn-border-color) var(--a1), rgba(0, 0, 0, 0) var(--a1), rgba(0, 0, 0, 0) var(--a2), var(--btn-border-color) var(--a2), var(--btn-border-color) var(--a3), rgba(0, 0, 0, 0) var(--a3), rgba(0, 0, 0, 0) var(--a4), var(--btn-border-color) var(--a4));
}
.pp-btn-primary:hover, .pp-btn-primary:focus:not(:active),
.pp-btn-primary-icon:hover,
.pp-btn-primary-icon:focus:not(:active) {
  --a1: 99deg;
  --a2: 280deg;
  --a3: 280deg;
  --a4: 280deg;
}

.pp-btn-link {
  gap: 0.33em;
}
.pp-btn-link .pp-icon-arrow {
  font-size: calc(var(--element-font-size) * 0.65);
}

a {
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 0.25em;
  transition: var(--transition-fast-all);
}

@counter-style unordered {
  system: cyclic;
  symbols: "⏺";
  suffix: "";
}
.site-main {
  --ul-list-indent: 1.5em;
  --ul-marker-width: 0.66em;
  --ol-list-indent: 3em;
  --ol-marker-width: 1.5em;
}
.site-main ol:not(.pp-listing):not(.pp-carousel-indicators) {
  padding-left: 0;
  counter-reset: index;
  list-style: none;
}
.site-main ol:not(.pp-listing):not(.pp-carousel-indicators) > li {
  counter-increment: index;
  padding-left: var(--ol-list-indent);
}
.site-main ol:not(.pp-listing):not(.pp-carousel-indicators) > li::before {
  margin-left: calc(var(--ol-list-indent) * -1);
  content: counters(index, ".", decimal) ".";
  color: var(--box-ol-marker-color);
  width: var(--ol-list-indent);
  display: inline-block;
  font-weight: 700;
}
.site-main ul:not(.pp-toc):not(.pp-listing, .pp-gallery-inner, .pp-carousel-indicators, .blocks-gallery-grid) {
  list-style: unordered;
  padding-left: var(--ul-marker-width);
}
.site-main ul:not(.pp-toc):not(.pp-listing, .pp-gallery-inner, .pp-carousel-indicators, .blocks-gallery-grid) > li {
  padding-left: calc(var(--ul-list-indent) - var(--ul-marker-width));
}
:root {
  --pppp-ornament-img: url('data:image/svg+xml,%3Csvg width%3D"45px" height%3D"45px" viewBox%3D"0 0 45 45" version%3D"1.1" xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%3E%3Cpath d%3D"M31.681,31.24L13.319,31.24L8.523,36.037L7.815,35.329L12.905,30.24L32.095,30.24L37.185,35.329L36.477,36.037L31.681,31.24ZM41.775,38.55C43.555,38.55 45,39.995 45,41.775C45,43.555 43.555,45 41.775,45C39.995,45 38.55,43.555 38.55,41.775C38.55,39.995 39.995,38.55 41.775,38.55ZM3.225,38.55C5.005,38.55 6.45,39.995 6.45,41.775C6.45,43.555 5.005,45 3.225,45C1.445,45 -0,43.555 -0,41.775C-0,39.995 1.445,38.55 3.225,38.55ZM32.095,14.76L12.905,14.76L7.815,9.671L8.523,8.963L13.319,13.76L31.681,13.76L36.477,8.963L37.185,9.671L32.095,14.76ZM41.775,6.45C39.995,6.45 38.55,5.005 38.55,3.225C38.55,1.445 39.995,0 41.775,0C43.555,0 45,1.445 45,3.225C45,5.005 43.555,6.45 41.775,6.45ZM3.225,6.45C1.445,6.45 -0,5.005 -0,3.225C-0,1.445 1.445,0 3.225,0C5.005,0 6.45,1.445 6.45,3.225C6.45,5.005 5.005,6.45 3.225,6.45Z" style%3D"fill%3A%23ffffff%3B"%2F%3E%3C%2Fsvg%3E') ;
}

[class*=pppp-ornament-] {
  --ornament-border-width: 15px;
  --is-t: ;
  --is-r: ;
  --is-b: ;
  --is-l: ;
}
[class*=pppp-ornament-]::before {
  content: "";
  display: block;
  border-style: solid;
  border-image-slice: 15 15 15 15;
  border-image-repeat: stretch;
  border-radius: 0;
  border-width: var(--is-t, var(--ornament-border-width)) var(--is-b, 0) var(--is-r, var(--ornament-border-width)) var(--is-l, 0) var(--is-b, var(--ornament-border-width)) var(--is-t, 0) var(--is-l, var(--ornament-border-width)) var(--is-r, 0);
  border-image-source: var(--pppp-ornament-img);
}
ul > [class*=pppp-ornament-] {
  list-style-type: none;
  padding-left: 0;
  --ul-marker-width: 2.5em;
  --ul-list-indent: 0;
}
ul > [class*=pppp-ornament-]::before {
  display: inline-block;
  width: var(--ul-marker-width);
  margin-left: var(--ul-list-indent);
  margin-right: 0.33em;
}
ul > [class*=pppp-ornament-]:nth-child(2n+1) {
  --ul-marker-width: 2.0em;
  --ul-list-indent: 0.5em;
}
.section-textmedia [class*=pppp-ornament-].media {
  overflow: visible;
  position: relative;
}
.section-textmedia [class*=pppp-ornament-].media::before {
  content: var(--is-above, "") var(--is-below, none);
  position: absolute;
  left: var(--is-r, 0) var(--is-l, auto);
  right: var(--is-l, 0) var(--is-r, auto);
  bottom: calc(100% + var(--gyi, var(--spacer-md)));
  width: 50%;
}
[class*=pppp-ornament-].oneline, .section-postslist [class*=pppp-ornament-].section-headline, .section-textmedia [class*=pppp-ornament-].headline {
  display: flex;
}
[class*=pppp-ornament-].oneline::before, .section-postslist [class*=pppp-ornament-].section-headline::before, .section-textmedia [class*=pppp-ornament-].headline::before {
  order: var(--is-r, 2) var(--is-l, -1);
  flex: 1 1 auto;
  margin-left: var(--is-r, 1em);
  margin-right: var(--is-l, 1em);
  align-items: end;
}
[class*=pppp-ornament-].pp-entry-title > * {
  flex-basis: 66%;
  max-width: max-content;
}
.section-postslist [class*=pppp-ornament-].section-headline {
  width: 33%;
  min-width: fit-content;
}

.pppp-ornament-tl {
  --is-t: initial;
  --is-l: initial;
  --t: 1;
  --r: 0;
  --b: 0;
  --l: 1;
}

.pppp-ornament-tr {
  --is-t: initial;
  --is-r: initial;
  --t: 1;
  --r: 1;
  --b: 0;
  --l: 0;
}

.pppp-ornament-bl {
  --is-b: initial;
  --is-l: initial;
  --t: 0;
  --r: 0;
  --b: 1;
  --l: 1;
}

.pppp-ornament-br {
  --is-b: initial;
  --is-r: initial;
  --t: 0;
  --r: 1;
  --b: 1;
  --l: 0;
}

:root {
  --animation-bounce: cubic-bezier(.54,.16,.48,1.31);
}

svg[data-effect=hover-animate] [data-effect=hover-animate] {
  transition: transform 0.4s var(--animation-bounce);
}
.pp-item:has(:hover, :focus) svg[data-effect=hover-animate] [data-effect=hover-animate], :hover > svg[data-effect=hover-animate] [data-effect=hover-animate] {
  transform: var(--active-transform, none) !important;
}

.pppp-logo img {
  transition: filter 0.3s ease-in-out;
  filter: grayscale(1) brightness(7) drop-shadow(0 0 0 rgba(255, 255, 255, 0.4666666667));
}
.pppp-logo img:hover {
  filter: grayscale(0) brightness(1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.6666666667));
}

:focus:has(.site-logo) {
  outline: none;
}
:focus > .site-logo path {
  stroke-width: var(--border-width-xl);
  stroke: var(--color-grau-3);
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  paint-order: stroke fill;
}