@charset "UTF-8";
/*!
Theme Name: Schule Marschweg
Theme URI: https://github.com/polyplanet-gmbh/alrakis-marsch
Author: POLYPLANET
Author URI: https://polyplanet.de
Description: Theme für die Schule Marschweg
Version: 1.0.20
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.
*/
:root {
  --bold-font-weight: 500;
}

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: 1.75em;
  --ol-list-indent: 2em;
  --ol-marker-width: 1.5em;
}
.site-main ul, .site-main ol {
  --box-ul-marker-color: var(--color-highlight);
  --box-ol-marker-color: var(--color-highlight);
}
.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: 500;
}
.site-main ul:not(.pp-toc):not(.pp-listing, .pp-gallery-inner, .pp-carousel-indicators, .blocks-gallery-grid) {
  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, 0px) - var(--ul-marker-width, 0px));
}
:root {
  --ci-yellow: #fff20e;
  --ci-orange: #f89828;
  --ci-red: #ed2591;
  --ci-green: #21b57a;
  --ci-green-dark: #00652e;
  --ci-blue: #00b0f0;
  --ci-gradient: linear-gradient(
  	to right,
  	var(--ci-red) 20%,
  	var(--ci-orange) 20%,
  	var(--ci-orange) 40%,
  	var(--ci-yellow) 40%,
  	var(--ci-yellow) 60%,
  	var(--ci-green) 60%,
  	var(--ci-green) 80%,
  	var(--ci-blue) 80%
  );
}

.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-vignette,
.vignette .image-wrap {
  height: auto;
  padding: 7.5%;
}
.apply-vignette img, .apply-vignette svg,
.vignette .image-wrap img,
.vignette .image-wrap svg {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  outline: var(--spacer-fix-xs) solid var(--box-emphasis-color);
}

.wpcf7-form label :first-child {
  padding-left: var(--spacer-fix-sm);
}

.wpcf7-form-control-wrap {
  margin-top: var(--spacer-fix-sm);
}

[class*=pp-shape-round-][class*=pp-shape-round-] {
  border-bottom-right-radius: calc(var(--box-border-radius) * 5);
}

.pp-items-tile img + .bsb-media-copyright-link {
  margin-top: calc(-0.5 * var(--box-border-radius) - 1lh);
  margin-left: calc(0.5 * var(--box-border-radius));
}

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

.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(--box-color) !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,
.main-menu-container .pll-parent-menu-item .pll-switcher-select {
  border: var(--border-width-md) solid var(--color-schwarz);
  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));
}
.main-menu-container .site-logo-main-menu {
  grid-column: 2;
  max-width: 175px;
  margin-left: auto;
  padding: var(--spacer-lg);
  box-sizing: content-box;
}
.main-menu-container .main-menu-below-items {
  padding-top: var(--spacer-md);
  border-top: var(--border-width-sm) solid var(--box-accent-color);
}

.site-stage.pp-stage-template-home .pp-stage-title {
  max-width: -webkit-min-content;
  max-width: min-content;
  -webkit-hyphens: none;
          hyphens: none;
}
.site-stage .media .image-wrap {
  background-color: rgba(var(--rgb));
}
.site-stage .media img, .site-stage .media video, .site-stage .media .map {
  object-fit: cover;
  opacity: calc(1 - var(--o));
}
.topbar-menu {
  --topbar-icon-size: 1.5em;
  --topbar-menu-gap: var(--spacer-fix-md);
}
.topbar-menu .menu-item > a {
  --element-line-height: 2;
  gap: var(--spacer-fix-sm);
}

.section-textmedia-accordion .pp-colormode-full .media[class*=pp-shape-round-].media-type-image, .section-textmedia-accordion .pp-colormode-full .media[class*=pp-shape-round-].media-type-gallery, .section-textmedia-accordion .pp-colormode-full .media[class*=pp-shape-round-].media-type-logo,
.section-textmedia .pp-colormode-full .media[class*=pp-shape-round-].media-type-image,
.section-textmedia .pp-colormode-full .media[class*=pp-shape-round-].media-type-gallery,
.section-textmedia .pp-colormode-full .media[class*=pp-shape-round-].media-type-logo {
  --box-background-color: #0000;
  border-radius: 0;
}
.section-textmedia-accordion .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette)[class*=pp-shape-round-].media-type-image, .section-textmedia-accordion .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette)[class*=pp-shape-round-].media-type-gallery, .section-textmedia-accordion .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette)[class*=pp-shape-round-].media-type-logo,
.section-textmedia .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette)[class*=pp-shape-round-].media-type-image,
.section-textmedia .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette)[class*=pp-shape-round-].media-type-gallery,
.section-textmedia .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette)[class*=pp-shape-round-].media-type-logo {
  --media-box-border-radius:
  	var(--box-border-radius)
  	var(--box-border-radius)
  	calc(var(--box-border-radius) * 5)
  	var(--box-border-radius);
}
.section-textmedia-accordion .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) img,
.section-textmedia .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) img {
  border-radius: var(--media-box-border-radius);
}
.section-textmedia-accordion .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) figure,
.section-textmedia .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) figure {
  position: relative;
}
.section-textmedia-accordion .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) figure .bsb-media-copyright-link,
.section-textmedia .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) figure .bsb-media-copyright-link {
  position: absolute;
  left: calc(var(--box-border-radius) - 4px);
  top: calc(var(--box-border-radius) - 4px);
  margin-top: 0;
}
.section-textmedia-accordion .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) figcaption,
.section-textmedia .media[class*=pp-shape-round-]:not(.apply-vignette, .vignette) figcaption {
  padding-left: 0;
  padding-right: calc(var(--box-border-radius) * 5);
}
.section-textmedia-accordion [data-grid*=-cm-].pp-colormode-seperate .media figcaption,
.section-textmedia [data-grid*=-cm-].pp-colormode-seperate .media figcaption {
  padding-left: calc(var(--overlap) + var(--box-border-radius));
}