@charset "UTF-8";
/*Headline Font*/
/* roboto-condensed-700 - latin */
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url("../fonts/roboto-condensed-v18-latin-700.eot");
  /* IE9 Compat Modes */
src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../fonts/roboto-condensed-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-700.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-700.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
/*Fließtext Font*/
/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../fonts/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("../fonts/roboto-v20-latin-700.eot");
  /* IE9 Compat Modes */
src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto-v20-latin-700.ttf") format("truetype"), url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-900 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url("../fonts/roboto-v20-latin-900.eot");
  /* IE9 Compat Modes */
src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-900.woff2") format("woff2"), url("../fonts/roboto-v20-latin-900.woff") format("woff"), url("../fonts/roboto-v20-latin-900.ttf") format("truetype"), url("../fonts/roboto-v20-latin-900.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* line 1, _reset.scss */
.space-before-extralarge { margin-top: 100px; }

/* line 4, _reset.scss */
.space-before-large { margin-top: 100px; }

/* line 7, _reset.scss */
.space-before-medium { margin-top: 50px; }

/* line 10, _reset.scss */
.space-before-small { margin-top: 15px; }

/* line 13, _reset.scss */
.space-after-extralarge { margin-bottom: 100px; }

/* line 16, _reset.scss */
.space-after-large { margin-bottom: 100px; }

/* line 19, _reset.scss */
.space-after-medium { margin-bottom: 50px; }

/* line 22, _reset.scss */
.space-after-small { margin-bottom: 15px; }

/* line 26, _reset.scss */
body { font-family: "roboto", serif; font-size: 18px; line-height: 24px; padding-top: 165px; }

/* line 33, _reset.scss */
body.subpage { padding-top: 190px; }

/* line 37, _reset.scss */
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: "robotocondensed", sans-serif; font-weight: 700; color: #ef4820; }

/* line 43, _reset.scss */
h1, .h1 { font-size: 38px; line-height: 48px; text-align: center; }

/* line 49, _reset.scss */
h2, .h2 { font-size: 38px; line-height: 48px; text-align: center; }

/* line 55, _reset.scss */
h3, .h3 { font-size: 24px; line-height: 30px; }

/* line 60, _reset.scss */
p { line-height: 1.5 !important; margin-bottom: 0; }
/* line 64, _reset.scss */
p a { text-decoration: underline; }

/* line 69, _reset.scss */
* + p { margin-top: 1.5rem; }

