/*
Theme Name: Humboldt Studio
Theme URI: https://example.com/humboldt-studio
Author: Julian / OpenAI
Description: Modulares, vollständig bearbeitbares Premium-Block-Theme für Schulen. Anthrazit, Weiß und Gelb, flexible Templates, Hero-Slider und umfangreiche Karten-Patterns in 2-, 3- und 4-spaltigen Varianten.
Version: 1.2.4
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: humboldt-studio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: block-patterns, full-site-editing, education, custom-colors, custom-logo, editor-style, wide-blocks
*/

:root{--hs-yellow:#f4b400;--hs-yellow-dark:#dca300;--hs-charcoal:#151b20;--hs-slate:#242c33;--hs-ink:#1d2329;--hs-muted:#66717b;--hs-line:#e4e7e9;--hs-paper:#f5f5f2;--hs-white:#fff;--hs-radius:0px;--hs-shadow:0 14px 36px rgba(17,24,29,.10)}
html{scroll-behavior:smooth}body{text-rendering:optimizeLegibility}.wp-site-blocks{overflow:clip}.wp-site-blocks>*{margin-block-start:0!important}a{text-underline-offset:.18em}.hs-site-main{min-height:45vh}

/* Landingpage: normale Blöcke folgen derselben 1000-px-Inhaltsbreite wie Unterseiten.
   Nur ausdrücklich auf „Breite“ oder „Volle Breite“ gesetzte Blöcke dürfen darüber hinausgehen. */
.hs-landing-main{width:100%;min-height:45vh}
.hs-landing-main>.wp-block-post-content{width:100%;margin:0}
.hs-landing-main .wp-block-post-content>:where(:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright)){
  width:min(100%,var(--wp--style--global--content-size));
  max-width:var(--wp--style--global--content-size);
  margin-left:auto!important;
  margin-right:auto!important;
}
.hs-landing-main .wp-block-post-content>.alignwide{
  width:min(100%,var(--wp--style--global--wide-size));
  max-width:var(--wp--style--global--wide-size);
  margin-left:auto!important;
  margin-right:auto!important;
}
.hs-shadow{box-shadow:var(--hs-shadow)}.hs-card{height:100%;transition:transform .2s ease,box-shadow .2s ease}.hs-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(17,24,29,.13)}.hs-card .wp-block-image img{width:100%;height:100%;object-fit:cover}.hs-card-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--hs-line);font-size:1.45rem}.hs-kicker{letter-spacing:.09em;text-transform:uppercase;font-weight:750}.hs-section-title{position:relative;padding-left:18px}.hs-section-title:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:4px;background:var(--hs-yellow)}
.wp-block-navigation .wp-block-navigation-item__content{text-decoration:none}.wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--hs-yellow)}.wp-block-button__link{transition:transform .2s ease,background-color .2s ease}.wp-block-button__link:hover{transform:translateY(-1px)}

/* Header */
.hs-site-header{position:relative;z-index:50;overflow:visible}.hs-header-inner,.hs-header-actions{position:relative;overflow:visible}.hs-header-actions{margin-left:auto;gap:.65rem;align-items:center}.hs-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;padding:0;border:0;background:var(--hs-yellow);color:var(--hs-charcoal);cursor:pointer}.hs-search-toggle:hover{background:var(--hs-yellow-dark)}.hs-search-toggle:focus-visible{outline:3px solid var(--hs-charcoal);outline-offset:2px}.hs-header-search-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:100;width:min(430px,calc(100vw - 32px));padding:14px;background:#fff;border:1px solid var(--hs-line);box-shadow:0 14px 38px rgba(17,24,29,.18);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.hs-header-search-panel.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.hs-header-search-panel .wp-block-search{margin:0}

/* Page hero: always flush below header */
.hs-page-hero{margin:0!important;min-height:clamp(210px,25vw,310px)}.hs-page-hero .wp-block-cover__inner-container{width:100%}.hs-page-hero h1{margin:0}.hs-breadcrumbs{opacity:.78}

/* Hero slider */
.wp-site-blocks .hs-hero-slider{position:relative;min-height:clamp(520px,68vh,760px);overflow:hidden;isolation:isolate;background:var(--hs-charcoal)}
.wp-site-blocks .hs-hero-slider>.hs-hero-slides.wp-block-gallery{position:absolute!important;inset:0!important;z-index:0;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;gap:0!important}
.wp-site-blocks .hs-hero-slider>.hs-hero-slides.wp-block-gallery.has-nested-images>figure.wp-block-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;opacity:0;transition:opacity 1.05s ease-in-out}
.wp-site-blocks .hs-hero-slider>.hs-hero-slides.wp-block-gallery.has-nested-images>figure.wp-block-image.is-active{opacity:1}
.wp-site-blocks .hs-hero-slider>.hs-hero-slides.wp-block-gallery.has-nested-images>figure.wp-block-image>img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.wp-site-blocks .hs-hero-slider:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,13,17,.92),rgba(9,13,17,.62) 55%,rgba(9,13,17,.24))}.wp-site-blocks .hs-hero-content{position:relative;z-index:2;min-height:clamp(520px,68vh,760px);display:flex;align-items:center}.wp-site-blocks .hs-slider-dots{position:absolute;z-index:3;left:max(28px,calc((100vw - 1000px)/2 + 8px));bottom:28px;display:flex;gap:10px}.wp-site-blocks .hs-slider-dots button{width:34px;height:4px;padding:0;border:0;background:rgba(255,255,255,.45);cursor:pointer}.wp-site-blocks .hs-slider-dots button.is-active{background:var(--hs-yellow)}

