/*!
Theme Name: Sportmittelschule Hauzenberg
Theme URI: https://sportmittelschule-hauzenberg.de
Author: wald.pixel.werk
Author URI: https://waldpixelwerk.de/
Description: Theme für die Sportmittelschule Hauzenberg
Version: 1.0.0
Tested up to: 8.2
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sportmittelschulehauzenberg
Tags: custom-menu, translation-ready
*/

@charset "UTF-8";
@font-face {
  font-family: 'Pally';
  src: url('./fonts/Pally-Regular.woff2') format('woff2'),
       url('./fonts/Pally-Regular.woff') format('woff'),
       url('./fonts/Pally-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Pally';
  src: url('./fonts/Pally-Medium.woff2') format('woff2'),
       url('./fonts/Pally-Medium.woff') format('woff'),
       url('./fonts/Pally-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Pally';
  src: url('./fonts/Pally-Bold.woff2') format('woff2'),
       url('./fonts/Pally-Bold.woff') format('woff'),
       url('./fonts/Pally-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 400.0 to 700.0
*/
@font-face {
  font-family: 'Pally-Variable';
  src: url('./fonts/Pally-Variable.woff2') format('woff2'),
       url('./fonts/Pally-Variable.woff') format('woff'),
       url('./fonts/Pally-Variable.ttf') format('truetype');
  font-weight: 400 700;
  font-display: swap;
  font-style: normal;
}


@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-Light.woff2') format('woff2'),
       url('./fonts/BespokeSlab-Light.woff') format('woff'),
       url('./fonts/BespokeSlab-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-LightItalic.woff2') format('woff2'),
       url('./fonts/BespokeSlab-LightItalic.woff') format('woff'),
       url('./fonts/BespokeSlab-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-Regular.woff2') format('woff2'),
       url('./fonts/BespokeSlab-Regular.woff') format('woff'),
       url('./fonts/BespokeSlab-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-Italic.woff2') format('woff2'),
       url('./fonts/BespokeSlab-Italic.woff') format('woff'),
       url('./fonts/BespokeSlab-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-Medium.woff2') format('woff2'),
       url('./fonts/BespokeSlab-Medium.woff') format('woff'),
       url('./fonts/BespokeSlab-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-MediumItalic.woff2') format('woff2'),
       url('./fonts/BespokeSlab-MediumItalic.woff') format('woff'),
       url('./fonts/BespokeSlab-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-Bold.woff2') format('woff2'),
       url('./fonts/BespokeSlab-Bold.woff') format('woff'),
       url('./fonts/BespokeSlab-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-BoldItalic.woff2') format('woff2'),
       url('./fonts/BespokeSlab-BoldItalic.woff') format('woff'),
       url('./fonts/BespokeSlab-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-Extrabold.woff2') format('woff2'),
       url('./fonts/BespokeSlab-Extrabold.woff') format('woff'),
       url('./fonts/BespokeSlab-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'BespokeSlab';
  src: url('./fonts/BespokeSlab-ExtraboldItalic.woff2') format('woff2'),
       url('./fonts/BespokeSlab-ExtraboldItalic.woff') format('woff'),
       url('./fonts/BespokeSlab-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSlab-Variable';
  src: url('./fonts/BespokeSlab-Variable.woff2') format('woff2'),
       url('./fonts/BespokeSlab-Variable.woff') format('woff'),
       url('./fonts/BespokeSlab-Variable.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 800.0;
*
* available axes:
'wght' (range from 300.0 to 800.0
*/
@font-face {
  font-family: 'BespokeSlab-VariableItalic';
  src: url('./fonts/BespokeSlab-VariableItalic.woff2') format('woff2'),
       url('./fonts/BespokeSlab-VariableItalic.woff') format('woff'),
       url('./fonts/BespokeSlab-VariableItalic.ttf') format('truetype');
  font-weight: 300 800;
  font-display: swap;
  font-style: italic;
}



 :root{
    --fonts:1.25vw;
    --fontss:0.66rem;
    --fontsm:1.125rem;
    --fontsb:1.33rem;
    --head1:2.44rem;
    --head2:2.44rem;
    --head3:1.22rem;
    --containerm: 80%;
    --containerw: 90%;
    --containerf: 100%;
    --heather:#F3F0EC;
    --pri:#008BD2;
	 --dpri:#001496;
    --hpri:#86C3E0;
    --hhpri:#C0EAFF;
    --sec:#E50047;
    --bradius:0.5rem;
    --shift:16.8rem;
    --shiftsmall:12.8rem;
    --swidth:53.5%;
  }



@media(min-width:1920px){
  :root{
    --fonts:24px;
    --containerm: 1509px;
    --containerw: 1728px;
	--swidth:1028px;
  }
}

@media(max-width:960px){
  :root{
    --fonts:3vw;
    --containerm:86vw;
    --containerw: 90vw;
    --fontsmall:0.9rem;
    --head1:2.5em;
    --head2:1.67em;
    --head3:1.33em;
    --shift:4rem;
    --shiftsmall:2rem;
    --swidth:calc(100% - 4rem);
  }
}


html :where(.wp-block){
	max-width:unset
}

.wp-block-gallery.has-nested-images figure.wp-block-image{flex-direction:unset}
figure.wp-block-gallery.has-nested-images {
    align-items: normal;
    gap: 0 !important;
    display: block;
}

    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
        width: unset;
    }

body, html{
font-family:"ff-ernestine-pro", "BespokeSlab";
padding:0;margin:0;left:0;top:0;position:relative;font-size:var(--fonts);line-height:1.5em;text-rendering: geometricPrecision;background-color:var(--heather);color: var(--pri);white-space-collapsing:discard;min-height:100vh}

a, a:link{text-decoration:none;transition:all .2s ease-in-out;color:var(--pri)}

.container-inner a{display:inline;position:relative;text-decoration:underline;color:var(--pri)}
.container-inner a:hover{color:var(--sec)}

h1, h2, h3, h4, h5, h6{
  font-family:"Pally";line-height:1.2em;font-weight:400;
    margin-inline-start: 0px;
  margin-block-end: 0rem;
  margin-block-start: 0rem;
  color:var(--sec);
}


h1{font-size:var(--head1);line-height:1.1em;}
h2{font-size:var(--head2);line-height:1.1em;}
h3{font-size:var(--head3);line-height:1.1em;}
h4{font-size:var(--head3);line-height:1.1em;}
h5{font-size:var(--head3);line-height:1.1em;}


img{max-width:100%}

::selection{
  color:var(--heather);
  background-color:var(--pri);
}

.container-padding{padding-top:3em;padding-bottom:3em;}
.container-padding-big{padding-top:5em;padding-bottom:4em;}

.container{width:100vw;text-align:center;display:inline-block;position:relative}
.container-inner{width:var(--containerm);display:inline-block;position:relative;text-align:left}
.container-inner-wide{width:var(--containerw);display:inline-block;position:relative;text-align:left}
.mobile-only{display:none;}

/*header*/

.super-header{top:0;left:0;width:100%;position:fixed;z-index:13;}
.super-header .container-inner-wide{text-align:right}
.super-header .icon{width:1.5em;height:0.9em;padding:0.6em 0.3em;border-bottom-left-radius: var(--bradius);border-bottom-right-radius: var(--bradius);background-color:var(--sec);display:inline-block;margin-left:0.1em;transition:background-color .2s ease-in-out}
.super-header .icon:hover{background-color:var(--pri)}
.super-header .icon img{width:100%;height:100%;object-fit: contain;}
.header{position:fixed;top:0;left:0;width:100vw;z-index:9;background-color:var(--heather)}
.menu{width:100%;position:relative;display:inline-block;padding-top:2em;}
.menu-logo{float:left;display:inline-block;margin-left:5vw;width:20%;position:relative;transition:width .2s ease-in-out}
.header.scroll .menu-logo{width:10%;}


.logo-placeholder{width:100%;position:relative;opacity:0}
.logo-mask{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}

.logo-as-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.logo-masked-container{position:absolute;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);z-index:1}
.logo-masked{width:100%; transform: rotate(-56deg) translateX(0%) translateY(0%) scale(1.7);transition:transform 2s ease-in-out;transform-orign:center}
.logo-masked-container{position:absolute;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);overflow:hidden}
.logo-mask:hover .logo-masked{transform: rotate(-60deg) translateX(20%) translateY(-2%) scale(1.6);}
.logo-mask-image{width:100%;height:100%}
.logo-overlay{position:absolute;bottom:0;width:100%;left:0;background-color:var(--heather);height:20%;opacity:0;transition:opacity .2s ease-in-out;z-index:3}
.header.scroll .logo-overlay{opacity:1;}
.menu-container{float:right;display:inline-block;margin-top:2em;position:relative;transition:margin .2s ease-in-out;}
.header.scroll  .menu-container { margin-top: 0.5em;}
.header{transition:box-shadow .3s ease-in-out}
.header.scroll{-webkit-box-shadow: 0px 10px 7px -3px rgba(0,0,0,0.23); 
box-shadow: 0px 10px 7px -3px rgba(0,0,0,0.23);}
figure {
    display: inline-block;
    margin-block-start:  0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

header ul {
    display: inline-block;
    list-style-type: unset;
    margin-block-start: 0.7rem;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
}

header li {
    display: inline-block;
    padding: 0.5em 1em 0.8em 1em;
    color: var(--white);
    font-size: var(--header);
    border-start-start-radius: var(--bradius);
     border-start-end-radius: var(--bradius);
    transition:all .2s ease-in-out;
	margin-right: -.4em;
}

.current-menu-parent a{color:var(--sec)}
header li:has(.sub-menu) {
   border-start-start-radius: var(--bradius);
     border-start-end-radius: var(--bradius);
}


header li:has(.sub-menu):nth-child(1) {
 border-bottom-left-radius:0;
}

header .sub-menu:nth-child(1){
	border-top-left-radius:0;
}

header li:not(:has(.sub-menu)) {
       padding: 0.5em 1em 0.5em 1em;
    border-radius: var(--bradius);
}


.header li a{transition:transform .2s ease-in-out;position:relative;display:inline-block}
.header li a:before{content:"";position:absolute;background-image:url("img/arrow-white.svg");left:-1em;top:0.4em;background-repeat: no-repeat;background-size:contain;width:0.7em;height:1em;opacity:0;transform:translateX(-0.2em);transition: all .2s ease-in-out}
.header li:hover a:before{opacity:1;transform:translateX(0)}

.header li:hover{background-color:var(--pri);}
.header li:hover a{color:var(--heather);transform:translateX(0.3em)}



header .sub-menu{position:absolute;top:2.5em;left:0;border-radius:var(--bradius);width:100%;background-color:var(--pri);opacity:0;pointer-events:none;padding:1em 1em 1em 0;-webkit-box-shadow: 0px 10px 7px -3px rgba(0,0,0,0.23); 
box-shadow: 0px 10px 7px -3px rgba(0,0,0,0.23);box-sizing:border-box;}
header .sub-menu a{color:var(--heather);}
header li:hover .sub-menu a{transform:translateX(0)}
header li:hover .sub-menu li a:before{opacity:0;transform:translateX(-0.2em)}
header li .sub-menu li:hover a:before{opacity:1;transform:translateX(0)}
header li:hover .sub-menu li:hover a{transform:translateX(0.8em)}

#menu-item-421 .sub-menu{border-start-start-radius: 0em;}

header li:hover .sub-menu{opacity:1;pointer-events:auto;}
.header .sub-menu li:hover{background-color:unset;}
.header .sub-menu li {
    padding: 0.5em 1.5em;
    width: auto;
}

/*allgemein*/




.main-content{margin-top: 12em;}
.container-hero-slider{margin-top:2.5em;}
.hero-slider{width:100%;overflow:hidden;border-radius:var(--bradius);overflow:visible;}
.hero-slider-inner{width:100%;transition:left .4s ease-in-out;left:0;position: relative;height:30em;object-fit: cover;}
.hero-slider img{float:left;display: inline-block;width:100%;position:absolute;left:0;top:0;height:100%;opacity:0;transition:all 1s ease-in-out;transform-origin:center;transform:scale(1);border-radius:10em;object-fit:cover;border-radius: var(--bradius)}
.hero-slider img.active{z-index:2;opacity:1;transform:scale(1);}
.hero-slider img.activez{z-index:1}

.breadcrumb{margin-top:1rem;font-size:0.7em;line-height:1em;margin-bottom:3.5rem}
.breadcrumb a{text-decoration:none;font-weight:700}


.gb-head-text {
 
    width: var(--swidth);
    margin-left: var(--shiftsmall);
    text-align: left;
    display: inline-block;
}
.gb-head-text i, .gb-head-text strong, .gb-head-text em, .gb-head-text b{color:var(--sec)}
.gb-head-text p{font-size:var(--fontsb);line-height:1.5em}
.gb-head-text h1, .gb-head-text h2{margin-bottom:1em;}

.gb-head-text img{height:auto !important}

.gb-news-text{width:var(--containerm);text-align:left;display:inline-block;}
.gb-news-text .wp-block-heading{margin-left:var(--shift)}

.gb-news-text .wp-block-button{text-align:center}

.gb-news-container{width:100%;display: flex;
    justify-content: space-between}
.gb-news-single{width:31%;display:inline-block;box-sizing:border-box;}
.gb-news-single:nth-child(1){text-align:left;border-right:solid 1px var(--sec)}
.gb-news-single:nth-child(2){width:38%;text-align:center;border-right:solid 1px var(--sec)}
.gb-news-single:nth-child(3){text-align:right}
.gb-news-single-inner{width:15em;text-align:left;display:inline-block;padding:1em 0}
.gb-news-single-date{float:left;display: inline-block;font-size:var(--head2);font-weight:400}
.gb-news-single-time {
    float: left;
    display: inline-block;
    font-weight: 700;
    font-size: var(--fontsb);
    margin-top: 0.2em;
    width: 100%;
}
.gb-news-single-title{width:100%;margin-top:1em;display: inline-block;font-size:var(--fontsb);line-height:1.5em}

.wp-block-read-more, .wp-block-button__link{margin-left:auto;margin-right:auto;display:inline-block;background-color:var(--dpri);color:var(--heather) !important;transition:all .2s ease-in-out;font-family: "Pally";font-weight: 400;font-size:1.45em;line-height:1em;padding:0.5em 0.7em;border-radius:var(--bradius)}
.screen-reader-text{display: none;}

.wp-block-button__link a, .wp-block-button__link{text-decoration:none !important;}

.wp-block-read-more:hover, .wp-block-button__link:hover{background-color:var(--sec)}


.gb-aktuell-container{width:100%;display: flex;
    justify-content: space-between;}

.gb-aktuell-container a{text-decoration:unset !important}

.gb-aktuell-container-full{width:100%;display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 gleich große Spalten */
    gap: 0.8em;margin:0;}

.gb-aktuell-container-full .gb-aktuell-single{width:100%;margin-bottom:1em;}

    .gb-aktuell-single{width:32.5%;display:inline-block;box-sizing:border-box;}
    .gb-aktuell-image{;margin-bottom:0.8rem;width:100%;height:14em;}
    .gb-aktuell-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--bradius)}
    .gb-aktuell-date{font-weight:700;margin-bottom:0.8rem;width:100%;font-size:var(--fontsb);line-height:1.5em;}
    .gb-aktuell-text{width:90%;font-size:var(--fontsb);line-height:1.5em;}
    .gb-aktuell-text:after{content:"";position:relative;margin-left:0.3em;transition:all .2s ease-in-out;height:1em;width:0.7em;background-image:url("img/arrow.svg");background-repeat: no-repeat;background-size:contain;display: inline-block;transform:rotate(180deg)}
    .gb-aktuell-text a:hover:after, .gb-aktuell-single a:hover .gb-aktuell-text:after{transform:rotate(180deg) translateX(-0.2em)}
    .gb-aktuell-text{transition:all .2s ease-in-out;}
    .gb-aktuell-text a:hover, .gb-aktuell-single a:hover .gb-aktuell-text{color:var(--sec)}

    .gb-specs{width:100%;background-color:var(--hpri);color:var(--heather);padding:3em 0 2em 0}
    .gb-specs h2{color:var(--heather);position:relative;}
    .gb-specs h2:after{content:"";background-image:url("img/warumdarum.svg");background-repeat: no-repeat;background-size:contain;display: inline-block;position:absolute;left:calc(50% - 1rem);top:-1.5rem;width:3rem;height:4rem;}
    
    .gb-specs p{margin-block-start: 0em;}

    .wp-block-quote p{color:var(--pri);
      font-size:var(--head1);
        margin-block-end: 0em;
		line-height:1em;
        display:inline;}
        .wp-block-quote p:before{content:"";position:relative;margin-right:0.3em;transition:all .2s ease-in-out;height:0.7em;width:0.5em;background-image:url("img/arrow.svg");background-repeat: no-repeat;background-size:contain;display: inline-block;transform:rotate(180deg) translateY(0.1em)}
     
     .wp-block-quote p:after{content:"";position:relative;margin-left:0.3em;transition:all .2s ease-in-out;height:0.7em;width:0.5em;background-image:url("img/arrow.svg");background-repeat: no-repeat;background-size:contain;display: inline-block;transform:translateY(0.1em)}
  


.quote-sub{font-family:"Pally";font-size:var(--fontsb);margin-bottom:2em}
.wp-block-quote{margin-block-start: 2em;}
  .wp-block-quote p:hover:before{transform:rotate(180deg) translateY(0.1em) translateX(0.2em)} 
     .wp-block-quote p:hover:after{transform:translateY(0.1em) translateX(0.2em)}
       .wp-block-quote cite{width:100%;margin-top:0.3em;text-align:center;display:inline-block;color:var(--pri);font-size:var(--fontsm);font-style:normal}

       blockquote {
    display: block;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}


.gb-galerie{position:relative;}

.gb-galerie .wp-block-heading{width:var(--containerm);display: inline-block;padding-left:var(--shift);box-sizing:border-box;text-align:left}

.gb-galerie-container{
  width:100vw;
  overflow:hidden;
  position:relative;
  
	overflow:scroll;
 scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE 10+ */
}
.gb-galerie .wp-block-image{position:relative;}

.gb-galerie .wp-block-image .wp-element-caption{position:absolute;bottom:0;left:0;width:100%;    background: linear-gradient(0deg, #0006, #0000);
    box-sizing: border-box;
    color: #fff;
    font-size: 0.6em;
    margin: 0;
    overflow: auto;
    padding: 1em;
    scrollbar-color: #0000 #0000;
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    text-align: center;
    text-shadow: 0 0 1.5px #000;
    will-change: transform;}
.gb-galerie .wp-block-image img{border-radius:0}
.gb-galerie-container::-webkit-scrollbar {
  display: none;               /* Chrome, Safari */
}

.gb-galerie-inner{
  width:max-content;
  position:relative;
  left:0px;
  transition: left .3s ease-in-out;
}

.gb-galerie-inner .wp-block-image{
  display:inline-block;
  height:15em;
  width:auto;
  float:left;
}

@keyframes ssarrow{
  0%{padding-right:0.5em}
  10%{padding-right:0.8em}
  20%{padding-right:0.5em}
100%{padding-right:0.5em}
}

@keyframes ssarrowr{
  0%{padding-left:0.5em}
  10%{padding-left:0.8em}
  20%{padding-left:0.5em}
	100%{padding-left:0.5em}
}
.gb-galerie-arrows{margin-bottom:5em;}
.gb-galerie-arrows .wp-block-column{width:50%;float:left;text-align:left;}
.gb-galerie-arrows .slider-arrow{cursor:pointer;padding:0 1em;color:var(--sec);font-size:2em;}
.gb-galerie-arrows .slider-arrow-left{text-align:right;animation:ssarrow 3s infinite;}
.gb-galerie-arrows .slider-arrow-right{animation:ssarrowr 3s infinite;}
.gb-head-text .wp-block-column img{height:unset !important;}

.gb-head-text .wp-block-columns-is-layout-flex {
    gap: 1em;
}
/*
.gb-galerie:before{cursor:pointer;display:inline-block;background-image:url("img/arrow.svg");width:1.5em;height:1.5em;background-repeat: no-repeat;background-size:contain;content:"";position:absolute;left:calc(50% - 3em);bottom:-3em}
.gb-galerie:after{cursor:pointer;display:inline-block;background-image:url("img/arrow.svg");width:1.5em;height:1.5em;background-repeat: no-repeat;background-size:contain;content:"";position:absolute;left:calc(50% + 1.5em);bottom:-3em;transform:rotate(180deg)}
*/

.gb-galerie .wp-block-image img{width:auto;height:100%;display: inline-block;cursor:pointer; user-drag: none;
  user-select: none;
  -webkit-user-drag: none;}


.gb-ansprechpartnerin{width:var(--containerm);display:inline-block;}
.gb-ansprechpartnerin .wp-block-column{text-align:left}
.gb-ansprechpartnerin .wp-block-column:nth-child(1){margin-left:var(--shift);width:37%;display:inline-block;float:left;font-size:var(--fonts);line-height:1.5em}
.gb-ansprechpartnerin .wp-block-column:nth-child(2){width:25%;margin-right:11%;display:inline-block;float:right;}
.gb-ansprechpartnerin .wp-block-column img{width:auto;height:auto;border-radius:var(--bradius)}
.gb-ansprechpartnerin a{color:var(--sec);text-decoration:underline;}

.gb-text-small{width:var(--swidth);display:inline-block;text-align:left;margin-left:var(--shiftsmall);box-sizing:border-box;}
.gb-text-small a{text-decoration:underline}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1.5em;
    unicode-bidi: isolate;
}

.gb-table{width:var(--containerm);display:inline-block;text-align:left;overflow:hidden;}

.gb-table h3{padding-left:1.5%}

.gb-table .wp-block-table{width:100%;}
.gb-table .wp-block-table table{width:100%}


.gb-table .wp-block-table table tr{position:relative;transition: background-color .2s ease-in-out;}
.gb-table .wp-block-table table tr:hover{background-color:var(--hhpri)}
.gb-table .wp-block-table table tbody{position:relative}
.gb-table .wp-block-table table tr:nth-child(1){font-weight: 600;font-style:italic;padding-bottom:0.5em;margin-bottom:0.5em;border-bottom:1px solid var(--pri) !important}
.gb-table .wp-block-table table td:nth-child(1){padding-left:1.5%;width:var(--shift)}
.gb-table .wp-block-table table td{padding-top:0.2em;padding-bottom:0.2em;min-width:6em}
.gb-table .wp-block-table table tr:nth-child(1) td{padding-top:0.5em;padding-bottom:0.5em;}
.gb-table .wp-block-table table tr:nth-child(2) td{padding-top:0.5em;}

.gb-table.gb-table-4 .wp-block-table table td:nth-child(1) {

    width: calc(var(--shift) / 2  + 1em);
}

.gb-table.gb-table-4 .wp-block-table table td:nth-child(2) {

    width: calc((var(--shift) / 2) + 1em);
	min-width:unset;
}


table {
    width: 100%;
  table-layout: auto; 
    border-collapse: collapse;
    border-spacing: 0.5em 0;
}

.gb-quote{text-align:center;font-size:3.33em;line-height:1em;color:var(--sec);font-weight:600;font-style:italic;width:var(--containerm);display: inline-block;}
.gb-quote-container {
    margin: 2.5em 0 0.5em 0;
}
.wp-block-group .gb-text{margin-top:0em;}
.wp-block-group li em{color:var(--sec)}

.wp-block-group em a{color:var(--sec);text-decoration:underline}
.gb-quote{margin-bottom:0.8em;}
.gb-quote p{width:100%;text-align:center;display:inline-block;position:relative;}
.gb-quote p:before{content:"»";color:var(--pri);position:absolute;top:-1em;left:calc(50% - 0.35em)}
.gb-quote p:after {
    content: "«";
    color: var(--pri);
    position: absolute;
    bottom: -0.8em;
    left: calc(50% - 0.35em);
}

.gb-grid .wp-block-columns{display:grid;text-align:left;
 display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* Drei gleich breite Spalten */
  gap: 2em; /* Abstand zwischen den Spalten */
}

.gb-grid-2 .wp-block-columns{display:grid;text-align:left;
 display: grid;
  grid-template-columns: 1fr 1fr; /* Drei gleich breite Spalten */
  gap: 6em; /* Abstand zwischen den Spalten */
}

.gb-grid{display: inline-block;width:var(--containerw)}
.gb-grid .wp-block-columns{margin-bottom:3em}
.gb-grid .wp-block-columns figure{width:100%;}
.gb-grid .wp-block-columns img{width:100%;height:15em;object-fit: cover;border-radius:var(--bradius);}
.gb-grid-2 .wp-block-columns img{width:100%;height:23em;object-fit: cover;border-radius:var(--bradius);}
.gb-1-2-smalltext{width: var(--swidth);
    margin-left: var(--shiftsmall);
    text-align: left;
    display: inline-block;}
.gb-1-2-smalltext .wp-block-column:nth-child(1){flex-basis:37% !important}
.gb-1-2-smalltext .wp-block-column:nth-child(2){flex-basis:63% !important}
.gb-1-2-smalltext h3{line-height:1.2em;}
.gb-1-2-smalltext p{font-size:1rem;line-height:1.5em;}

 .wp-block-columns-is-layout-flex{display:flex}
.wp-block-columns-is-layout-flex div{flex:1}

.gb-1-1-smalltext{width: var(--swidth);
    margin-left: var(--shiftsmall);
    text-align: left;
    display: inline-block;}
.gb-1-1-smalltext .wp-block-column:nth-child(1){flex-basis:50% !important}
.gb-1-1-smalltext .wp-block-column:nth-child(2){flex-basis:50% !important}
.gb-1-1-smalltext h3{line-height:1.2em;}
.gb-1-1-smalltext p{font-size:1rem;line-height:1.5em;}



.gb-1-smalltext{width: var(--swidth);
    margin-left: var(--shiftsmall);
    text-align: left;
    display: inline-block;}
.gb-1-smalltext h3{line-height:1.2em;}
.gb-1-smalltext p{font-size:1rem;line-height:1.5em;}

.image-wide img{width:85% !important;height:unset !important;}
.image-full img{width:100% !important;height:unset !important;}

.gb-1-1-smalltext .wp-block-columns-is-layout-flex{display:flex}



.gb-leiterinnen h2{font-size:var(--head3);line-height:1.2em}
.gb-leiterinnen p{font-size:1rem;line-height:1.5em;}
.gb-leiterinnen p strong{color:var(--pri)}



.gb-abstand-small{height:3rem;display:inline-block;width:100%;}


.gb-abstand-single{height:1rem;display:inline-block;width:100%;}
.gb-abstand-big{height:7rem;display:inline-block;width:100%;}



.gb-sozialpaed {
    width: var(--swidth);
    margin-left: var(--shiftsmall);
    text-align: left;
    display: inline-block;
}

.gb-sozialpaed img{height:auto;margin-bottom:1em;}
.gb-sozialpaed p{font-size:1rem;line-height:1.5em}
.gb-sozialpaed h4{font-size:1rem;color:var(--pri);line-height:1.5em;font-weight:500}

.gb-sozialpaed .wp-block-columns-is-layout-flex{display:flex}
.gb-sozialpaed .wp-block-columns-is-layout-flex div{flex:1}
.content img{border-radius:var(--bradius);}
.content p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
}

.content ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
	margin-block-end: 0em;}

.gb-table .wp-block-table.lehrer{width:60%;margin-left:var(--shift);z-index:4:position:relative}

.gb-table .wp-block-table.lehrer  table td:nth-child(1){width:50%}
.gb-table .wp-block-table.lehrer table td:nth-child(2){width:50%}

.lehrer-hidden-image{position:relative;width:0px;min-width:0px !important}
.lehrer-hidden-image img{height:100%;opacity:0;position:absolute;right:-2em;height:12em;width:auto;max-width:unset;top:-5.2em;transition:all .3s ease-in-out}

.lehrer tr:hover .lehrer-hidden-image img{opacity:1}
.lehrer tr:active .lehrer-hidden-image img{opacity:1}
.lehrer tr.active .lehrer-hidden-image img{opacity:1}

.lehrer-image-overlay {
  pointer-events: none; /* Klicks durchlassen */
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 9999;

	opacity:0;
	transition:opacity .2s ease-in-out;
}

.lehrer-image-overlay.active{
	opacity:1;
}
.lehrer-image-overlay img {
  width: 12em;
	height:13em;
  height: auto;
  display: block;
}



.single-heading{font-weight:700;font-family:"Pally"}
.single-head h2{margin-bottom: 0.1em;}
.single-sub{font-size:1.05em;margin-bottom:2em;font-family:"Pally";display:inline-block;}
.back-rueck{color:var(--sec);font-size: var(--fontsb);
    line-height: 1.5em;display:inline-block;margin-top:2em;margin-bottom:5em;}
.back-rueck a{text-decoration:underline;color:var(--sec);font-style:italic}

/*lightbox*/

.lightbox{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:rgba(237, 237, 237, 1);opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;z-index:99}
.lightbox-active{opacity:1;pointer-events: auto}
.lightbox-image{width:80%;height:80%;left:10%;top:7%;position:absolute;opacity:0;transition:opacity .3s ease-in-out}
.lightbox-image img{width:100%;height:100%;object-fit: contain}
.lightbox-arrows{width:94%;left:3%;top:calc(50vh - 1.6em);top:calc(50dvh - 1.6em);position:absolute;}
.lightbox-arrow{font-size:2em;color:var(--dark);display:inline-block;cursor:pointer}
.lightbox-arrow-right{float:right}
.lightbox-close{font-size:2em;text-align:right;top:2rem;right:3%;cursor: pointer;position: absolute}
.lightbox-bu{position:absolute;left:10%;width:80%;bottom:5%;transition:opacity .3s ease-in-out;opacity:0;text-align:center;font-size:var(--fontfooter)}

/*skribbles*/

.skribbles{width:100vw;height:100vh;position:fixed;left:0;top:0;pointer-events:none;z-index:4}
.skribble{position:absolute; transition: stroke-dashoffset 2s ease, opacity 2s ease-in-out;}
.skribble path{transition: stroke-dashoffset 4s ease}
.skribble-1{width:15vw;top:20vh;left:10vw;opacity:1}

.skribble-1 path,
.skribble-3 path,
.skribble-4 path,
.skribble-5 path,
.skribble-6 path,
.skribble-7 path,
.skribble-8 path,
.skribble-9 path,
.skribble-10 path,
.skribble-11 path,
.skribble-12 path,
.skribble-13 path,
.skribble-14 path,
.skribble-15 path,
.skribble-16 path,
.skribble-17 path,
.skribble-18 path,
.skribble-19 path,
.skribble-21 path
{
  stroke-dasharray: 1000;  
  stroke-dashoffset: 1000;

}


.skribble-22 path
{
  stroke-dasharray: 2000;  
  stroke-dashoffset: 2000;

}


.skribble-11 path
{
  stroke-dasharray: 4000;  
  stroke-dashoffset: 4000;

}

.skribble-6 polygon{
  stroke-dasharray: 4000;  
  stroke-dashoffset: 4000;

}

.skribble-2{width:5vw;top:50vh;left:5vw;opacity:0; }
.skribble-3{width:10vw;top:20vh;left:5vw}
.skribble-4{width:15vw;top:70vh;left:5vw}
.skribble-5{width:10vw;top:50vh;left:15vw}
.skribble-6{width:10vw;top:80vh;left:55vw}
.skribble-7{width:10vw;top:20vh;left:45vw}
.skribble-8{width:15vw;top:20vh;left:22vw}
.skribble-9{width:20vw;top:20vh;left:35vw}
.skribble-10{width:15vw;top:40vh;left:65vw}
.skribble-11{width:12vw;top:20vh;left:65vw}
.skribble-12{width:15vw;top:60vh;left:45vw}
.skribble-13{width:10vw;top:40vh;left:15vw}
.skribble-14{width:12vw;top:50vh;left:85vw}
.skribble-15{width:8vw;top:40vh;left:85vw}
.skribble-16{width:10vw;top:30vh;left:75vw}
.skribble-17{width:12vw;top:70vh;left:35vw}
.skribble-18{width:7vw;top:70vh;left:75vw}
.skribble-19{width:9vw;top:20vh;left:35vw}

.skribble-20{width:10vw;top:20vh;right:5vw;opacity:0; }
.skribble-21{width:8vw;top:30vh;left:5vw}
.skribble-22{width:12vw;top:20vh;left:85vw}

.skribble-2.animated, .skribble-20.animated{
opacity:1;
}


.skribble-3{width:15vw;bottom:20vh;right:10vw;opacity:1}








.skribble-3 path{
  stroke-dasharray: 1000;  
  stroke-dashoffset: 1000;

}

.skribble-1.animated path, .skribble-3.animated path, .skribble-4.animated path, .skribble-5.animated path, .skribble-6.animated path, .skribble-7.animated path, .skribble-8.animated path, .skribble-9.animated path, .skribble-10.animated path, .skribble-11.animated path, .skribble-12.animated path, .skribble-13.animated path, .skribble-14.animated path, .skribble-15.animated path, .skribble-16.animated path, .skribble-17.animated path, .skribble-18.animated path, .skribble-19.animated path, .skribble-21.animated path, .skribble-22.animated path {
  stroke-dashoffset: 0;
}


/*footer*/
.footer-container-inner{border-top:solid 1px var(--pri);margin-top:6em;padding-top:3em;width:var(--containerw);position:relative;}
.footer-logo{position:absolute;left:4%;top:-3em;width:20%;background-color:var(--heather)}
.footer-logo img{padding:0 5%;width:90%}
.footer-row{float:left;display: inline-block;}
.footer-row-1{width:23%;margin-left:28.5%}
.footer-row-2{width:28%;}
.footer-row-3{width:20%;}
.footer a{text-decoration:unset}

.footer-bottom{width:80%;float:right;margin-top:3em;margin-bottom:2.5em;}
.footer-bottom-logo{width:12%;float:right;}
.footer-bottom-slogan{width:100%;margin-top:1rem;font-size:4.18em;display:inline-block;text-align:right;line-height:1.25em;font-family: "ff-ernestine-pro", "BespokeSlab"}


/*cookiebanner*/

.cookie-banner{width:100vw;height:100vh; -webkit-backdrop-filter: blur(0.2em);backdrop-filter:blur(0.2em);z-index:99;transition:all .3s ease-in-out;position:fixed;top:0;left:0;}
.cookie-banner-hidden{opacity:0;pointer-events:none;}
.cookie-banner a{text-decoration:underline;font-style:italic}
.cookie-banner a:hover{color:var(--red)}
.cookie-banner-inner{position:absolute;width:50%;top:calc(50% - 10em);left:25%;border-radius:1em;background-color:var(--heather);filter:drop-shadow(0.2em 0.2em 0.2em rgba(0,0,0,0.2));padding:3em;text-align:center;font-size:var(--fonts);box-sizing: border-box;}
.cookie-banner-inner p{font-size:var(--fonts)}
.show-cookie{cursor:pointer;font-style:italic;}


.button{padding:0.5em 1em;margin-top:1em;display:inline-block;margin-left:0.5em;margin-right:0.5em;background-color:var(--dpri);color:var(--heather);cursor:pointer;border-radius:var(--bradius);transition:all .3s ease-in-out}
.deny-button{background-color:#ccc}
.button:hover{background-color:var(--sec)}


.gb-news-text .container-inner{width:100%}

/* mobile */
.mobile-only{display:none}
@media (max-width:960px){
  .mobile-only{display:inherit}

  .menu-logo {
    float: left;
    display: inline-block;
    margin-left: 0vw;
    height: 7em;
    width:50%;

    position:absolute;
    transition:all .2s ease-in-out;
}

	.header.scroll .menu-container{margin-top:-1em}
	.header.scroll .menu-logo, .menu-logo {
    width: 42%;
		z-index:99;
}
	
	.header{
		    min-height: 9em;
	}
	
.logo-placeholder{opacity:1;width:unset}
.logo-mask{display:none}

.page-scrolled   .menu-logo {
    height: 4em;
}

.menu-open .menu-logo{opacity:1}

  .menu-logo img{max-height:100%}

header{position:fixed;z-index:9;}
.main-content{padding-top:0em}
	
	.header li:hover a {
  background-color:unset;
		color:inherit;
}
	
	


  .mobile-menu{width:3em;height:2em;position:absolute;z-index:3;right:0vw;top:13.5vw;margin-bottom:1em}
  .mobile-line{width:100%;height:2px;background-color:var(--pri);position:absolute;top:0;left:0;transition:transform .3s ease-in-out}
  .mobile-line:nth-child(1){transform:translateY(0)}
  .mobile-line:nth-child(2){transform:translateY(0.5em)}
  .mobile-line:nth-child(3){transform:translateY(1em)}

    .menu-open   .mobile-line:nth-child(1), .menu-open .mobile-line:nth-child(2){transform:translateY(0.5em) rotate(45deg)}
    .menu-open   .mobile-line:nth-child(3){transform:translateY(0.5em) rotate(-45deg)}

.header .sub-menu li {
        width: calc(100% - 2em);
        text-align: left;
        padding: 0.4em 1em 0.4em 1em;
	vertical-align:above;
    }


    header li, header li:not(:has(.sub-menu)){
    padding: 0;
    border-radius: var(--bradius);
    width: 100%;
    font-size:var(--fontsm);
}


    .header .sub-menu {
        position: relative;
        margin-left: 0%;
        width: 100%;
        display: inline-block;
        top: 0;
        left: 0;
        border-radius: var(--bradius);
        background-color: var(--pri);
        opacity: 1;
        pointer-events: none;
        width: 100%;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 1em;
		
        box-sizing: border-box;
     
		text-align:left;
		box-sizing:border-box;
		overflow:hidden;
		transition: all .3s ease-in-out;
		height:0;
		display:grid;
		grid-template-columns:1fr 1fr;
    }
	
	.header .sub-menu.active{   padding: 0.5em 0;}
	
	
	.header .sub-menu a{color:#fff !important}


    .menu-container{position:relative;opacity:1;height:0;max-height:unset;overflow:scroll;transition:height .3s ease-in-out;background-color:var(--heather);overflow:hidden;    float: right;
    display: inline-block;
    margin-top: -1em;}
    .menu-menu-container{
    padding: 4em 0 2em 0;}
	
	.menu-menu-container{height:calc(100dvh - 11em);overflow:hidden;display:flex;        align-items: center;}

    .gb-head-text {
        box-sizing: border-box;
        /* padding-left: var(--shiftsmall); */
        width: var(--containerm);
        margin-left: 0;
        /* padding-right: var(--shiftsmall); */
    }
	
	.gb-head-text img{height:auto !important;}

    .gb-head-text h1, .gb-head-text h2 {
  margin-left: var(--shift);
}

.gb-ansprechpartnerin .wp-block-column:nth-child(2){float:unset;margin:1em 0}
  .gb-news-container{display:inline-block;margin:0}
  .gb-news-single, .gb-news-single:nth-child(2), .gb-news-single:nth-child(1){border-right:none !important;width:100%;text-align:left}
  .gb-news-single-inner{width:100%;}
  .gb-news-single:nth-child(2), .gb-news-single:nth-child(1){border-bottom:1px solid var(--sec)}
  .gb-aktuell-container{width:100%;display:inline-block;margin: 0}

  .gb-aktuell-single {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 2em;
}

.gb-ansprechpartnerin .wp-block-column:nth-child(1){width:100%;margin-left:0;}

.gb-ansprechpartnerin .wp-block-column:nth-child(2) {
    width: 50%;}

.gb-galerie-container{margin-top:3em}
	

.gb-specs {

    padding: 5em 0 4em 0;
}

.gb-quote {
    font-size: 2.33em;
  }

  .gb-grid .wp-block-columns{width:100%;display:inline-block;}

  .gb-grid .wp-block-column{margin-bottom:3em}

  .gb-text-small{padding:0;padding-right: 2em;}
	
	.gb-grid .wp-block-columns {
    margin-bottom: 0em;
}

  /*footer*/

  .footer-logo {
    left: 4%;
    top: -4em;
    width: 55%;

}

.footer-row-1 {
        width: 50%;
        margin-left: 0;
        margin-top: 6em;
        float: left;
    }

    .footer-row-2 {
        width: 43%;
        margin-top: 1em;
        margin-top: 6em;
        float: right;
    }

    .footer-row-3 {
        width: 75%;
        margin-top: 2em;
        margin-left: 0;
    }
.footer-bottom {
    width: 100%;
	margin-top: 1em;
  }

  .footer-bottom-logo {
    width: 24%;}
	
	.footer-bottom-slogan {
  
		font-size: 2.33em;}

	
	.gb-1-2-smalltext .wp-block-columns-is-layout-flex{display:inline-block;}
	.gb-1-2-smalltext .wp-block-columns-is-layout-flex div:nth-child(1){margin-bottom:2em;}
	
	
	.gb-table .wp-block-table.lehrer{width:100%;margin-left:0;}
	
	.hero-slider-inner{height:13em}
	
	.wp-block-heading{margin-left:0 !important}
	
	
	.gb-news-single-date {
    font-size: 2.5em;
    line-height: 1.1em;
}
	.gb-news-single-title {
 
		margin-top: 0.2em;}
	
	.gb-news-text .gb-abstand-small{height:1.5em}
	
	.gb-aktuell-container-full .gb-aktuell-single {
    margin-bottom: 3em;
}
	
	.gb-aktuell-date {
		margin-bottom: 0.2rem;}
	
	.gb-table .wp-block-table table td:nth-child(1) {
    padding-left: 1.5%;
    width: 14em;
}
	.lehrer-hidden-image{display:none !important}
	.gb-table.gb-table-4 .wp-block-table table tr:nth-child(1){display:none}
	
	.gb-table.gb-table-4 .wp-block-table table tr, .gb-table .wp-block-table table td{display:inline-block;float:left;padding-left:0 !important;min-width:unset !important}
	.gb-table.gb-table-4 .wp-block-table table tr{margin-bottom:1em}
	.gb-table.gb-table-4 .wp-block-table table td:nth-child(1){width:37%}
	.gb-table.gb-table-4 .wp-block-table table td:nth-child(2){width:33%}
	.gb-table.gb-table-4 .wp-block-table table td:nth-child(3){width:30%}
	.gb-table.gb-table-4 .wp-block-table table td:nth-child(4){width:100%;font-size: var(--fontsb);line-height:1.2em}
.gb-table .wp-block-table table tr td {
    padding-top: 0em !important;
}
	
	.gb-table .wp-block-heading{padding-left:5em;}
		header ul li{
    text-align: center;
}
	
	#menu-item-421 .sub-menu {
		border-start-start-radius: var(--bradius);
	}
		
	.current-menu-parent a{color:unset;}
	.header li:hover a{color:unset;transform: translateX(0em) !important; }
		.header li.active a {
    color: var(--heather);
    transform: translateX(0em);
}
	header li:hover{background-color:unset !important;}
	
	header li:has(.sub-menu) > a, #menu-item-362 a, #menu-item-361 a{
        font-size: 1.6em;
        line-height: 1em;
        padding: 0.3em 0.5em;
        box-sizing: border-box;
		border-top-left-radius:var(--bradius);
		border-top-right-radius:var(--bradius);
    }
header ul {
	margin-block-start: 0;
	margin-block-end: 0.2em !important;}
	
	header li.active:has(.sub-menu) > a{background-color:var(--pri)}
	
	.active .sub-menu{padding:0.5em 0}
	
	
	
	header li:has(.sub-menu):nth-child(1) {
    border-bottom-left-radius: var(--bradius) !important;
}
	
	
	.main-content {
    margin-top: 10em;
    margin-bottom: 5em;
}

	    .gb-galerie-container {
        margin-top: 0;
    }
	
	.gb-galerie .gb-abstand-small{height:1.5em}
	
	
	.gb-text-small {
    width: var(--containerm);
    display: inline-block;
    text-align: left;
    margin-left: 0;
    box-sizing: border-box;
}
	
	.cookie-banner-inner {
  
    left: 10%;
width:80%
}
	
.gb-table .wp-block-table.lehrer{width:100%;margin-left:0}

.gb-table .wp-block-table.lehrer  table td:nth-child(1){width:48%}
.gb-table .wp-block-table.lehrer table td:nth-child(2){width:50%}
	.gb-table .wp-block-table.lehrer table td:nth-child(3){width:0%;display:none;}
	
}