/* line 73, _reset.scss */
a { color: #ef4820; }

/* line 76, _reset.scss */
a:hover { color: #ef4820; text-decoration: none; }

/* line 81, _reset.scss */
hr { border-bottom: 2px solid #ef4820; }

/* line 2, _navigation.scss */
.breadcrumbs li { font-family: "robotocondensed", sans-serif; font-size: 18px; text-transform: none; }
/* line 7, _navigation.scss */
.breadcrumbs a { color: #000; }
/* line 10, _navigation.scss */
.breadcrumbs .disabled { color: #000; font-weight: 500; }
/* line 15, _navigation.scss */
.breadcrumbs li:not(:last-child)::after { color: #000; margin: 0 0.35rem; }

/* line 21, _navigation.scss */
#navoverlay { background-color: rgba(255, 255, 255, 0.96); height: 100vh; width: 100vw; position: fixed; top: 0; box-sizing: border-box; padding-top: 200px; overflow: auto; display: none; z-index: 1000; }

/* line 42, _navigation.scss */
.schulleben .multilevel-accordion-menu { border-top: 2px solid #ef4820; }
/* line 44, _navigation.scss */
.schulleben .multilevel-accordion-menu a.trail, .schulleben .multilevel-accordion-menu a.active, .schulleben .multilevel-accordion-menu a:hover, .schulleben .multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a { color: #ef4820; }

/* line 49, _navigation.scss */
.schueler .multilevel-accordion-menu { border-top: 2px solid #f68941; }
/* line 51, _navigation.scss */
.schueler .multilevel-accordion-menu a.trail, .schueler .multilevel-accordion-menu a.active, .schueler .multilevel-accordion-menu a:hover, .schueler .multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a { color: #f68941; }

/* line 56, _navigation.scss */
.lehrer .multilevel-accordion-menu { border-top: 2px solid #146e78; }
/* line 58, _navigation.scss */
.lehrer .multilevel-accordion-menu a.trail, .lehrer .multilevel-accordion-menu a.active, .lehrer .multilevel-accordion-menu a:hover, .lehrer .multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a { color: #146e78; }

/* line 63, _navigation.scss */
.eltern .multilevel-accordion-menu { border-top: 2px solid #b1c927; }
/* line 65, _navigation.scss */
.eltern .multilevel-accordion-menu a.trail, .eltern .multilevel-accordion-menu a.active, .eltern .multilevel-accordion-menu a:hover, .eltern .multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a { color: #b1c927; }

/* line 70, _navigation.scss */
.multilevel-accordion-menu { border-top: 2px solid #666; font-family: "robotocondensed", sans-serif; font-size: 20px; font-weight: 500; }
/* line 75, _navigation.scss */
.multilevel-accordion-menu ul { list-style: none; }
/* line 90, _navigation.scss */
.multilevel-accordion-menu .sublevel-1 { text-indent: 1rem; }
/* line 90, _navigation.scss */
.multilevel-accordion-menu .sublevel-2 { text-indent: 2rem; }
/* line 90, _navigation.scss */
.multilevel-accordion-menu .sublevel-3 { text-indent: 3rem; }
/* line 90, _navigation.scss */
.multilevel-accordion-menu .sublevel-4 { text-indent: 4rem; }
/* line 90, _navigation.scss */
.multilevel-accordion-menu .sublevel-5 { text-indent: 5rem; }
/* line 90, _navigation.scss */
.multilevel-accordion-menu .sublevel-6 { text-indent: 6rem; }
/* line 95, _navigation.scss */
.multilevel-accordion-menu a { color: #333; box-shadow: inset 0 -1px #aaa; }
/* line 99, _navigation.scss */
.multilevel-accordion-menu a.subitem { font-weight: 400; }
/* line 104, _navigation.scss */
.multilevel-accordion-menu a::after { border-color: #aaa transparent transparent; }
/* line 108, _navigation.scss */
.multilevel-accordion-menu a:hover { color: #000; }
/* line 114, _navigation.scss */
.multilevel-accordion-menu .menu > li:not(.menu-text) > a { padding: 0.7rem 1rem; }

/*.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a.subitem::before { content: "\f15b"; font-family: 'Font Awesome 5 Free'; margin-right: 1rem;
}*/
/*.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] a { &::before { content: "\f07c"; font-family: 'Font Awesome 5 Free'; margin-right: 1rem; }
}*/
/*.multilevel-accordion-menu .is-accordion-submenu-parent[aria-expanded="false"] a { &::before { content: "\f07b"; font-family: 'Font Awesome 5 Free'; margin-right: 1rem; }
}*/
/* line 144, _navigation.scss */
.is-accordion-submenu-parent { font-weight: 500; }

/* line 148, _navigation.scss */
.is-accordion-submenu-parent > a::after { display: block; width: 10px; height: 10px; content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 12px; right: 1rem; text-indent: 0rem; transform: rotateZ(90deg); transform-origin: 5px 10px; transition: all 0.25s; }

/* line 163, _navigation.scss */
.is-accordion-submenu-parent[aria-expanded=true] > a::after { transform: rotateZ(-90deg); }

/* line 1, _slider.scss */
.slick-slide img { width: 100%; }

/* line 5, _slider.scss */
.image-slider.slick-slider { overflow: visible; }
/* line 7, _slider.scss */
.image-slider.slick-slider .slick-track { display: flex; }
/* line 11, _slider.scss */
.image-slider.slick-slider .slick-track .slick-slide { display: flex; max-height: 860px; }
/* line 14, _slider.scss */
.image-slider.slick-slider .slick-track .slick-slide img { object-fit: cover; }
/* line 19, _slider.scss */
.image-slider.slick-slider .slick-dots { bottom: -15px; list-style: none; position: absolute; left: 0; text-align: center; }
/* line 25, _slider.scss */
.image-slider.slick-slider .slick-dots li { display: inline-block; }
/* line 27, _slider.scss */
.image-slider.slick-slider .slick-dots li button { font-size: 0; cursor: pointer; }
/* line 31, _slider.scss */
.image-slider.slick-slider .slick-dots li button::before { width: 13px; height: 13px; margin: 3px; display: inline-block; border: 1px solid #2b292e; background-color: transparent; content: ''; background-repeat: no-repeat; opacity: 1; }
/* line 43, _slider.scss */
.image-slider.slick-slider .slick-dots li button:hover::before, .image-slider.slick-slider .slick-dots li .slick-dots li button:focus::before { background-color: #2b292e; }
/* line 46, _slider.scss */
.image-slider.slick-slider .slick-dots li.slick-active button::before { background-color: #2b292e; }
/* line 50, _slider.scss */
.image-slider.slick-slider .slick-dots li.slick-active button::before { opacity: 1; }

/* line 1, _topbar.scss */
#logo a { display: block; height: 100%; }

/* line 7, _topbar.scss */
.top-bar-container { height: 165px; width: 100%; position: fixed; z-index: 10000; top: 0; transition: all; font-family: "robotocondensed", sans-serif; background-color: #fff; }
/* line 17, _topbar.scss */
.top-bar-container.scrolled { height: 130px; }
/* line 20, _topbar.scss */
.top-bar-container .extralight { background-color: #f2f2f2; height: 40px; }
/* line 23, _topbar.scss */
.top-bar-container .extralight ul { list-style: none; display: flex; align-items: center; justify-content: end; height: 90%; margin: 0; }
/* line 32, _topbar.scss */
.top-bar-container .extralight ul li a, .top-bar-container .extralight ul li button, .top-bar-container .extralight ul li i { padding: 0px 15px; display: flex; align-items: center; transition: opacity 0.3s; color: #146e78; font-size: 14px; }
/* line 39, _topbar.scss */
.top-bar-container .extralight ul li a:hover, .top-bar-container .extralight ul li button:hover, .top-bar-container .extralight ul li i:hover { opacity: 0.7; }
/* line 44, _topbar.scss */
.top-bar-container .extralight ul li .menutext { font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; padding-right: 10px; }
/* line 51, _topbar.scss */
.top-bar-container .extralight ul li i { padding-right: 5px; }
/* line 58, _topbar.scss */
.top-bar-container .top-bar-inner { height: 100%; max-width: 1180px; margin: auto; position: relative; }
/* line 63, _topbar.scss */
.top-bar-container .top-bar-inner #logo { background-image: url("../Images/gws_logo.png"); height: 95px; margin-top: 15px; background-repeat: no-repeat; max-width: 250px; background-position: left bottom; background-size: contain; }
/* line 71, _topbar.scss */
.top-bar-container .top-bar-inner #logo a { display: block; text-decoration: none; }
/* line 76, _topbar.scss */
.top-bar-container .top-bar-inner #navbar { position: absolute; top: 0; right: 0; height: 95px; width: auto; }
/* line 82, _topbar.scss */
.top-bar-container .top-bar-inner #navbar ul { list-style: none; display: flex; align-items: center; justify-content: center; height: 100%; margin: 0; }
/* line 90, _topbar.scss */
.top-bar-container .top-bar-inner #navbar ul li a, .top-bar-container .top-bar-inner #navbar ul li button { padding: 15px 15px; display: flex; align-items: center; transition: opacity 0.3s; }
/* line 95, _topbar.scss */
.top-bar-container .top-bar-inner #navbar ul li a:hover, .top-bar-container .top-bar-inner #navbar ul li button:hover { opacity: 0.7; }
/* line 99, _topbar.scss */
.top-bar-container .top-bar-inner #navbar ul li .menutext { font-size: 13px; font-weight: bold; color: #ef4820; text-transform: uppercase; padding-right: 10px; }
/* line 106, _topbar.scss */
.top-bar-container .top-bar-inner #navbar ul li i { font-size: 22px; color: #ef4820; }
/* line 112, _topbar.scss */
.top-bar-container .top-bar-inner #navbar .hamburger-inner, .top-bar-container .top-bar-inner #navbar .hamburger-inner::before, .top-bar-container .top-bar-inner #navbar .hamburger-inner::after { background-color: #ef4820; }

/* line 122, _topbar.scss */
.bereichenav .schule a, .bereichenav .schulleben a, .bereichenav .schueler a, .bereichenav .lehrer a, .bereichenav .eltern a { color: #fff; display: block; width: 100%; height: 100%; text-align: center; padding: 5px 0; }
/* line 129, _topbar.scss */
.bereichenav .schule a:hover, .bereichenav .schulleben a:hover, .bereichenav .schueler a:hover, .bereichenav .lehrer a:hover, .bereichenav .eltern a:hover { text-decoration: underline; }
/* line 133, _topbar.scss */
.bereichenav .schule i, .bereichenav .schulleben i, .bereichenav .schueler i, .bereichenav .lehrer i, .bereichenav .eltern i { padding-right: 5px; }
/* line 137, _topbar.scss */
.bereichenav .schule, .bereichenav .schulleben { background-color: #ef4820; }
/* line 140, _topbar.scss */
.bereichenav .schueler { background-color: #f68941; }
/* line 143, _topbar.scss */
.bereichenav .lehrer { background-color: #146e78; }
/* line 146, _topbar.scss */
.bereichenav .eltern { background-color: #b1c927; }

/* line 1, _content.scss */
.bkg_extralight { background-color: #f2f2f2; }

/* line 5, _content.scss */
.pageteaser { position: relative; background-size: cover; background-repeat: no-repeat; }
/* line 9, _content.scss */
.pageteaser.text { font-size: 30px; line-height: 36px; font-weight: bold; width: 60%; margin: auto; }
/* line 16, _content.scss */
.pageteaser .image { width: 100%; }
/* line 20, _content.scss */
.pageteaser .overlay { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-around; overflow: hidden; position: absolute; width: 100%; z-index: 3; top: 0; pointer-events: all; background-color: rgba(255, 255, 255, 0); transition: 0.5s all; }
/* line 35, _content.scss */
.pageteaser .overlay .caption { position: absolute; opacity: 0; transition: 0.5s all; }
/* line 39, _content.scss */
.pageteaser .overlay .caption .more { border: 1px solid #fff; color: #fff; }
/* line 46, _content.scss */
.pageteaser .overlay:hover { background-color: rgba(239, 72, 32, 0.8); }
/* line 48, _content.scss */
.pageteaser .overlay:hover .caption { opacity: 1; }
/* line 50, _content.scss */
.pageteaser .overlay:hover .caption .more:hover { background-color: rgba(255, 255, 255, 0.2); }
/* line 57, _content.scss */
.pageteaser.schule .overlay:hover, .pageteaser.schulleben .overlay:hover { background-color: rgba(239, 72, 32, 0.8); }
/* line 62, _content.scss */
.pageteaser.schueler .overlay:hover { background-color: rgba(246, 137, 65, 0.8); }
/* line 67, _content.scss */
.pageteaser.lehrer .overlay:hover { background-color: rgba(20, 110, 120, 0.8); }
/* line 72, _content.scss */
.pageteaser.eltern .overlay:hover { background-color: rgba(177, 201, 39, 0.8); }

/* line 81, _content.scss */
.bereich.schulleben > a { background: #ef4820; padding: 5px; }
/* line 85, _content.scss */
.bereich.schulleben i { background-color: #ef4820; opacity: 0; }
/* line 90, _content.scss */
.bereich.schulleben:hover i { opacity: 0.9; padding-top: 0; }
/* line 98, _content.scss */
.bereich.schueler > a { background: #f68941; padding: 5px; }
/* line 102, _content.scss */
.bereich.schueler i { background-color: #f68941; opacity: 0; }
/* line 107, _content.scss */
.bereich.schueler:hover i { opacity: 0.9; padding-top: 0; }
/* line 115, _content.scss */
.bereich.lehrer > a { background: #146e78; padding: 5px; }
/* line 119, _content.scss */
.bereich.lehrer i { background-color: #146e78; opacity: 0; }
/* line 124, _content.scss */
.bereich.lehrer:hover i { opacity: 0.9; padding-top: 0; }
/* line 132, _content.scss */
.bereich.eltern > a { background: #b1c927; padding: 5px; }
/* line 136, _content.scss */
.bereich.eltern i { background-color: #b1c927; opacity: 0; }
/* line 141, _content.scss */
.bereich.eltern:hover i { opacity: 0.9; padding-top: 0; }
/* line 149, _content.scss */
.bereich .overlay { position: relative; }
/* line 151, _content.scss */
.bereich .overlay img { width: 100%; }
/* line 152, _content.scss */
.bereich .overlay i { position: absolute; display: flex; height: 100%; width: 100%; top: 0; left: 0; font-size: 50px; justify-content: center; align-items: center; transition: all 0.5s; padding-top: 50%; }
/* line 166, _content.scss */
.bereich a { display: block; color: #fff; }

/* line 180, _content.scss */
.iconbox { text-align: center; margin-bottom: 30px; }
/* line 183, _content.scss */
.iconbox img { width: 60%; max-width: 310px; margin-bottom: 15px; transition: 0.5s all; }
/* line 190, _content.scss */
.iconbox:hover img { opacity: 0.8; }
/* line 194, _content.scss */
.iconbox span { display: block; }

/* line 199, _content.scss */
.backtotop { text-align: center; padding: 20px 0; }
/* line 202, _content.scss */
.backtotop img { width: 175px; cursor: pointer; }

@supports (mix-blend-mode: lighten) { /* line 247, _content.scss */
  h1, h2, .h1, .h2 { position: relative; color: #000; background: #fff; mix-blend-mode: multiply; }
  /* line 216, _content.scss */
  h1::before, h2::before, .h1::before, .h2::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right,#ef4820,#f68941,#ef4820,#f68941); pointer-events: none; }
  /* line 231, _content.scss */
  h1::before, h2::before, .h1::before, .h2::before { mix-blend-mode: screen; } }

/* line 1, _news.scss */
.news-slider.slick-slider { padding-bottom: 60px; }
/* line 3, _news.scss */
.news-slider.slick-slider .slick-list { margin-left: -0.9375rem; margin-right: -0.9375rem; }
/* line 6, _news.scss */
.news-slider.slick-slider .slick-list .slick-track { display: flex; }
/* line 9, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide { margin: 0.9375rem; padding: 0px; height: inherit !important; transition: 0.3s all; background-color: #f2f2f2; }
/* line 16, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schulleben .category, .news-slider.slick-slider .slick-list .slick-slide.schulleben .newspic .news-img-overlay { background-color: #ef4820; }
/* line 19, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schulleben i, .news-slider.slick-slider .slick-list .slick-slide.schulleben h3, .news-slider.slick-slider .slick-list .slick-slide.schulleben span.more { color: #ef4820; }
/* line 22, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schulleben span.more { border-color: #ef4820; }
/* line 24, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schulleben span.more:hover { background-color: #ef4820; color: #fff; }
/* line 31, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schueler .category, .news-slider.slick-slider .slick-list .slick-slide.schueler .newspic .news-img-overlay { background-color: #f68941; }
/* line 34, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schueler i, .news-slider.slick-slider .slick-list .slick-slide.schueler h3, .news-slider.slick-slider .slick-list .slick-slide.schueler span.more { color: #f68941; }
/* line 37, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schueler span.more { border-color: #f68941; }
/* line 39, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.schueler span.more:hover { background-color: #f68941; color: #fff; }
/* line 46, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.lehrer .category, .news-slider.slick-slider .slick-list .slick-slide.lehrer .newspic .news-img-overlay { background-color: #146e78; }
/* line 49, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.lehrer i, .news-slider.slick-slider .slick-list .slick-slide.lehrer h3, .news-slider.slick-slider .slick-list .slick-slide.lehrer span.more { color: #146e78; }
/* line 52, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.lehrer span.more { border-color: #146e78; }
/* line 54, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.lehrer span.more:hover { background-color: #146e78; color: #fff; }
/* line 61, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.eltern .category, .news-slider.slick-slider .slick-list .slick-slide.eltern .newspic .news-img-overlay { background-color: #b1c927; }
/* line 64, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.eltern i, .news-slider.slick-slider .slick-list .slick-slide.eltern h3, .news-slider.slick-slider .slick-list .slick-slide.eltern span.more { color: #b1c927; }
/* line 67, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.eltern span.more { border-color: #b1c927; }
/* line 69, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide.eltern span.more:hover { background-color: #b1c927; color: #fff; }
/* line 75, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide h3 { padding-top: 10px; }
/* line 78, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide h4 { font-size: 12px; line-height: 18px; color: #2b292e; }
/* line 83, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide div.teaser { max-height: 210px; overflow: hidden; margin-bottom: 1.5rem; position: relative; }
/* line 88, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide div.teaser::after { position: absolute; background: url("../Images/newsgradient.png"); background-size: 100% 100%; bottom: 0; width: 100%; height: 20px; display: block; content: ''; }
/* line 99, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide p { color: #2b292e; }
/* line 102, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide .newspic { overflow: hidden; position: relative; }
/* line 106, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide .newspic img { transition: 0.3s all; }
/* line 109, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide .newspic .news-img-overlay { opacity: 0; background-color: #f2f2f2; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 0.6s all ease; }
/* line 119, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide .newspic i { display: block; width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; margin: 23px 0 0 -33px; margin-top: 23px; text-align: center; line-height: 68px; opacity: 0; font-size: 50px; transition: 0.6s all ease; }
/* line 135, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide .newsteaser { padding: 15px; }
/* line 138, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide:hover { -moz-box-shadow: 0 0 10px 0 #ccc; box-shadow: 0 0 10px 0px #ccc; }
/* line 142, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide:hover .newspic img { transform: scale(1.1); }
/* line 145, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide:hover .newspic .news-img-overlay { opacity: 0.3 !important; }
/* line 148, _news.scss */
.news-slider.slick-slider .slick-list .slick-slide:hover .newspic i { opacity: 1 !important; margin-top: -33px !important; }
/* line 158, _news.scss */
.news-slider.slick-slider .slick-dots { list-style: none; position: absolute; left: 0; right: 0; text-align: center; }
/* line 164, _news.scss */
.news-slider.slick-slider .slick-dots li { display: inline-block; }
/* line 166, _news.scss */
.news-slider.slick-slider .slick-dots li button { font-size: 0; cursor: pointer; }
/* line 170, _news.scss */
.news-slider.slick-slider .slick-dots li button::before { width: 13px; height: 13px; margin: 3px; display: inline-block; border: 1px solid #2b292e; background-color: transparent; content: ''; background-repeat: no-repeat; opacity: 1; }
/* line 182, _news.scss */
.news-slider.slick-slider .slick-dots li button:hover::before, .news-slider.slick-slider .slick-dots li .slick-dots li button:focus::before { background-color: #2b292e; }
/* line 185, _news.scss */
.news-slider.slick-slider .slick-dots li.slick-active button::before { background-color: #2b292e; }
/* line 189, _news.scss */
.news-slider.slick-slider .slick-dots li.slick-active button::before { opacity: 1; }
/* line 194, _news.scss */
.news-slider.slick-slider .slick-arrow { width: 20px; height: 40px; position: absolute; bottom: 0; cursor: pointer; z-index: 10; color: #ef4820; }
/* line 202, _news.scss */
.news-slider.slick-slider .slick-arrow.slick-disabled { opacity: 0.3; }
/* line 206, _news.scss */
.news-slider.slick-slider .slick-prev { right: 30px; }
/* line 208, _news.scss */
.news-slider.slick-slider .slick-prev::after { content: '\f104'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 40px; }
/* line 215, _news.scss */
.news-slider.slick-slider .slick-next { right: 0; }
/* line 217, _news.scss */
.news-slider.slick-slider .slick-next::after { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 40px; }
/* line 225, _news.scss */
.news-slider.slick-slider .category { font-size: 12px; font-weight: 500; font-family: "robotocondensed", sans-serif; padding: 5px; padding-left: 15px; margin: 0; letter-spacing: 1px; color: #fff !important; }

/* line 237, _news.scss */
span.more { display: inline-block; border: 1px solid #ef4820; padding: 10px 10px 9px 10px; background-size: 100% 100%; font-family: "robotocondensed", sans-serif; font-weight: 600; font-size: 16px; }
/* line 245, _news.scss */
span.more::after { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 16px; line-height: 16px; padding-left: 7px; }
/* line 254, _news.scss */
span.more:hover { background-color: #ef4820; color: #fff; }

/* line 260, _news.scss */
#morebutton .cls-3 { fill: transparent; transition: 0.5s all; }
/* line 265, _news.scss */
#morebutton:hover .cls-3 { fill: #ef4820; }

/* line 2, _calendar.scss */
.calendar { width: 100%; }
/* line 5, _calendar.scss */
.calendar a { color: #666; }
/* line 9, _calendar.scss */
.calendar ul { clear: both; width: 100%; margin: 0; }
/* line 13, _calendar.scss */
.calendar ul.weekdays { height: 30px; }
/* line 17, _calendar.scss */
.calendar ul.weekdays li { text-align: left; line-height: 20px; border: none !important; padding: 10px 6px; color: #2b292e; font-size: 16px; font-weight: 700; }
/* line 28, _calendar.scss */
.calendar li { display: block; float: left; width: 14.2857142857%; padding: 5px; box-sizing: border-box; border: 1px solid #ccc; margin-right: -1px; margin-bottom: -1px; }
/* line 41, _calendar.scss */
.calendar .days li { height: 180px; }
/* line 49, _calendar.scss */
.calendar .date { text-align: center; margin-bottom: 5px; padding: 0px; color: #2b292e; width: 20px; font-size: 16px; float: left; }
/* line 59, _calendar.scss */
.calendar .event { clear: both; display: block; font-size: 13px; border-radius: 4px; padding: 5px; margin-top: 30px; margin-bottom: 5px; color: #666; line-height: 14px; background-color: #fff; border: 1px solid #000; border-left: 5px solid #000; text-align: left; }
/* line 73, _calendar.scss */
.calendar .event.schule { border: 1px solid #ef4820; border-left: 5px solid #ef4820; }
/* line 77, _calendar.scss */
.calendar .event.schueler { border: 1px solid #f68941; border-left: 5px solid #f68941; }
/* line 81, _calendar.scss */
.calendar .event.lehrer { border: 1px solid #146e78; border-left: 5px solid #146e78; }
/* line 85, _calendar.scss */
.calendar .event.eltern { border: 1px solid #b1c927; border-left: 5px solid #b1c927; }
/* line 90, _calendar.scss */
.calendar .event + .event { margin-top: 5px; }
/* line 94, _calendar.scss */
.calendar .event-desc { margin: 3px 0 7px 0; }
/* line 98, _calendar.scss */
.calendar .other-month { background: #f9f9f9; }
/* line 100, _calendar.scss */
.calendar .other-month .date { color: #aaa !important; }
/* line 105, _calendar.scss */
.calendar .event-img img { width: 50px; height: 60px; float: right; }

@media (max-width: 768px) { /* line 113, _calendar.scss */
  .calendar .weekdays, #calendar .other-month { display: none; }
  /* line 117, _calendar.scss */
  .calendar li { height: auto !important; border: 1px solid #ededed; width: 100%; padding: 10px; margin-bottom: -1px; }
  /* line 125, _calendar.scss */
  .calendar .date { float: none; }
  /* line 129, _calendar.scss */
  .calendar .event-img img { margin-right: 20px; } }
/* line 1, _footer.scss */
footer { padding: 0px; }
/* line 5, _footer.scss */
footer .footer-bkg { background-color: #146e78; padding: 50px 0; }
/* line 9, _footer.scss */
footer .footer-bkg * { color: #fff; }
/* line 12, _footer.scss */
footer .footer-bkg li:first-of-type { font-weight: bold; }
/* line 16, _footer.scss */
footer .copyright-bkg { background-color: #ef4820; }
/* line 18, _footer.scss */
footer .copyright-bkg * { color: #fff; }
/* line 22, _footer.scss */
footer .footerinfo, footer .copyright { font-family: "roboto", serif; font-size: 14px; line-height: 18px; }
/* line 27, _footer.scss */
footer .menu a, footer .menu .button { padding: 0; font-size: 16px; line-height: 20px; padding-bottom: 4px; }
/* line 33, _footer.scss */
footer a:hover { color: #fff; text-decoration: underline; }

@media only screen and (max-width: 60em) { /* line 2, _medium.scss */
  h1, .h1 { font-size: 30px; line-height: 38px; }
  /* line 7, _medium.scss */
  h2, .h2 { font-size: 30px; line-height: 38px; }
  /* line 13, _medium.scss */
  h3, .h3 { font-size: 24px; line-height: 30px; } }
@media only screen and (max-width: 40em) { /* line 2, _small.scss */
  body { padding-top: 70px !important; }
  /* line 7, _small.scss */
  .top-bar-container { height: 100px; }
  /* line 13, _small.scss */
  #navoverlay { padding-top: 80px; }
  /* line 17, _small.scss */
  .profilebox { padding: 50px 50px; }
  /* line 20, _small.scss */
  .profilebox p { font-size: 18px; line-height: 24px; }
  /* line 24, _small.scss */
  .profilebox p.name { margin-bottom: 0; font-weight: 500; font-size: 14px; line-height: 18px; }
  /* line 30, _small.scss */
  .profilebox p.funktion { font-weight: 400; font-size: 14px; line-height: 18px; }
  /* line 38, _small.scss */
  .bkg-gelb-rechts { background-image: url("../img/gelb-rechts.png"); background-repeat: no-repeat; background-size: 90% 50%; background-position: right center; }
  /* line 45, _small.scss */
  .bkg-gruen-links { background-image: url("../img/gruen-links.png"); background-repeat: no-repeat; background-size: 90% 50%; background-position: left center; } }

/*# sourceMappingURL=styles.css.map */