/* Cards and queries */
.hs-equal-columns>.wp-block-column{display:flex}.hs-equal-columns>.wp-block-column>*{width:100%}.hs-news-grid .wp-block-post{height:100%}.hs-news-grid .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover}.hs-query-card{height:100%;border:1px solid var(--hs-line);background:#fff}.hs-query-card .wp-block-post-excerpt__more-link{font-weight:700;color:var(--hs-yellow-dark)}
.hs-stat{border-right:1px solid rgba(255,255,255,.18)}.hs-stat:last-child{border-right:0}

/* Footer */
.hs-footer a{color:inherit}.hs-footer a:hover{color:var(--hs-yellow)}

@media(max-width:960px){.hs-header-inner{gap:1rem}.hs-brand{min-width:0}}
@media(max-width:781px){.hs-header-actions{flex-direction:row!important}.hs-header-search-panel{position:fixed;top:88px;left:16px;right:16px;width:auto}.wp-site-blocks .hs-hero-slider,.wp-site-blocks .hs-hero-content{min-height:600px}.wp-site-blocks .hs-slider-dots{left:24px;bottom:20px}.hs-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:16px}.hs-stat:last-child{border-bottom:0}.hs-card{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hs-card,.wp-site-blocks .hs-hero-slides figure{transition:none!important}}

/* Version 1.0.1: aufgeräumter Footer */
.hs-footer .hs-footer-navigation .wp-block-navigation__container,
.hs-footer .hs-footer-navigation .wp-block-page-list{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.5rem!important;
}
.hs-footer .hs-footer-navigation .wp-block-navigation-item{width:100%;margin:0!important}
.hs-footer .hs-footer-navigation .wp-block-navigation-item__content{display:inline-block;padding:.15rem 0}

/* Kompatibilität mit dem früheren Hero-Pattern aus Humboldt Campus. */
.wp-site-blocks .hc-hero-slider{position:relative;min-height:clamp(520px,68vh,760px);overflow:hidden;isolation:isolate;background:var(--hs-charcoal)}
.wp-site-blocks .hc-hero-slider>.hc-hero-slides.wp-block-gallery{position:absolute!important;inset:0!important;z-index:0;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;gap:0!important;grid-template-columns:none!important}
.wp-site-blocks .hc-hero-slider>.hc-hero-slides.wp-block-gallery.has-nested-images>figure.wp-block-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;opacity:0;visibility:hidden;transition:opacity 1.05s ease-in-out,visibility 1.05s ease-in-out}
.wp-site-blocks .hc-hero-slider>.hc-hero-slides.wp-block-gallery.has-nested-images>figure.wp-block-image.is-active{opacity:1;visibility:visible}
.wp-site-blocks .hc-hero-slider>.hc-hero-slides.wp-block-gallery.has-nested-images>figure.wp-block-image>img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.wp-site-blocks .hc-hero-slider:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,13,17,.92),rgba(9,13,17,.62) 55%,rgba(9,13,17,.24))}
.wp-site-blocks .hc-hero-content{position:relative;z-index:2;min-height:clamp(520px,68vh,760px);display:flex;align-items:center}
.wp-site-blocks .hc-hero-slider .hs-slider-dots{position:absolute;z-index:3;left:max(28px,calc((100vw - 1000px)/2 + 8px));bottom:28px;display:flex;gap:10px}
@media(max-width:781px){.wp-site-blocks .hc-hero-slider,.wp-site-blocks .hc-hero-content{min-height:600px}.wp-site-blocks .hc-hero-slider .hs-slider-dots{left:24px;bottom:20px}}

/* Version 1.0.3: balanced 1000px content canvas and aligned hero content */
.hs-site-main .wp-block-post-content > :where(:not(.alignfull):not(.alignwide)){max-width:1000px}
.wp-site-blocks :where(.hs-hero-content,.hc-hero-content){text-align:left}
.wp-site-blocks :where(.hs-hero-content,.hc-hero-content) > .wp-block-group{
  width:min(1000px,calc(100% - 56px))!important;
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.wp-site-blocks :where(.hs-hero-content,.hc-hero-content) .wp-block-buttons{justify-content:flex-start}
.wp-site-blocks :where(.hs-hero-content,.hc-hero-content) :where(h1,p){text-align:left}
.wp-site-blocks :where(.hs-hero-slider,.hc-hero-slider) .hs-slider-dots{
  left:max(28px,calc((100vw - 1000px)/2 + 8px))!important;
}
@media(max-width:1056px){
  .wp-site-blocks :where(.hs-hero-content,.hc-hero-content) > .wp-block-group{width:calc(100% - 56px)!important}
  .wp-site-blocks :where(.hs-hero-slider,.hc-hero-slider) .hs-slider-dots{left:36px!important}
}
@media(max-width:781px){
  .wp-site-blocks :where(.hs-hero-content,.hc-hero-content) > .wp-block-group{width:calc(100% - 40px)!important}
  .wp-site-blocks :where(.hs-hero-slider,.hc-hero-slider) .hs-slider-dots{left:28px!important}
}

/* Version 1.1.1: separate header and footer dropdown styles */
.hs-site-header .wp-block-navigation,
.hs-site-header .wp-block-navigation__container{
  position:relative;
  overflow:visible;
}
.hs-site-header .wp-block-navigation__submenu-container{
  min-width:240px!important;
  padding:8px 0!important;
  border:1px solid var(--hs-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(17,24,29,.16)!important;
  top:calc(100% + 25px)!important;
  left:50%!important;
  opacity:0;
  transform:translate(-50%,-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.hs-site-header .wp-block-navigation-item:hover>.wp-block-navigation__submenu-container,
.hs-site-header .wp-block-navigation-item:focus-within>.wp-block-navigation__submenu-container{
  opacity:1;
  transform:translate(-50%,0);
}
.hs-site-header .wp-block-navigation-item.has-child:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:28px;
}
.hs-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  display:block!important;
  width:100%;
  padding:11px 16px!important;
  border-radius:0!important;
  color:var(--hs-ink)!important;
  line-height:1.35;
  border-left:3px solid transparent;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,padding-left .16s ease;
}
.hs-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.hs-site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus{
  color:var(--hs-charcoal)!important;
  background:#f7f7f4!important;
  border-left-color:var(--hs-yellow);
  padding-left:19px!important;
}
.hs-site-header .wp-block-navigation__submenu-icon{margin-left:.35rem}

.hs-footer .wp-block-navigation__submenu-container{
  min-width:230px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  background:var(--hs-charcoal)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
  top:0!important;
  left:calc(100% + 12px)!important;
  z-index:120;
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.hs-footer .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  display:block!important;
  width:100%;
  padding:10px 12px!important;
  border-radius:7px;
  color:#fff!important;
  line-height:1.35;
  transition:background-color .16s ease,color .16s ease,transform .16s ease;
}
.hs-footer .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.hs-footer .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus{
  color:var(--hs-charcoal)!important;
  background:var(--hs-yellow)!important;
  transform:translateX(2px);
}
.hs-footer .wp-block-navigation-item.has-child{position:relative}
.hs-footer .wp-block-navigation-item:hover>.wp-block-navigation__submenu-container,
.hs-footer .wp-block-navigation-item:focus-within>.wp-block-navigation__submenu-container{
  opacity:1;
  transform:translateY(0);
}
.hs-footer .wp-block-navigation-item.has-child:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:100%;
  width:14px;
}
@media(max-width:781px){
  .hs-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container,
  .hs-footer .wp-block-navigation__submenu-container{
    position:static!important;
    min-width:0!important;
    margin:.35rem 0 0 .75rem!important;
    padding:.35rem!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    box-shadow:none!important;
    border-left:2px solid var(--hs-yellow)!important;
    border-radius:0!important;
  }
  .hs-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
    background:#fff!important;
    border-top:1px solid var(--hs-line)!important;
    border-right:1px solid var(--hs-line)!important;
    border-bottom:1px solid var(--hs-line)!important;
  }
}

