@charset "UTF-8";
/*!
Theme Name: Gymnasium Bornbrook
Theme URI: https://bitbucket.org/polyplanet/alrakis-stfw
Author: POLYPLANET
Author URI: https://polyplanet.de
Version: 0.0.1
Description: Theme für das Gymnasium Bornbrook
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.
*/
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: 2em;
  --ul-marker-width: 0.66em;
  --ol-list-indent: 2em;
  --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 {
  --ci-orange: #E3843E;
  --ci-red: #BE3253;
  --ci-green: #9AAC2A;
  --ci-blue: #8DAFD8;
  --swoosh-image: url("assets/swoosh-image.svg");
  --swoosh-stage: url("assets/stage.svg");
  --vignette-image: url("assets/vignette.svg");
  --ci-gradient: linear-gradient(
  	to right,
  	var(--ci-orange) 25%,
  	var(--ci-green) 25%,
  	var(--ci-green) 50%,
  	var(--ci-red) 50%,
  	var(--ci-red) 75%,
  	var(--ci-blue) 75%
  );
}

.site-footer,
.apply-ci-gradient {
  border-image-source: var(--ci-gradient);
  border-image-slice: 1;
  --box-border-width: 0 0 9px 0;
  --box-border-style: solid;
}

.apply-swoosh,
.apply-stage-swoosh,
.swoosh .image-wrap {
  position: relative;
}
.apply-swoosh:after,
.apply-stage-swoosh:after,
.swoosh .image-wrap:after {
  content: var(--content);
  position: absolute;
  bottom: var(--bottom, 0px);
  width: 100%;
}

.swoosh,
.apply-swoosh {
  container-type: inline-size;
  --content: url("assets/swoosh-image.svg");
  --bottom: -2cqw;
}

.stage-swoosh,
.apply-stage-swoosh {
  --content: url("assets/swoosh-stage.svg");
  --bottom: 15px;
}

.apply-vignette,
.vignette .image-wrap {
  height: auto;
  padding: 7.5%;
}
.apply-vignette::before,
.vignette .image-wrap::before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: var(--vignette-image);
  background-repeat: no-repeat;
  background-size: 100%;
  filter: var(--box-border-filter);
}
.apply-vignette img,
.vignette .image-wrap img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}

.apply-shadow,
.shadow .image-wrap img {
  border-radius: var(--border-radius-lg);
  background-color: var(--color-weiss);
  box-shadow: 12px 12px 0px var(--box-border-color);
  margin-right: 12px;
  margin-bottom: 12px;
}

.site-footer {
  border-width: var(--box-border-width);
  border-style: var(--box-border-style);
}

.footer-info-before .stfw-faces {
  max-width: 150px;
}

.footer-info-after {
  display: flex;
  align-items: end;
  justify-content: end;
}
.footer-info-after svg {
  max-width: 120px;
  margin-left: auto;
}
.footer-info-after svg path {
  fill: var(--color-grau-5) !important;
}

.main-menu-container [role=region] {
  --box-background-color: rgba( var(--box-background-color-rgb) / 0.95);
}
.main-menu-container .menu-item.current-menu-item a {
  color: var(--box-link-hover-color);
}
.main-menu-container .menu-item:not(.current-menu-item) > .menu-link-wrap a:hover {
  color: var(--box-link-hover-color);
}
.main-menu-container .menu-item-type-search_nav .search-field {
  border: var(--border-width-md) solid var(--color-weiss);
  padding: var(--spacer-fix-md) var(--spacer-fix-lg);
  font-size: var(--fontsize-regular-text);
  font-weight: 400;
  text-transform: none;
  --form-color: var(--box-color);
  --form-placeholder-color: var(--box-color);
  --form-background-color: #0000;
}
.main-menu-container .menu-item-type-search_nav [type=submit] {
  --btn-hover-color: var(--color-akzent-2);
  --btn-focus-outline-offset: calc(-3 * var(--border-width-lg));
}

.site-stage.pp-stage-template-home .pp-stage-title {
  max-width: 460px;
  -webkit-hyphens: none;
          hyphens: none;
}
.site-stage .media {
  background-color: rgba(var(--rgb));
}
.site-stage .media img {
  object-fit: cover;
}
.site-stage .media img,
.site-stage .media .image-placeholder {
  opacity: calc(1 - var(--o));
}

.topbar-menu {
  column-gap: var(--spacer-fix-sm);
}
.topbar-menu .menu-item > a {
  --element-line-height: 2;
}