:root{--color-default:#f4e2a2;--color-default-dark:#f4e2a2;--color-default-hover:#f4e2a2;--color-default-rgb:244,226,162;--color-startseite:#f4e2a2;--color-startseite-dark:#f4e2a2;--color-startseite-hover:#f4e2a2;--color-startseite-rgb:244,226,162;--color-oberschule:#92af61;--color-oberschule-dark:#92af61;--color-oberschule-hover:#92af61;--color-oberschule-rgb:146,175,97;--color-gymnasium:#4593b5;--color-gymnasium-dark:#4593b5;--color-gymnasium-hover:#4593b5;--color-gymnasium-rgb:69,147,181;--color-ueber-uns:#f6b827;--color-ueber-uns-dark:#f6b827;--color-ueber-uns-hover:#f6b827;--color-ueber-uns-rgb:246,184,39;--color-warning:#c94a3a;--color-warning-dark:#a63a2d;--color-warning-hover:#d65a4a;--color-warning-rgb:201,74,58}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:16px;color:#333333;background-color:#f1f1f1;line-height:1.5}@media (prefers-color-scheme:dark){body{background:#121212;color:#ffffff}}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}a:hover,a:focus{text-decoration:underline}.hidden-h1{position:absolute;left:-9999px}.skip-link{position:absolute;left:-9999px;top:0.5rem;z-index:10000;padding:0.75rem 1.25rem;background-color:#ffffff;color:#222222;font-weight:600;text-decoration:underline;border:2px solid #222222;border-radius:0.25rem}.skip-link:focus{left:0.5rem}#global-wrapper{margin:0 auto;overflow:hidden;width:100%}@media screen and (min-width:1104px){#global-wrapper{max-width:1104px}}:target{scroll-margin-top:5.5rem}#back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;background-color:var(--color-default);box-shadow:0 1px 3px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.12);border:none;border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease;z-index:1000}#back-to-top.show{opacity:1;pointer-events:auto}#back-to-top:hover{filter:brightness(0.9)}#back-to-top:active{filter:brightness(0.9)}#back-to-top svg{width:48px;height:48px;pointer-events:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}address{font-style:normal;margin:0;padding:0}#kontakt{position:fixed;bottom:1.5rem;left:1.5rem;width:148px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:24px;background:transparent;box-shadow:0 1px 3px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.12);cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.3s ease,transform 0.15s ease;z-index:1000}#kontakt.show{opacity:1;pointer-events:auto}#kontakt:active{transform:translateY(0)}#kontakt .kontakt-button{width:100%;height:100%}#kontakt .button-bg{fill:var(--color-default);transition:fill 0.2s ease}#kontakt .kontakt-button{color:#ffffff}
#header-wrapper{overflow:hidden;position:fixed;top:0;width:100%;z-index:1000;transition:top 0.3s ease,height 0.3s ease;max-width:1104px;box-shadow:0px 4px 4px -2px rgba(0,0,0,0.1)}header{display:flex;flex-direction:column;align-items:center;background-color:#ffffffaa;color:#000;transition:height 0.3s ease,padding 0.3s ease;height:6.75rem;backdrop-filter:blur(20px)}@media screen and (min-width:1104px){header{height:7.75rem}}@media (prefers-color-scheme:dark){header{background:#2e2e2eaa}}.scrolled-down header{height:4rem}@media screen and (min-width:1104px){.scrolled-down header{height:5rem}}.scrolled-up header{height:6.75rem}@media screen and (min-width:1104px){.scrolled-up header{height:7.75rem}}.header-top{display:flex;justify-content:space-between;width:100%;align-items:center;height:4rem;flex-shrink:0}@media screen and (min-width:1104px){.header-top{height:5rem}}.header-top-left{flex-grow:0;padding:0 0 0 1rem}.header-top-left a{text-decoration:none;color:#fff}.header-top-left img{height:3rem}@media screen and (min-width:1104px){.header-top-left img{height:4rem}}#header_logo_light{display:block}#header_logo_dark{display:none}@media (prefers-color-scheme:dark){#header_logo_light{display:none}#header_logo_dark{display:block}}.header-top-middle{flex-grow:1;padding:0 0 0 3rem;display:none}.header-top-middle img{height:2rem}@media screen and (min-width:1104px){.header-top-middle{display:block}.header-top-middle img{height:3rem}}#header_claim_light{display:block}#header_claim_dark{display:none}@media (prefers-color-scheme:dark){#header_claim_light{display:none}#header_claim_dark{display:block}}.header-top-right{flex-shrink:0;padding:0 2rem 0 0}@media screen and (min-width:1104px){.header-top-left{padding:0 0 0 2.5rem}.header-top-right{padding:0 2.5rem 0 0}}.header-bottom{display:flex;align-items:center;opacity:1;width:100%;transform:translateY(0);transition:opacity 0.3s ease,transform 0.3s ease;height:2.5rem;flex-shrink:0}.scrolled-down .header-bottom{opacity:0;transform:translateY(-100%)}.scrolled-up .header-bottom{opacity:1;transform:translateY(0)}
#main-wrapper{position:relative;background-color:#f1f1f1;overflow:hidden;margin-top:6.5rem}@media screen and (min-width:1104px){#main-wrapper{margin-top:7.5rem}}@media (prefers-color-scheme:dark){#main-wrapper{background-color:#121212}}main section{margin-bottom:1rem}main .section-wrapper{margin-bottom:1rem;padding-bottom:2.5rem;background-color:#ffffff}@media (prefers-color-scheme:dark){main .section-wrapper{background-color:#2e2e2e}}main .section-header-wrapper{padding:1rem 1rem 0 1rem;background-color:#ffffff}@media screen and (min-width:1104px){main .section-header-wrapper{padding:1rem 2.5rem 0rem 2.5rem;width:80%;margin-left:10%}}@media (prefers-color-scheme:dark){main .section-header-wrapper{background-color:#2e2e2e}}main .section-text-wrapper{padding:0 1rem;background-color:#ffffff}@media screen and (min-width:1104px){main .section-text-wrapper{padding:1rem 2.5rem 0rem 2.5rem;width:80%;margin-left:10%}}@media (prefers-color-scheme:dark){main .section-text-wrapper{background-color:#2e2e2e}}main .hero-section-wrapper{margin-bottom:1rem;padding-bottom:2.5rem;background-color:#ffffff}main .hero-section-header-wrapper{padding:1rem 1rem 0 1rem;background-color:#ffffff}@media screen and (min-width:1104px){main .hero-section-header-wrapper{padding:2rem 2.5rem 0rem 2.5rem}}main .hero-section-text-wrapper{padding:0 1rem;background-color:#ffffff}@media screen and (min-width:1104px){main .hero-section-text-wrapper{padding:1rem 2.5rem 0rem 2.5rem}}.hero-section-header-wrapper{text-align:center;margin-bottom:1rem}.hero-section-header .topline{display:block;font-weight:bold;color:#ffffff}.hero-section-header h2{display:block;font-weight:normal;font-variant:normal;text-transform:uppercase;letter-spacing:0.1em;color:#ffffff}.hero-section-text-wrapper{margin:0 auto;padding:0 1rem}.hero-section-text{display:flex;flex-wrap:wrap}.hero-section-text ul{list-style:none;margin:0;padding:0;width:100%;text-align:left}@media screen and (min-width:1104px){.hero-section-text ul{width:50%}}.hero-section-text ul.aushang{width:100%}.hero-section-text ul li{padding-left:2rem;line-height:1.75rem}.hero-section-text ul li a{display:inline-flex;align-items:center;text-decoration:none;color:inherit;position:relative;padding-right:0}.icon{fill:currentColor;stroke:currentColor;stroke-width:2;margin-right:0.6em;width:21px;height:21px;vertical-align:middle}main .section-nav-wrapper{background-color:#ffffff;margin:2rem 0;display:none}@media screen and (min-width:1104px){main .section-nav-wrapper{width:90%;margin-left:5%;display:block}}@media (prefers-color-scheme:dark){main .section-nav-wrapper{background-color:#2e2e2e;color:#ffffff}}main .section-nav{padding:1rem 1rem 2rem 1rem}@media screen and (min-width:1104px){main .section-nav{padding:1rem 2.5rem 1rem 2.5rem;border-radius:0px;border:8px solid #f1f1f1;box-sizing:border-box}}@media (prefers-color-scheme:dark){main .section-nav{border:8px solid #414141}}main .section-contact-wrapper{background-color:#ffffff;display:flex;flex-direction:column;align-items:center;text-align:center;margin:2rem 0}@media screen and (min-width:1104px){main .section-contact-wrapper{align-items:flex-start;text-align:left;padding:1rem 2.5rem 0rem 2.5rem;width:80%;margin-left:10%}}@media (prefers-color-scheme:dark){main .section-contact-wrapper{background-color:#2e2e2e}}main .section-contact{display:flex;flex-direction:column;align-items:center;gap:10px;padding:1rem 1rem 2rem 1rem}@media screen and (min-width:1104px){main .section-contact{flex-direction:row;align-items:center;gap:20px;padding:1rem 2.5rem 1rem 2.5rem}}.section-contact-img{width:120px;height:150px;object-fit:cover;border-radius:8px}@media screen and (min-width:1104px){.section-contact-img{width:120px;height:150px}}@media screen and (min-width:1104px){.section-contact-body{flex:1}}@media screen and (min-width:1104px){main section div{padding:0}}main article{margin-bottom:0}main article div.article-header,main article div.article-teaser,main article div.article-text{padding:0 1rem}main article div.article-teaser span.author{font-style:italic}@media screen and (min-width:1104px){main section div{padding:0}}main img{display:block;height:auto;max-width:100%}main a{color:#ffb123}main p{margin-bottom:0.8rem}main ul{margin-bottom:1rem;padding-left:1.5rem;list-style-type:square}main li{line-height:1.5rem}main h2{font-size:1.8rem;font-weight:600;line-height:2.2rem;color:#ffb123;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}main h3{margin-bottom:0.5rem}@media screen and (min-width:1104px){main p{width:80%}main .section-text ul,main .section-text ol,main .section-text h3,main .section-text blockquote,main .article-text ul,main .article-text ol,main .article-text h3,main .article-text blockquote{width:80%}main h2{width:80%;line-height:2.5rem}main .hero-section-header h2{width:100%}main .article-gallery .swiper{width:80%}}main .article-gallery .swiper{padding-bottom:2rem}main p{font-size:1rem;line-height:1.5rem;text-align:justify;hyphens:auto;overflow-wrap:break-word}main table{border-collapse:collapse;margin:20px 0}@media screen and (min-width:1104px){main table{width:80%}}main th,td{border:1px solid #f1f1f1;padding:10px;text-align:left;vertical-align:top}@media (prefers-color-scheme:dark){main th,td{border:1px solid #414141}}main blockquote{padding:10px 20px;margin:0 0 20px;margin-bottom:20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}main .link-extend::before{content:"|";margin:0 .4rem 0 .3rem}main .link-extend{align-items:center;color:#ffb123;display:inline-flex}#main-overlay.overlay{position:absolute;inset:0;backdrop-filter:blur(3px);background-color:rgba(255,255,255,0.2);z-index:100}.section-header{text-align:left;margin-bottom:1rem}.topline{font-size:0.85rem;font-weight:bold;color:#555;margin-bottom:0.2rem}@media (prefers-color-scheme:dark){.topline{color:#ddd}}.topline.eds{color:var(--color-ueber-uns)}.topline.gym{color:var(--color-gymnasium)}.topline.obs{color:var(--color-oberschule)}.section-header h2{font-size:1.75rem;margin:0.2rem 0}.metatextline{font-size:0.85rem;color:#777;margin-top:0.2rem}@media (prefers-color-scheme:dark){.metatextline{color:#ddd}}.full-label{display:none}.short-label{display:inline}@media screen and (min-width:1104px){.full-label{display:inline}.short-label{display:none}}
#footer-wrapper{position:relative}footer a{color:#80807e}footer .footer-top{background:#ffffff;padding:2rem 1rem}@media screen and (min-width:1104px){footer .footer-top{padding:2rem 2rem}}@media (prefers-color-scheme:dark){footer .footer-top{background-color:#2e2e2e;color:#ffffff}}footer .footer-bottom{background:#ddd;padding:1rem 1rem 5.5rem 1rem}@media screen and (min-width:1104px){footer .footer-bottom{padding:1rem 2rem 5.5rem 2rem}}@media (prefers-color-scheme:dark){footer .footer-bottom{background-color:#5e5e5e;color:#ffffff}}footer .kontakt{color:#333;font-size:0.9rem}@media (prefers-color-scheme:dark){footer .kontakt{color:#ffffff}}footer .kontakt img{width:172px;margin-bottom:0.5rem}footer .copyright{color:#80807e;font-size:0.75rem}@media (prefers-color-scheme:dark){footer .copyright,footer a{color:#ffffff}}#footer-overlay.overlay{position:absolute;left:0px;top:0px;height:100%;width:100%;background-color:black;opacity:0.33;z-index:100}#footer_logo_light{display:block}#footer_logo_dark{display:none}@media (prefers-color-scheme:dark){#footer_logo_light{display:none}#footer_logo_dark{display:block}}
#burger-menu{width:33px;height:33px;position:relative;display:inline-block;background:none;border:none;cursor:pointer;z-index:200;color:currentColor}#burger-menu::before,#burger-menu::after{content:"";position:absolute;width:100%;background:currentColor;transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out;height:3px;transform:translateZ(0);will-change:transform,opacity}#burger-menu::before{left:0;top:6px}#burger-menu::after{left:0;top:24px}#burger-menu .burger-middle{display:block;position:absolute;top:50%;left:0;width:100%;height:3px;background:currentColor;transform:translateY(-50%);transition:background 0.3s ease-in-out;will-change:transform,opacity}#burger-menu.close::before{transform:translateY(9px) rotate(45deg)}#burger-menu.close::after{transform:translateY(-9px) rotate(-45deg)}#burger-menu.close .burger-middle{background:transparent}@media screen and (min-width:1104px){#burger-menu{width:37px;height:37px}#burger-menu::before,#burger-menu::after{height:3px}#burger-menu::before{top:7px}#burger-menu::after{top:27px}#burger-menu .burger-middle{height:3px;top:50%;transform:translateY(-50%)}#burger-menu.close::before{transform:translateY(10px) rotate(45deg)}#burger-menu.close::after{transform:translateY(-10px) rotate(-45deg)}#burger-menu.close .burger-middle{background:transparent}}#header-menu{letter-spacing:0.02rem;padding-left:1em}@media screen and (min-width:1104px){#header-menu{padding-left:3rem}}#header-menu ul{list-style-type:none;padding:0;padding-left:0.5rem;margin:0;display:flex}#header-menu li{flex-grow:inherit}#header-menu li a svg{margin-bottom:-3px;width:18px}#header-menu li.mobile-view{display:list-item}#header-menu li.desktop-view{display:none}@media screen and (min-width:1104px){#header-menu li.mobile-view{display:none}#header-menu li.desktop-view{display:list-item}}#header-menu a{display:block;text-align:center;margin:0 .3rem;padding:.0rem .5rem .1rem .5rem;color:#fff;text-decoration:none;border-radius:1.2rem;transition:background-color 0.3s;box-shadow:0 1px 2px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.07)}#header-menu li.startseite a{background-color:var(--color-startseite)}#header-menu li.startseite a:hover{background-color:var(--color-startseite)}#header-menu li.oberschule a{background-color:var(--color-oberschule)}#header-menu li.oberschule a:hover{background-color:var(--color-oberschule)}#header-menu li.gymnasium a{background-color:var(--color-gymnasium)}#header-menu li.gymnasium a:hover{background-color:var(--color-gymnasium)}#header-menu li.ueber-uns a{background-color:var(--color-ueber-uns)}#header-menu li.ueber-uns a:hover{background-color:var(--color-ueber-uns)}#header-menu li.infotag a{background-color:var(--color-warning)}#header-menu li.infotag a:hover{background-color:var(--color-warning)}#menu{z-index:2000;min-height:100%;width:0px;height:100vh;position:fixed;top:0;right:0;visibility:hidden;opacity:0;padding-top:1rem;transition:width 0.3s ease-in-out;overflow-y:auto}@media screen and (min-width:1104px){#menu{right:calc(50% - 552px)}}#menu.overlay{visibility:visible;opacity:1;margin-top:4rem;background:#ffffffaa;width:100%;backdrop-filter:blur(20px)}@media (prefers-color-scheme:dark){#menu.overlay{background-color:#2e2e2eaa}}.scrolled-down #menu.overlay{margin-top:4rem}@media screen and (min-width:1104px){#menu.overlay{width:26rem;margin-top:7.75rem}.scrolled-down #menu.overlay{margin-top:5rem}}#menu ul{padding:0 2rem}#menu li{list-style:none;border-bottom:1px solid #a4a4a4}@media (prefers-color-scheme:dark){#menu li{border-bottom:1px solid #747474}}#menu li:nth-child(4){margin-bottom:4em;border-bottom:0px}#menu li:last-child{list-style:none;border-bottom:0px}#menu a{color:#333;display:block;font-size:1.1rem;padding:0.5rem 3rem 0.5rem 3rem;text-decoration:none;margin:0.5rem 0;letter-spacing:0.02rem}@media (prefers-color-scheme:dark){#menu a{color:#fff}}#menu li a:hover{background-color:var(--color-default);color:#fff}#menu li.startseite a:hover{background-color:var(--color-startseite)}#menu li.oberschule a:hover{background-color:var(--color-oberschule)}#menu li.gymnasium a:hover{background-color:var(--color-gymnasium)}#menu li.ueber-uns a:hover{background-color:var(--color-ueber-uns)}#menu li.infotag a:hover{background-color:var(--color-warning)}#menu li a{border-left:5px solid var(--color-default)}#menu li.startseite a{border-left:5px solid var(--color-startseite)}#menu li.oberschule a{border-left:5px solid var(--color-oberschule)}#menu li.gymnasium a{border-left:5px solid var(--color-gymnasium)}#menu li.ueber-uns a{border-left:5px solid var(--color-ueber-uns)}#menu li.infotag a{border-left:5px solid var(--color-warning)}#menu:after{content:"";display:block;height:20rem}.section-nav ul{list-style-type:none;padding:0;margin:0}.section-nav ul li{border-bottom:1px solid #f1f1f1;padding:0 1.5rem}@media (prefers-color-scheme:dark){.section-nav ul li{border-bottom:1px solid #414141}}.section-nav ul li:last-child{border-bottom:none}.section-nav ul a{display:inline-flex;align-items:center;gap:0.5rem;color:#333;text-decoration:none;font-size:1rem;padding:0.5rem 0}@media (prefers-color-scheme:dark){.section-nav ul a{color:#ffffff}}.section-nav ul a:hover{color:#005ea2;text-decoration:underline}.section-nav svg.icon-article{width:1rem;height:1rem;fill:currentColor;flex-shrink:0}
.swiper{position:relative;width:100%;max-width:1200px;overflow:hidden;padding:2.5rem 0 1rem 0}.swiper-container{overflow:hidden}.swiper-wrapper{will-change:transform;display:flex;transition:transform 0.5s ease;transform:translate3d(0,0,0)}.swiper-slide{flex:0 0 100%;height:auto;position:relative;aspect-ratio:16 / 9;overflow:hidden}.swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}.swiper-button{position:absolute;top:50%;transform:translateY(-4.5rem);background-color:rgba(0,0,0,0.6);border:none;padding:0.5rem;cursor:pointer;width:4rem;height:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s ease;z-index:10}.swiper:hover .swiper-button{opacity:1}.swiper-button.prev{left:1.5rem}.swiper-button.next{right:1.5rem}.swiper-button.hidden{display:none}.swiper-pagination{display:flex;justify-content:center;gap:0.5rem;padding:1rem 0;height:1rem}.swiper-pagination .pagination-dot{width:1rem;height:1rem;border-radius:50%;background-color:#ccc;cursor:pointer}.swiper-pagination .pagination-dot.active{background-color:#007acc}.swiper-pagination.is-hidden{display:none}.swiper-captions{display:flex;justify-content:center;padding:0.5rem;font-size:1rem;color:#333;overflow:hidden;text-align:center;font-style:italic}@media (prefers-color-scheme:dark){.swiper-captions{color:#fff}}.swiper-caption{display:none}.swiper-caption.active{display:block}@media screen and (min-width:1104px){.swiper-button{width:4rem;height:4rem}.swiper-pagination .pagination-dot{width:1rem;height:1rem}}@media screen and (max-width:767px){.swiper .swiper-button{display:none}}