/*2025-05-21-13:35:02*/@import url("https://fonts.verwaltungsportal.de/import/?family=Baloo+2:400,400i,600,600i,700,700i");html {max-width: 1930px;margin-left: auto;margin-right: auto;background: #eceacd;scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-color: #15334f #ffffff;scrollbar-width: thin;}body {font-family: "Baloo 2", sans-serif;font-weight: 400;color: #191919;background: #ffffff;font-size: clamp(1rem, 2.3vw, 1.25rem);line-height: 1.5;box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1);}a {color: #156d45;}a:is(:hover, :focus) {color: #156d45;text-decoration: underline;}.linkUnderline a {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;transition: text-decoration 300ms;}.linkUnderline a:is(:hover, :focus) {text-decoration-color: transparent;}main a,b,strong {font-weight: 600;}:is(main, #footer) a {text-decoration: underline;}#overflow {overflow: clip;}#logo {display: inline-block;}#logo img {display: block;}#topbar {padding: 15px 0 18px 0;line-height: 1.2;font-size: 1.125rem;}@media (min-width: 3px) {#topbar {padding-top: 25px;}}#phone-tab,#mail-tab a,#search-button {border-radius: 40px;padding: 9px 18px 7px 18px;display: block;min-height: 42px;min-width: 42px;}#phone-tab {border: 2px solid #faed2c;padding-left: clamp(40px, 2vw, 48px);background: url(../img/icon-telefon.png); background-repeat: no-repeat; background-position: center left 10px;}#mail-tab {margin-left: 10px;}@media (min-width: 3px) {#mail-tab {margin-left: 30px;}}#mail-tab a {font-weight: 600;text-align: center;text-decoration: none;background: #faed2c;}#mail-tab a[href*="mailto"] {background: #faed2c url(../img/icon-mail.png) center / 20px auto no-repeat;font-size: 0;width: 42px;}#search-button {background: #15334f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M774 913 533 672q-30 26-69.959 40.5T378 727q-108.162 0-183.081-75Q120 577 120 471t75-181q75-75 181.5-75t181 75Q632 365 632 471.15 632 514 618 554q-14 40-42 75l243 241q9 8.442 9 20.721t-9.913 22.192Q809 922 795.778 922q-13.222 0-21.778-9ZM377 667q81.25 0 138.125-57.5T572 471q0-81-56.875-138.5T377 275q-82.083 0-139.542 57.5Q180 390 180 471t57.458 138.5Q294.917 667 377 667Z' fill='%23fff'/%3E%3C/svg%3E") right bottom / 34px auto no-repeat;color: #ffffff;font-size: 0;}* + #search-button {margin-left: 10px;}@media (min-width: 3px) {* + #search-button {margin-left: 70px;}* + #search-button::before {content: "";display: block;pointer-events: none;position: absolute;left: -40px;top: calc(50% - 5px);background: rgba(0, 0, 0, 0.1);width: 10px;height: 10px;border-radius: 40px;}}#mail-tab a,#search-button {position: relative;z-index: 1;}:is(#mail-tab a, #search-button)::after {content: "";display: block;position: absolute;z-index: 1;top: -6px;left: -6px;right: -6px;bottom: -6px;opacity: 0;border-radius: 40px;transform: scale(0.8);transition: 300ms opacity linear, 300ms transform linear;}#mail-tab a::after {border: 2px solid #faed2c;}#search-button::after {border: 2px solid #15334f;}:is(#mail-tab a, #search-button):is(:hover, :focus)::after {opacity: 1;transform: scale(1);}@media (min-width: 3px) {nav.horizontally {background: #ffffff;border-bottom: 6px solid #faed2c;}nav.horizontally .navbar-nav {border-top: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: -6px;padding: 0 25px;display: flex;justify-content: space-between;align-items: center;}nav.horizontally [class*="toplevel"] > ul {position: absolute;top: 100%;left: 0;z-index: 1000;}nav.horizontally [class*="secondlevel"] > ul {position: absolute;left: 100%;top: 0;}nav.horizontally .navbar-nav li {position: relative;}nav.horizontally .navbar-nav li :is([class*="toplevel"] > ul, [class*="secondlevel"] > ul) {display: block !important;pointer-events: none;opacity: 0;visibility: hidden;transition: opacity 300ms linear;}nav.horizontally .navbar-nav li:is(.open, :hover) > ul,nav.horizontally .navbar-nav li.open:focus-within > ul,nav.horizontally .navbar-nav li[class*="secondlevel"] > ul[style*="block"] {pointer-events: auto !important;opacity: 1 !important;visibility: visible;}nav.horizontally .navbar-nav li.open > ul {pointer-events: none !important;opacity: 0 !important;visibility: hidden;}nav.horizontally .navbar-nav li:is(:hover, :focus) > ul {z-index: 1003;}}nav.horizontally a[class*="toplevel"] {color: #15334f;font-weight: 600;text-align: left;padding: 14px 5px;position: relative;font-size: 1.25rem;line-height: 1.2;text-decoration: none;transition: border 300ms linear;}@media (min-width: 3px) {nav.horizontally li[class*="toplevel"] + li {display: flex;align-content: center;align-items: center;flex-grow: 1;}nav.horizontally li[class*="toplevel"] + li::before {content: "";display: inline-block;opacity: 1;height: 20px;width: 20px;background: url(../img/dot-divider.png);background-repeat: no-repeat;background-position: center;flex-grow: 1;}nav.horizontally a[class*="toplevel"] {padding: 25px 6px 27px 6px;display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;}}nav.horizontally a[class*="toplevel"]::after {content: "";display: block;position: absolute;z-index: 1;left: 50%;bottom: 0;height: 6px;width: 0;background: #15334f;transform: translateX(-50%);transition: width 300ms linear;}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within) > a::after,nav.horizontally li[class*="toplevel"] > a:is(:hover, :focus)::after,nav.horizontally li[class*="toplevel"].open > a::after,nav.horizontally li[class*="toplevel"].open > a:is(:hover, :focus)::after,nav.horizontally li[class*="toplevel"][class*="_over"] > a::after,nav.horizontally li[class*="toplevel"][class*="_over"] > a:is(:hover, :focus)::after {width: 100%;}nav.horizontally [class*="toplevel"] ul {background: #ffffff;box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);}@media (min-width: 3px) {nav.horizontally [class*="toplevel"] ul {padding: 18px 0;}nav.horizontally [class*="toplevel"] > ul {border-radius: 0 0 6px 6px;}nav.horizontally [class*="secondlevel"] > ul {margin-top: -18px;margin-left: 10px;border-radius: 6px;}nav.horizontally [class*="secondlevel"] > ul::before {content: "";position: absolute;display: block;width: 12px;top: 0;bottom: 0;left: -12px;}}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):not(:nth-child(2)) {border-top: 1px solid rgba(0, 0, 0, 0.1);}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) {color: #191919;text-align: left;font-size: 1.125rem;font-weight: 400;padding: 10px 20px 10px 40px;line-height: 1.2;text-decoration: none;position: relative;}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"])::after {content: "";display: block;position: absolute;pointer-events: none;opacity: 0;left: 12px;top: 0;background: url(../img/hover-kind.png) center /auto no-repeat; width: 19px; height: 29px; top: 50%; transform: scale(0) translateY(-50%);transition: 300ms opacity linear, 300ms transform linear;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within) > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]) > a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a:is(:hover, :focus) {color: #156d45;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within) > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]) > a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a:is(:hover, :focus)::after {opacity: 1;transform: scale(1) translateY(-50%);}#topbar .row {row-gap: 15px;}#news .tab_link_entries,#about-1 .row,:is(#news, #innerfooter) > .row {row-gap: 30px;}:is(#headerpic, #footer) > .row {row-gap: 40px;}#headerpic {font-size: 1.125rem;background: #fff;position: relative;z-index: 1;}#scroll2Content {position: absolute;z-index: 2;display: block;width: 50px;height: 50px;bottom: -27px;left: calc(50% - 25px);background: #ffffff;border-radius: 6px;transform: rotate(45deg);}#scroll2Content::after {content: "";display: block;position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;transform: rotate(-45deg);background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M24 39.4q-.25 0-.525-.1t-.525-.35l-13.9-13.9Q8.6 24.6 8.6 24q0-.6.45-1.05.45-.45 1.05-.45.6 0 1.05.45L22.5 34.3V9.5q0-.65.425-1.075Q23.35 8 24 8q.65 0 1.075.425.425.425.425 1.075v24.8l11.35-11.35q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-13.9 13.9q-.25.25-.5.35-.25.1-.55.1Z' fill='%2315334f'/%3E%3C/svg%3E") center -2px / 34px auto;transition: background-position 300ms linear;}#scroll2Content:is(:hover, :focus)::after {background-position-y: 32px;}#slider {height: clamp(200px, 30vw, 400px);overflow: hidden;position: relative;}body.index #headerpic .nivo-controlNav { bottom: 40px;}@media (min-width: 2px) {body.index #slider {height: clamp(400px, 45vw, 500px);}}@media (min-width: 3px) {#headerpic a.nivo-prevNav {left: 65px;}#headerpic a.nivo-nextNav {right: 65px;}}#headerpic {padding: 0;position: relative;}.nivo-main-image,#slider > a > div {height: 100% !important;}.slider-mask {display: none;}@media (min-width: 2px) {.slider-mask {display: block;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920px' height='100px'%3E%3Cpath fill='%23fff' d='M0.000,-0.000 C0.000,-0.000 479.333,100.1000 958.1000,100.1000 C1439.333,100.1000 1920.1000,-0.000 1920.1000,-0.000 L1920.1000,100.1000 L0.000,100.1000 L0.000,-0.000 Z'/%3E%3C/svg%3E") center bottom / 101% auto no-repeat;}}#content-area {text-align: left;padding: clamp(45px, 5vw, 60px) 0 clamp(40px, 10vw, 100px) 0;}#content-area>.row::before { content: ''; position: absolute; left: -96px; top: 0; transform: translateX(-100%); background: url(../img/dekorative-links.png); width: 218px; height: 235px;}#content-area>.row::after { content: ''; position: absolute; right: -20px; top: 0; transform: translateX(100%); background: url(../img/deko-ruecksack.png); width: 314px; height: 307px;}#news {padding-top: clamp(40px, 6vw, 150px);}@media (min-width: 2px) {#news {font-size: 1.125rem;background: url("../img/deko-pencil-rechts.jpg");background-position: top 90px right;background-repeat: no-repeat;}}#news > .row::before {content: "";display: block;position: absolute;top: 10px;right: 30px;bottom: 30px;left: 30px;border: 1px solid rgba(0, 0, 0, 0.3);}@media (min-width: 2px) {#news > .row::before {top: 145px;right: 200px;bottom: 20px;left: 15px;}}#news :is(.tab, .button-design) {margin-left: clamp(20px, 2vw, 30px);background: #ffffff;}#news .tab {padding: 0 clamp(20px, 2vw, 30px) clamp(20px, 2vw, 30px) clamp(20px, 2vw, 30px);}@media (min-width: 2px) {#news .tab {padding-top: 95px;}}#news .button-design {display: inline-block;padding: 0 clamp(20px, 4vw, 30px);width: max-content;}#news .tab_link_entries {display: flex;flex-wrap: wrap;column-gap: 30px;}#news > .row::before,#news .tab_link_entry {border-radius: 50px;}#news .tab_link_entry,#news .tab_link_entry a {color: #ffffff;}#news .tab_link_entry {width: 100%;max-width: 400px;margin-left: auto;margin-right: auto;position: relative;background: #15334f;padding: clamp(20px, 3vw, 60px);border: none !important;}@media (min-width: 1px) {#news .tab_link_entries {flex-wrap: nowrap;margin-bottom: 80px;}#news .tab_link_entry {width: 50%;}}#news .tab_link_entry .tab_link_title a::before {content: "";border-radius: 80px 40px;background: center / cover no-repeat;}#news .tab_link_title a {color: #28d788;font-weight: 600;font-size: clamp(1.125rem, 2vw, 1.375rem);line-height: 1.2; margin-bottom: 20px; display: inline-block;}#news .tab_link_title a:not(:hover):not(:focus) {text-decoration: none;}#news .tab_date {margin-bottom: 4px;}#news :is(.tab_preview_picture, .tab_spacer) {display: none;}#news .tab_link_mehr { font-size: 0;}#news .tab_link_mehr a { background: #faed2c url(../img/pfeil-nach-rechts.png); background-position: center; background-repeat: no-repeat; width: 2.625rem; height: 2.625rem; display: inline-block; border-radius: 100px; transition: background-size 300ms, transform 300ms; background-size: 15px;}#news .tab_link_mehr a:is(:hover, :focus) { transform: scale(1.1); background-size: 25%;}.button-design a:not(.has-image) {display: inline-block;line-height: 1.2;color: #15334f;border-radius: 40px;font-size: 1.125rem;font-weight: 600;background: #faed2c;padding: 12px 20px 10px 48px;position: relative;text-decoration: none !important;}.button-design a:not(.has-image)::after {content: "";display: block;position: absolute;bottom: 0;}.button-design a:not(.has-image)::after {top: 1px;left: 20px;width: 13px; height: 13px; outline: 2px solid #15334f; top: 50%; transform: translateY(-50%); border-radius: 100px; transition: transform 200ms;}.button-design a:not(.has-image):is(:hover, :focus)::after { transform: translateY(-50%) scale(1.2);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 {color: #15334f;font-weight: 700;line-height: 1;font-family: "Baloo 2", sans-serif;margin-bottom: 15px;}#headerpic :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(2.25rem, 6vw, 3.75rem);margin-bottom: clamp(15px, 4vw, 30px);}#news .tab :is(h1, h2, h3, h4, h5, h6) {margin-bottom: clamp(15px, 4vw, 34px);}#news .tab :is(h1, h2, h3, h4, h5, h6) {font-weight: 400;}#news .tab :is(h1, h2, h3, h4, h5, h6) :is(b, strong) {color: #15334f;font-weight: 700;}h1,.h1,.legacy_h1,#news .tab :is(h1, h2, h3, h4, h5, h6) {font-size: clamp(2.25rem, 6vw, 3.125rem);margin-bottom: clamp(15px, 4vw, 38px);}h2,.h2,.legacy_h2 {font-size: clamp(2.0625rem, 5.5vw, 2.8125rem);}h3,.h3,.legacy_h3 {font-size: clamp(1.875rem, 5vw, 2.5rem);}h4,.h4,.legacy_h4 {font-size: clamp(1.6875rem, 4.5vw, 2.1875rem);}h5,.h5,.legacy_h5 {font-size: clamp(1.5625rem, 4vw, 1.875rem);}h6,.h6,.legacy_h6 {font-size: clamp(1.4375rem, 3.5vw, 1.5625rem);}@media (min-width: 2px) {footer {font-size: 1.125rem;}}footer {color: #ffffff;}#footer {padding: clamp(60px, 10vw, 100px) 0 clamp(40px, 5vw, 60px) 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920px' height='100px'%3E%3Cpath fill='%23fff' d='M0.000,100.000 C0.000,100.000 480.000,0.000 958.1000,0.000 C1440.000,0.000 1920.1000,100.000 1920.1000,100.000 L1920.1000,0.000 L0.000,0.000 L0.000,100.000 Z'/%3E%3C/svg%3E") center top / 101% auto no-repeat,linear-gradient(0deg, rgba(21,51,79,0.95) 0%, rgba(21,51,79,0.95) 100%), url("../img/schulmaterialien-zeichnung.jpg") center bottom / cover no-repeat, #15334f;}#footer a {color: #faed2c;font-weight: 600;}#footer :is(h1, h2, h3, h4, h5, h6) {font-size: 1.375rem;color: #28d788;font-weight: 600;}.footer-tab {border: 1px rgba(255, 255, 255, 0.3) solid;border-radius: 50px;background: rgba(21, 51, 79, 0.7);padding: 40px clamp(20px, 2vw, 40px) 34px calc(clamp(20px, 2vw, 40px) + 20px);position: relative;max-width: 400px;margin-left: auto;margin-right: auto;height: 100%;min-height: 100%;}.footer-tab::after {content: "";display: block;position: absolute;left: -10px;top: -10px;width: 52px;height: 52px;border-radius: 50%;background-color: #ffffff;background-position: center;background-repeat: no-repeat;background-size: 30px auto;}.footer-tab-1::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M795 936q-122 0-242.5-60T336 720q-96-96-156-216.5T120 261q0-19.286 12.857-32.143T165 216h140q13.611 0 24.306 9.5Q340 235 343 251l27 126q2 14-.5 25.5T359 422L259 523q56 93 125.5 162T542 802l95-98q10-11 23-15.5t26-1.5l119 26q15.312 3.375 25.156 15.188Q840 740 840 756v135q0 19.286-12.857 32.143T795 936ZM229 468l81-82-23-110H180q0 39 12 85.5T229 468Zm369 363q41 19 89 31t93 14V769l-103-21-79 83ZM229 468Zm369 363Z' fill='%2315334f'/%3E%3C/svg%3E");}.footer-tab-2::after {background-size: 32px auto;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M18.5 25.5v-9.25L24 12.6l5.5 3.65v9.25h-3v-6h-5v6ZM24 40.05q6.65-6.05 9.825-10.975Q37 24.15 37 20.4q0-5.9-3.775-9.65T24 7q-5.45 0-9.225 3.75Q11 14.5 11 20.4q0 3.75 3.25 8.675Q17.5 34 24 40.05ZM24 44q-8.05-6.85-12.025-12.725Q8 25.4 8 20.4q0-7.5 4.825-11.95Q17.65 4 24 4q6.35 0 11.175 4.45Q40 12.9 40 20.4q0 5-3.975 10.875T24 44Z' fill='%2315334f'/%3E%3C/svg%3E");}.footer-tab-3::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M140 896q-24 0-42-18t-18-42V316q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H140Zm340-302L140 371v465h680V371L480 594Zm0-60 336-218H145l335 218ZM140 371v-55 520-465Z' fill='%2315334f'/%3E%3C/svg%3E");}#innerfooter {padding: 30px 0;background: #15334f;}@media (min-width: 3px) {#innerfooter {padding: 15px 0;}}#innerfooter ul {padding: 0;}@media (min-width: 1px) {#innerfooter li + li::before {content: "•";margin: 0 clamp(15px, 2vw, 22px);color: #faed2c;}#innerfooter li {display: inline-block;}}#innerfooter li a {color: inherit;}#innerfooter #vernetzt {gap: 15px;text-align: right;font-size: 0.875rem;color: #ffffff;line-height: 1.3;text-decoration: none;}#innerfooter #vernetzt span span {display: block;}#news > .row::after {content: "";display: block;position: absolute;pointer-events: none;background-position: center;background-repeat: no-repeat;}#news > .row::after {animation: float2 6s ease-in-out infinite;}#news > .row::after {background-image: url("../img/dekor-fliegender-schueler.png"); width: 273px; height: 258px;left: -230px;bottom: 80px;}@keyframes float1 {0% {transform: translateY(0px) translateX(0px);}50% {transform: translateY(-20px) translateX(10px);}100% {transform: translateY(0px) translateX(0px);}}@keyframes float2 {0% {transform: translateY(0px) translateX(0px);}50% {transform: translateY(20px) translateX(-10px);}100% {transform: translateY(0px) translateX(0px);}}