/* Humboldt Studio icon block */
.hs-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;color:var(--hs-yellow)}
.hs-icon svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hs-icon-link{display:inline-flex;text-decoration:none}
.hs-icon-link:hover .hs-icon{transform:translateY(-1px)}
.hs-icon-contact-list{display:grid;gap:16px}
.hs-icon-contact-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start}
.hs-icon-contact-row .hs-icon{margin-top:2px}
.hs-icon-contact-row p{margin:0}

/* Version 1.1.4: Karten ausschließlich auf der Landingpage.
   Die Beitragsübersicht „Aktuelles“ bleibt bewusst unverändert wie in 1.1.2. */

/* WordPress-Block „Neueste Beiträge“: automatisch als ruhige Karten gestalten. */
.hs-landing-main .wp-block-latest-posts{
  box-sizing:border-box;
  gap:clamp(18px,2.2vw,28px)!important;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  list-style:none;
}
.hs-landing-main .wp-block-latest-posts>li{
  box-sizing:border-box;
  position:relative;
  min-width:0;
  height:100%;
  margin:0!important;
  padding:22px 22px 24px;
  overflow:hidden;
  background:var(--hs-white);
  border:1px solid var(--hs-line);
  border-top:4px solid var(--hs-yellow);
  box-shadow:0 10px 28px rgba(17,24,29,.09);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hs-landing-main .wp-block-latest-posts>li:hover{
  transform:translateY(-3px);
  border-color:#d9dde0;
  border-top-color:var(--hs-yellow-dark);
  box-shadow:0 16px 36px rgba(17,24,29,.13);
}
.hs-landing-main .wp-block-latest-posts__featured-image{
  width:auto;
  margin:-22px -22px 20px!important;
  overflow:hidden;
  background:#edf0f1;
}
.hs-landing-main .wp-block-latest-posts__featured-image a{
  display:block;
  width:100%;
}
.hs-landing-main .wp-block-latest-posts__featured-image img{
  display:block;
  width:100%!important;
  max-width:none!important;
  aspect-ratio:16/10;
  object-fit:cover;
  transition:transform .35s ease;
}
.hs-landing-main .wp-block-latest-posts>li:hover .wp-block-latest-posts__featured-image img{
  transform:scale(1.025);
}
.hs-landing-main .wp-block-latest-posts__post-title{
  display:inline-block;
  color:var(--hs-yellow-dark)!important;
  font-size:clamp(1.08rem,1.7vw,1.35rem);
  font-weight:750;
  line-height:1.22;
  text-decoration:none!important;
}
.hs-landing-main .wp-block-latest-posts__post-title:hover,
.hs-landing-main .wp-block-latest-posts__post-title:focus-visible{
  color:var(--hs-ink)!important;
  text-decoration:underline!important;
  text-decoration-color:var(--hs-yellow)!important;
}
.hs-landing-main .wp-block-latest-posts__post-date{
  margin-bottom:.55rem;
  color:var(--hs-muted);
  font-size:.84rem;
}
.hs-landing-main .wp-block-latest-posts__post-excerpt{
  margin-top:.8rem;
  color:var(--hs-ink);
  line-height:1.65;
}

/* Query-Loop-Karten auf der Landingpage. Dies erfasst das Theme-Pattern
   sowie Blöcke mit der vom Nutzer vergebenen CSS-Klasse „news-karten“. */
.hs-landing-main .wp-block-query .wp-block-post-template,
.hs-landing-main .hs-news-grid .wp-block-post-template,
.hs-landing-main .news-karten .wp-block-post-template,
.hs-landing-main .News-Karten .wp-block-post-template,
.hs-landing-main .hs-news-cards .wp-block-post-template{
  align-items:stretch;
  gap:clamp(18px,2.2vw,28px)!important;
  margin:0;
  padding:0;
  list-style:none;
}
.hs-landing-main .wp-block-query .wp-block-post,
.hs-landing-main .hs-news-grid .wp-block-post,
.hs-landing-main .news-karten .wp-block-post,
.hs-landing-main .News-Karten .wp-block-post,
.hs-landing-main .hs-news-cards .wp-block-post{
  box-sizing:border-box;
  min-width:0;
  height:100%;
  margin:0;
}
.hs-landing-main .wp-block-query .hs-query-card,
.hs-landing-main .hs-news-grid .hs-query-card,
.hs-landing-main .news-karten .hs-query-card,
.hs-landing-main .News-Karten .hs-query-card,
.hs-landing-main .hs-news-cards .hs-query-card{
  position:relative;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  height:100%;
  overflow:hidden;
  background:var(--hs-white);
  border:1px solid var(--hs-line);
  border-top:4px solid var(--hs-yellow);
  box-shadow:0 10px 28px rgba(17,24,29,.09);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hs-landing-main .wp-block-query .hs-query-card:hover,
.hs-landing-main .hs-news-grid .hs-query-card:hover,
.hs-landing-main .news-karten .hs-query-card:hover,
.hs-landing-main .News-Karten .hs-query-card:hover,
.hs-landing-main .hs-news-cards .hs-query-card:hover{
  transform:translateY(-3px);
  border-color:#d9dde0;
  border-top-color:var(--hs-yellow-dark);
  box-shadow:0 16px 36px rgba(17,24,29,.13);
}
.hs-landing-main .wp-block-query .wp-block-post-featured-image,
.hs-landing-main .hs-news-grid .wp-block-post-featured-image,
.hs-landing-main .news-karten .wp-block-post-featured-image,
.hs-landing-main .News-Karten .wp-block-post-featured-image,
.hs-landing-main .hs-news-cards .wp-block-post-featured-image{
  margin:0!important;
  overflow:hidden;
  background:#edf0f1;
}
.hs-landing-main .wp-block-query .wp-block-post-featured-image img,
.hs-landing-main .hs-news-grid .wp-block-post-featured-image img,
.hs-landing-main .news-karten .wp-block-post-featured-image img,
.hs-landing-main .News-Karten .wp-block-post-featured-image img,
.hs-landing-main .hs-news-cards .wp-block-post-featured-image img{
  display:block;
  width:100%!important;
  max-width:none!important;
  aspect-ratio:16/10;
  object-fit:cover;
  transition:transform .35s ease;
}
.hs-landing-main .hs-query-card:hover .wp-block-post-featured-image img,
.hs-landing-main .news-karten .wp-block-post:hover .wp-block-post-featured-image img,
.hs-landing-main .News-Karten .wp-block-post:hover .wp-block-post-featured-image img,
.hs-landing-main .hs-news-cards .wp-block-post:hover .wp-block-post-featured-image img{
  transform:scale(1.025);
}
.hs-landing-main .wp-block-query .wp-block-post-title a,
.hs-landing-main .hs-news-grid .wp-block-post-title a,
.hs-landing-main .news-karten .wp-block-post-title a,
.hs-landing-main .News-Karten .wp-block-post-title a,
.hs-landing-main .hs-news-cards .wp-block-post-title a{
  color:var(--hs-yellow-dark)!important;
  text-decoration:none!important;
}
.hs-landing-main .wp-block-query .wp-block-post-title a:hover,
.hs-landing-main .hs-news-grid .wp-block-post-title a:hover,
.hs-landing-main .news-karten .wp-block-post-title a:hover,
.hs-landing-main .News-Karten .wp-block-post-title a:hover,
.hs-landing-main .hs-news-cards .wp-block-post-title a:hover{
  color:var(--hs-ink)!important;
  text-decoration:underline!important;
  text-decoration-color:var(--hs-yellow)!important;
}
.hs-landing-main .wp-block-query .wp-block-post-excerpt__more-link,
.hs-landing-main .hs-news-grid .wp-block-post-excerpt__more-link,
.hs-landing-main .news-karten .wp-block-post-excerpt__more-link,
.hs-landing-main .News-Karten .wp-block-post-excerpt__more-link,
.hs-landing-main .hs-news-cards .wp-block-post-excerpt__more-link{
  color:var(--hs-yellow-dark)!important;
  font-weight:750;
  text-decoration:none!important;
}

/* Fallback für einen manuell erstellten Query Loop ohne innere hs-query-card-Gruppe.
   Er bleibt ausschließlich auf die Landingpage begrenzt. */
.hs-landing-main .wp-block-query .wp-block-post-template>li,
.hs-landing-main .news-karten .wp-block-post-template>li,
.hs-landing-main .News-Karten .wp-block-post-template>li,
.hs-landing-main .hs-news-cards .wp-block-post-template>li{
  min-width:0;
}
.hs-landing-main .wp-block-query .wp-block-post-template>li:not(:has(.hs-query-card)),
.hs-landing-main .news-karten .wp-block-post-template>li:not(:has(.hs-query-card)),
.hs-landing-main .News-Karten .wp-block-post-template>li:not(:has(.hs-query-card)),
.hs-landing-main .hs-news-cards .wp-block-post-template>li:not(:has(.hs-query-card)){
  box-sizing:border-box;
  overflow:hidden;
  background:var(--hs-white);
  border:1px solid var(--hs-line);
  border-top:4px solid var(--hs-yellow);
  box-shadow:0 10px 28px rgba(17,24,29,.09);
}

@media(max-width:620px){
  .hs-landing-main .wp-block-latest-posts>li{padding:18px 18px 21px}
  .hs-landing-main .wp-block-latest-posts__featured-image{margin:-18px -18px 18px!important}
}
@media(prefers-reduced-motion:reduce){
  .hs-landing-main .wp-block-latest-posts>li,
  .hs-landing-main .wp-block-latest-posts__featured-image img,
  .hs-landing-main .hs-query-card,
  .hs-landing-main .wp-block-post-featured-image img{transition:none!important}
}

/* Version 1.1.5: Das Raster des WordPress-Blocks „Neueste Beiträge“ nutzt
   auf der Landingpage echte CSS-Grid-Spalten. So werden die von WordPress
   vergebenen prozentualen Breiten nicht zusätzlich durch den Kartenabstand
   vergrößert und die dritte Karte bleibt zuverlässig in derselben Zeile. */
.hs-landing-main .wp-block-latest-posts.is-grid{
  display:grid!important;
  width:100%;
  align-items:stretch;
  grid-auto-flow:row;
}
.hs-landing-main .wp-block-latest-posts.is-grid.columns-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.hs-landing-main .wp-block-latest-posts.is-grid.columns-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.hs-landing-main .wp-block-latest-posts.is-grid.columns-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.hs-landing-main .wp-block-latest-posts.is-grid>li{
  width:auto!important;
  max-width:none!important;
  margin-right:0!important;
}
@media(max-width:820px){
  .hs-landing-main .wp-block-latest-posts.is-grid.columns-3,
  .hs-landing-main .wp-block-latest-posts.is-grid.columns-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .hs-landing-main .wp-block-latest-posts.is-grid.columns-2,
  .hs-landing-main .wp-block-latest-posts.is-grid.columns-3,
  .hs-landing-main .wp-block-latest-posts.is-grid.columns-4{
    grid-template-columns:minmax(0,1fr);
  }
}

/* Version 1.1.6: optisch zentrierter Footer-Inhalt.
   Die Regel greift auch bei einem bereits im Website-Editor gespeicherten Footer,
   solange dessen äußerer Theme-Block weiterhin die Klasse hs-footer besitzt. */
.hs-footer > .wp-block-columns.alignwide,
.hs-footer .hs-footer-columns{
  box-sizing:border-box;
  padding-left:clamp(42px,4.5vw,82px);
  padding-right:0;
}
@media(max-width:1100px){
  .hs-footer > .wp-block-columns.alignwide,
  .hs-footer .hs-footer-columns{
    padding-left:clamp(18px,3vw,36px);
  }
}
@media(max-width:781px){
  .hs-footer > .wp-block-columns.alignwide,
  .hs-footer .hs-footer-columns{
    padding-left:0;
    padding-right:0;
  }
}

/* Verlinkte Abschnittsüberschrift für Landingpages und Unterseiten. */
.hs-linked-section-heading{
  margin-top:0;
  line-height:1.15;
}
.hs-linked-section-heading > a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.58em;
  padding-bottom:.18em;
  color:var(--hs-charcoal)!important;
  text-decoration:none!important;
  background-image:linear-gradient(var(--hs-yellow),var(--hs-yellow));
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:0 3px;
  transition:background-size .28s ease,color .2s ease;
}
.hs-linked-section-heading > a::after{
  content:"";
  display:block;
  box-sizing:border-box;
  width:.46em;
  height:.46em;
  flex:0 0 auto;
  border-top:3px solid var(--hs-yellow);
  border-right:3px solid var(--hs-yellow);
  transform:translateX(0) rotate(45deg);
  transition:transform .25s ease,border-color .2s ease;
}
.hs-linked-section-heading > a:hover,
.hs-linked-section-heading > a:focus-visible{
  color:var(--hs-charcoal)!important;
  text-decoration:none!important;
  background-size:100% 3px;
}
.hs-linked-section-heading > a:hover::after,
.hs-linked-section-heading > a:focus-visible::after{
  transform:translateX(4px) rotate(45deg);
}
.hs-linked-section-heading > a:focus-visible{
  outline:3px solid rgba(244,180,0,.45);
  outline-offset:5px;
}
@media(prefers-reduced-motion:reduce){
  .hs-linked-section-heading > a,
  .hs-linked-section-heading > a::after{
    transition:none!important;
  }
}


/* Version 1.1.7: einheitliche breite Achse ausschließlich auf der Landingpage.
   Hero-Inhalt, Slider-Markierungen und reguläre Inhaltsblöcke beginnen auf
   Desktop-Bildschirmen an derselben linken Kante wie breite Medien- und CTA-Bereiche.
   Unterseiten, Archive und die Beitragsübersicht „Aktuelles“ bleiben unverändert. */
.hs-landing-main > .wp-block-post-content{
  box-sizing:border-box;
  padding-left:0!important;
  padding-right:0!important;
}

/* Normale und breite Blöcke nutzen auf der Landingpage gemeinsam die breite
   1240-px-Achse. Volle Breite bleibt weiterhin für Hero, CTA usw. reserviert. */
.hs-landing-main .wp-block-post-content > :where(:not(.alignfull):not(.alignleft):not(.alignright)){
  box-sizing:border-box;
  width:min(100%,var(--wp--style--global--wide-size))!important;
  max-width:var(--wp--style--global--wide-size)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Vollbreite-Blöcke wirklich bis an den Viewportrand führen. Dadurch verschwindet
   insbesondere der schmale weiße Rand links am gelben Handlungsaufruf. */
.hs-landing-main .wp-block-post-content > .alignfull{
  box-sizing:border-box;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}

/* Der Slidertext folgt auf der Landingpage derselben 1240-px-Achse. */
.hs-landing-main :where(.hs-hero-content,.hc-hero-content) > .wp-block-group{
  width:min(var(--wp--style--global--wide-size),calc(100% - 56px))!important;
  max-width:var(--wp--style--global--wide-size)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hs-landing-main :where(.hs-hero-slider,.hc-hero-slider) .hs-slider-dots{
  left:max(28px,calc((100vw - 1240px)/2 + 8px))!important;
}

@media(max-width:1296px){
  .hs-landing-main :where(.hs-hero-content,.hc-hero-content) > .wp-block-group{
    width:calc(100% - 56px)!important;
  }
  .hs-landing-main :where(.hs-hero-slider,.hc-hero-slider) .hs-slider-dots{
    left:36px!important;
  }
}
@media(max-width:781px){
  .hs-landing-main .wp-block-post-content > :where(:not(.alignfull)){
    width:100%!important;
  }
  .hs-landing-main :where(.hs-hero-content,.hc-hero-content) > .wp-block-group{
    width:calc(100% - 40px)!important;
  }
  .hs-landing-main :where(.hs-hero-slider,.hc-hero-slider) .hs-slider-dots{
    left:28px!important;
  }
}

/* Version 1.1.8: Blocksatz mit automatischer Silbentrennung.
   Im Block-Editor kann entweder der Stil „Blocksatz mit Silbentrennung“ gewählt
   oder unter „Erweitert → Zusätzliche CSS-Klasse(n)“ die Klasse blocksatz bzw.
   hs-blocksatz eingetragen werden. Die Trennsprache richtet sich nach der in
   WordPress eingestellten Seitensprache (bei Deutsch üblicherweise de-DE). */
:where(.blocksatz,.hs-blocksatz,.is-style-blocksatz){
  text-align:justify;
  text-align-last:auto;
  text-justify:inter-word;
  -webkit-hyphens:auto;
  hyphens:auto;
  hyphenate-limit-chars:6 3 3;
  overflow-wrap:break-word;
}

/* Rechts- und linksbündig umflossene Bilder folgen derselben Inhaltsachse wie
   der Fließtext. In Standardseiten liegt der Beitragsinhalt zwar in der breiten
   1240-px-Fläche, der Text selbst endet jedoch bei 1000 px. Der dynamische
   Innenabstand gleicht genau diese Differenz aus. */
.hs-site-main .wp-block-post-content > .wp-block-image.alignright,
.hs-site-main .wp-block-post-content > figure.wp-block-image.alignright{
  margin-right:max(0px,calc((100% - var(--wp--style--global--content-size))/2))!important;
  margin-left:clamp(1.25rem,3vw,2.5rem)!important;
  margin-bottom:1.25rem!important;
}
.hs-site-main .wp-block-post-content > .wp-block-image.alignleft,
.hs-site-main .wp-block-post-content > figure.wp-block-image.alignleft{
  margin-left:max(0px,calc((100% - var(--wp--style--global--content-size))/2))!important;
  margin-right:clamp(1.25rem,3vw,2.5rem)!important;
  margin-bottom:1.25rem!important;
}

/* Auf der Landingpage ist die gemeinsame Inhaltsachse 1240 px breit. Floats
   werden deshalb an dieser Achse ausgerichtet, ohne ihre individuell gewählte
   Bildbreite durch die allgemeine Landingpage-Regel zu überschreiben. */
.hs-landing-main .wp-block-post-content > .wp-block-image.alignright,
.hs-landing-main .wp-block-post-content > figure.wp-block-image.alignright{
  margin-right:max(0px,calc((100% - var(--wp--style--global--wide-size))/2))!important;
  margin-left:clamp(1.25rem,3vw,2.5rem)!important;
  margin-bottom:1.25rem!important;
}
.hs-landing-main .wp-block-post-content > .wp-block-image.alignleft,
.hs-landing-main .wp-block-post-content > figure.wp-block-image.alignleft{
  margin-left:max(0px,calc((100% - var(--wp--style--global--wide-size))/2))!important;
  margin-right:clamp(1.25rem,3vw,2.5rem)!important;
  margin-bottom:1.25rem!important;
}

/* Floats sauber abschließen, damit nachfolgende Vollbreite-Abschnitte nicht
   ungewollt neben einem Bild hochrutschen. */
.hs-site-main .wp-block-post-content::after,
.hs-landing-main .wp-block-post-content::after{
  content:"";
  display:table;
  clear:both;
}

@media(max-width:700px){
  .hs-site-main .wp-block-post-content > .wp-block-image.alignright,
  .hs-site-main .wp-block-post-content > .wp-block-image.alignleft,
  .hs-landing-main .wp-block-post-content > .wp-block-image.alignright,
  .hs-landing-main .wp-block-post-content > .wp-block-image.alignleft{
    float:none!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}



/* Version 1.1.9: Schulbranding im Header und fotografischer Seitenkopf. */

/* Das vorhandene Website-Logo bleibt ein normaler WordPress-Site-Logo-Block.
   Falls noch kein eigenes Logo gesetzt wurde, hinterlegt das Theme beim nächsten
   Aufruf des WordPress-Backends automatisch das mitgelieferte Humboldt-Logo. */
.hs-site-header .hs-brand{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:clamp(10px,1.1vw,15px);
  min-width:0;
}
.hs-site-header .hs-brand .wp-block-site-logo{
  flex:0 0 auto;
  margin:0!important;
  line-height:0;
}
.hs-site-header .hs-brand .wp-block-site-logo img,
.hs-site-header .hs-brand .custom-logo{
  display:block;
  width:clamp(58px,5.2vw,72px)!important;
  height:auto!important;
  max-height:54px;
  object-fit:contain;
}

/* Der vorhandene Site-Title-Link bleibt als echter, barrierefreier Home-Link
   bestehen. Die visuelle Ausgabe wird jedoch bewusst in zwei feste Zeilen
   gegliedert, damit sie auf allen Bildschirmgrößen gleich professionell wirkt. */
.hs-site-header .hs-brand .wp-block-site-title{
  min-width:0;
  margin:0!important;
  line-height:1!important;
}
.hs-site-header .hs-brand .wp-block-site-title > a{
  display:grid!important;
  gap:3px;
  min-width:0;
  color:var(--hs-charcoal)!important;
  font-size:0!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:normal!important;
}
.hs-site-header .hs-brand .wp-block-site-title > a::before,
.hs-site-header .hs-brand .wp-block-site-title > a::after{
  display:block;
  font-family:inherit;
  font-weight:800;
  line-height:1.08;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.hs-site-header .hs-brand .wp-block-site-title > a::before{
  content:"STAATLICHES GYMNASIUM";
  font-size:clamp(.72rem,.72vw,.82rem);
}
.hs-site-header .hs-brand .wp-block-site-title > a::after{
  content:"„WILHELM VON HUMBOLDT“ NORDHAUSEN";
  font-size:clamp(.66rem,.68vw,.78rem);
}
.hs-site-header .hs-brand .wp-block-site-tagline{
  display:none!important;
}

/* Der Standard-Seitenkopf verwendet das mitgelieferte Schulfoto. Es liegt
   bewusst rechts; die linke Anthrazitfläche und der weiche Verlauf sichern
   die Lesbarkeit der Überschrift. Wird später im Cover-Block ein eigenes Bild
   gewählt, liegt dieses wie gewohnt über dem Theme-Hintergrund. */
.wp-site-blocks .hs-page-hero{
  position:relative;
  isolation:isolate;
  min-height:clamp(250px,22vw,310px)!important;
  overflow:hidden;
  background-color:var(--hs-charcoal);
  background-image:url("assets/images/humboldt-school-hero.jpg");
  background-repeat:no-repeat;
  background-position:right 58%;
  background-size:auto 150%;
}
.wp-site-blocks .hs-page-hero > .wp-block-cover__background{
  z-index:1;
  opacity:1!important;
  background:linear-gradient(
    90deg,
    rgba(21,27,32,1) 0%,
    rgba(21,27,32,.98) 27%,
    rgba(21,27,32,.90) 43%,
    rgba(21,27,32,.62) 63%,
    rgba(21,27,32,.18) 100%
  )!important;
}
.wp-site-blocks .hs-page-hero > .wp-block-cover__image-background,
.wp-site-blocks .hs-page-hero > video.wp-block-cover__video-background{
  z-index:0;
}
.wp-site-blocks .hs-page-hero > .wp-block-cover__inner-container{
  position:relative;
  z-index:2;
}
.wp-site-blocks .hs-page-hero :where(h1,.wp-block-post-title,.wp-block-query-title){
  color:var(--hs-yellow)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.34);
}
.wp-site-blocks .hs-page-hero .hs-breadcrumbs{
  color:rgba(255,255,255,.88)!important;
}

@media(max-width:1100px){
  .hs-site-header .hs-brand .wp-block-site-title > a::before{font-size:.72rem}
  .hs-site-header .hs-brand .wp-block-site-title > a::after{font-size:.66rem}
  .wp-site-blocks .hs-page-hero{
    background-position:82% 58%;
    background-size:auto 138%;
  }
}
@media(max-width:781px){
  .hs-site-header .hs-brand{gap:9px}
  .hs-site-header .hs-brand .wp-block-site-logo img,
  .hs-site-header .hs-brand .custom-logo{width:54px!important;max-height:42px}
  .hs-site-header .hs-brand .wp-block-site-title > a{gap:2px}
  .hs-site-header .hs-brand .wp-block-site-title > a::before{font-size:.66rem}
  .hs-site-header .hs-brand .wp-block-site-title > a::after{font-size:.59rem}
  .wp-site-blocks .hs-page-hero{
    min-height:230px!important;
    background-position:76% 58%;
    background-size:auto 118%;
  }
  .wp-site-blocks .hs-page-hero > .wp-block-cover__background{
    background:linear-gradient(
      90deg,
      rgba(21,27,32,.98) 0%,
      rgba(21,27,32,.93) 48%,
      rgba(21,27,32,.54) 100%
    )!important;
  }
}
@media(max-width:480px){
  .hs-site-header .hs-brand .wp-block-site-title > a::before{font-size:.61rem}
  .hs-site-header .hs-brand .wp-block-site-title > a::after{font-size:.54rem}
  .wp-site-blocks .hs-page-hero{
    background-position:72% 58%;
    background-size:auto 108%;
  }
}


/* Version 1.1.10: weicherer, größerer Schulfoto-Seitenkopf und zuverlässiges Logo. */

/* Der Standard-Seitenkopf zeigt das Schulfoto deutlich größer. Das Bild reicht
   weiter nach links in die Fläche hinein; der untere Weg darf dabei zugunsten
   der stärkeren Gebäudewirkung beschnitten werden. */
.wp-site-blocks .hs-page-hero{
  background-size:92% auto;
  background-position:right 45%;
}

/* Mehrstufiger Verlauf statt sichtbarer Bildkante: links bleibt der Titelbereich
   ruhig anthrazit, anschließend wird das Foto stufenlos eingeblendet. */
.wp-site-blocks .hs-page-hero > .wp-block-cover__background{
  background:linear-gradient(
    90deg,
    rgba(21,27,32,1) 0%,
    rgba(21,27,32,1) 28%,
    rgba(21,27,32,.98) 36%,
    rgba(21,27,32,.86) 44%,
    rgba(21,27,32,.62) 53%,
    rgba(21,27,32,.35) 64%,
    rgba(21,27,32,.12) 78%,
    rgba(21,27,32,.03) 100%
  )!important;
}

/* Fallback-Abmessungen für das mitgelieferte Logo. Die serverseitige Ausgabe
   greift nur, wenn in WordPress noch kein eigenes Website-Logo hinterlegt ist. */
.hs-site-header .hs-default-logo-link{
  display:block;
  flex:0 0 auto;
  margin:0;
  line-height:0;
}
.hs-site-header .hs-default-logo-link img{
  display:block;
  width:clamp(58px,5.2vw,72px)!important;
  height:auto!important;
  max-height:54px;
  object-fit:contain;
}

@media(max-width:1100px){
  .wp-site-blocks .hs-page-hero{
    background-size:105% auto;
    background-position:right 45%;
  }
}
@media(max-width:781px){
  .hs-site-header .hs-default-logo-link img{
    width:54px!important;
    max-height:42px;
  }
  .wp-site-blocks .hs-page-hero{
    background-size:150% auto;
    background-position:72% 45%;
  }
  .wp-site-blocks .hs-page-hero > .wp-block-cover__background{
    background:linear-gradient(
      90deg,
      rgba(21,27,32,.99) 0%,
      rgba(21,27,32,.98) 34%,
      rgba(21,27,32,.88) 50%,
      rgba(21,27,32,.58) 72%,
      rgba(21,27,32,.22) 100%
    )!important;
  }
}
@media(max-width:480px){
  .wp-site-blocks .hs-page-hero{
    background-size:185% auto;
    background-position:70% 45%;
  }
}


/* Version 1.2.2: verlässlicher Markenblock im Header und verfeinerter Seitenkopf. */

/* Die Kopfmarke zeigt immer Logo plus die gewünschte zweizeilige Schulbezeichnung.
   Die bisherige Site-Title/Tagline-Gruppe wird visuell ersetzt, damit auch bei
   älteren WordPress-Anpassungen zuverlässig die richtige Beschriftung erscheint. */
.hs-site-header .hs-brand{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:clamp(10px,1.1vw,15px);
  row-gap:3px;
  min-width:0;
}
.hs-site-header .hs-brand .wp-block-site-logo,
.hs-site-header .hs-brand .wp-block-site-logo + .wp-block-group{
  margin:0!important;
}
.hs-site-header .hs-brand .wp-block-site-logo{grid-column:1;grid-row:1 / span 2}
.hs-site-header .hs-brand > .wp-block-group{display:none!important}
.hs-site-header .hs-brand::before,
.hs-site-header .hs-brand::after{
  grid-column:2;
  display:block;
  color:var(--hs-charcoal);
  text-transform:uppercase;
  letter-spacing:.015em;
  line-height:1.06;
  white-space:normal;
}
.hs-site-header .hs-brand::before{
  content:"STAATLICHES GYMNASIUM";
  grid-row:1;
  font-weight:800;
  font-size:clamp(.72rem,.72vw,.82rem);
}
.hs-site-header .hs-brand::after{
  content:"„WILHELM VON HUMBOLDT“ NORDHAUSEN";
  grid-row:2;
  font-weight:800;
  font-size:clamp(.66rem,.68vw,.78rem);
}

/* Der Seitenkopf wird einen Hauch heller und etwas weniger eng beschnitten.
   Das Gebäude bleibt besser erkennbar, die Farben sind dezent sichtbar.
   Gleichzeitig maskiert ein dunklerer rechter Rand das störende Wohnhaus. */
.wp-site-blocks .hs-page-hero{
  background-size:84% auto;
  background-position:108% 45%;
}
.wp-site-blocks .hs-page-hero > .wp-block-cover__background{
  background:linear-gradient(
    90deg,
    rgba(21,27,32,1) 0%,
    rgba(21,27,32,.99) 24%,
    rgba(21,27,32,.94) 34%,
    rgba(21,27,32,.78) 46%,
    rgba(21,27,32,.48) 60%,
    rgba(21,27,32,.22) 74%,
    rgba(21,27,32,.16) 84%,
    rgba(21,27,32,.38) 94%,
    rgba(21,27,32,.70) 100%
  )!important;
}

@media(max-width:1100px){
  .hs-site-header .hs-brand::before{font-size:.72rem}
  .hs-site-header .hs-brand::after{font-size:.66rem}
  .wp-site-blocks .hs-page-hero{
    background-size:96% auto;
    background-position:110% 45%;
  }
}
@media(max-width:781px){
  .hs-site-header .hs-brand{
    column-gap:9px;
    row-gap:2px;
  }
  .hs-site-header .hs-brand::before{font-size:.66rem}
  .hs-site-header .hs-brand::after{font-size:.59rem}
  .wp-site-blocks .hs-page-hero{
    background-size:138% auto;
    background-position:82% 45%;
  }
  .wp-site-blocks .hs-page-hero > .wp-block-cover__background{
    background:linear-gradient(
      90deg,
      rgba(21,27,32,.99) 0%,
      rgba(21,27,32,.97) 36%,
      rgba(21,27,32,.82) 52%,
      rgba(21,27,32,.46) 74%,
      rgba(21,27,32,.28) 88%,
      rgba(21,27,32,.54) 100%
    )!important;
  }
}
@media(max-width:480px){
  .hs-site-header .hs-brand::before{font-size:.61rem}
  .hs-site-header .hs-brand::after{font-size:.54rem}
  .wp-site-blocks .hs-page-hero{
    background-size:168% auto;
    background-position:78% 45%;
  }
}


/* Version 1.2.2: kompakter Markenblock und fein abgestimmter Seitenkopf. */

/* Beide Zeilen des Schulnamens sind gleich groß. Ein vollständig aufgehobener
   Zeilenabstand hält die Wortmarke kompakt direkt neben dem Logo. */
.hs-site-header .hs-brand{
  row-gap:0!important;
  align-content:center;
}
.hs-site-header .hs-brand::before,
.hs-site-header .hs-brand::after{
  margin:0!important;
  padding:0!important;
  font-size:clamp(.72rem,.72vw,.82rem)!important;
  line-height:1!important;
}
.hs-site-header .hs-brand::after{
  margin-top:-1px!important;
}

/* Der Seitenkopf wird gegenüber 1.2.1 nur leicht stärker gezoomt und etwas
   dunkler überlagert. Die natürlichen Farben des Fotos bleiben dabei erhalten. */
.wp-site-blocks .hs-page-hero{
  background-size:88% auto;
  background-position:107% 45%;
}
.wp-site-blocks .hs-page-hero > .wp-block-cover__background{
  background:linear-gradient(
    90deg,
    rgba(21,27,32,1) 0%,
    rgba(21,27,32,.995) 24%,
    rgba(21,27,32,.96) 34%,
    rgba(21,27,32,.84) 46%,
    rgba(21,27,32,.58) 60%,
    rgba(21,27,32,.32) 74%,
    rgba(21,27,32,.24) 84%,
    rgba(21,27,32,.46) 94%,
    rgba(21,27,32,.74) 100%
  )!important;
}

@media(max-width:1100px){
  .hs-site-header .hs-brand::before,
  .hs-site-header .hs-brand::after{
    font-size:.72rem!important;
  }
  .wp-site-blocks .hs-page-hero{
    background-size:101% auto;
    background-position:109% 45%;
  }
}
@media(max-width:781px){
  .hs-site-header .hs-brand{
    row-gap:0!important;
  }
  .hs-site-header .hs-brand::before,
  .hs-site-header .hs-brand::after{
    font-size:.66rem!important;
  }
  .wp-site-blocks .hs-page-hero{
    background-size:145% auto;
    background-position:81% 45%;
  }
  .wp-site-blocks .hs-page-hero > .wp-block-cover__background{
    background:linear-gradient(
      90deg,
      rgba(21,27,32,1) 0%,
      rgba(21,27,32,.985) 36%,
      rgba(21,27,32,.87) 52%,
      rgba(21,27,32,.54) 74%,
      rgba(21,27,32,.36) 88%,
      rgba(21,27,32,.61) 100%
    )!important;
  }
}
@media(max-width:480px){
  .hs-site-header .hs-brand::before,
  .hs-site-header .hs-brand::after{
    font-size:.61rem!important;
  }
  .wp-site-blocks .hs-page-hero{
    background-size:176% auto;
    background-position:77% 45%;
  }
}


/* Version 1.2.3: nutzerbearbeiteter Seitenkopf mit weichem Verlauf, leichtem Zoom und ohne sichtbares Wohnhaus am rechten Rand. */
.wp-site-blocks .hs-page-hero{
  background-image:url("assets/images/humboldt-school-hero.jpg");
  background-repeat:no-repeat;
  background-position:right center;
  background-size:cover;
}
.wp-site-blocks .hs-page-hero > .wp-block-cover__background{
  background:linear-gradient(
    90deg,
    rgba(21,27,32,1) 0%,
    rgba(21,27,32,.995) 22%,
    rgba(21,27,32,.96) 34%,
    rgba(21,27,32,.83) 46%,
    rgba(21,27,32,.61) 58%,
    rgba(21,27,32,.34) 72%,
    rgba(21,27,32,.16) 86%,
    rgba(21,27,32,.30) 94%,
    rgba(21,27,32,.58) 100%
  )!important;
}
@media(max-width:1100px){
  .wp-site-blocks .hs-page-hero{
    background-position:70% center;
    background-size:cover;
  }
}
@media(max-width:781px){
  .wp-site-blocks .hs-page-hero{
    background-position:66% center;
    background-size:cover;
  }
  .wp-site-blocks .hs-page-hero > .wp-block-cover__background{
    background:linear-gradient(
      90deg,
      rgba(21,27,32,1) 0%,
      rgba(21,27,32,.985) 34%,
      rgba(21,27,32,.88) 50%,
      rgba(21,27,32,.56) 72%,
      rgba(21,27,32,.34) 88%,
      rgba(21,27,32,.56) 100%
    )!important;
  }
}
@media(max-width:480px){
  .wp-site-blocks .hs-page-hero{
    background-position:64% center;
  }
}


/* Version 1.2.4: unverändertes, vom Nutzer bereitgestelltes Seitenkopf-Bild.
   Die Bilddatei wird bytegenau eingebunden; ausschließlich ein weicher
   Anthrazit-Verlauf sichert die Lesbarkeit des Seitentitels. */
.wp-site-blocks .hs-page-hero{
  background-image:url("assets/images/humboldt-school-hero-v124.png")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
.wp-site-blocks .hs-page-hero > .wp-block-cover__background{
  opacity:1!important;
  background:linear-gradient(
    90deg,
    rgba(21,27,32,1) 0%,
    rgba(21,27,32,.99) 24%,
    rgba(21,27,32,.94) 35%,
    rgba(21,27,32,.76) 47%,
    rgba(21,27,32,.48) 60%,
    rgba(21,27,32,.22) 74%,
    rgba(21,27,32,.08) 88%,
    rgba(21,27,32,0) 100%
  )!important;
}
@media(max-width:781px){
  .wp-site-blocks .hs-page-hero{
    background-position:center center!important;
    background-size:cover!important;
  }
  .wp-site-blocks .hs-page-hero > .wp-block-cover__background{
    background:linear-gradient(
      90deg,
      rgba(21,27,32,1) 0%,
      rgba(21,27,32,.98) 38%,
      rgba(21,27,32,.82) 56%,
      rgba(21,27,32,.48) 76%,
      rgba(21,27,32,.14) 100%
    )!important;
  }
}