@font-face {
font-family: 'Stanyan';
src: url('P22StanyanBold.woff') format('woff'),
url('../../../../../fonts/P22StanyanBold.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Segma-Bold';
src: url('Segma-Bold.woff') format('woff'),
url('../../../../../fonts/Segma-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Segma-Medium';
src: url('Segma-Medium.woff') format('woff'),
url('../../../../../fonts/Segma-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Segma-Regular';
src: url('Segma-Regular.woff') format('woff'),
url('../../../../../fonts/Segma-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* Site Grid */
@media only screen and (min-width: 992px) {
.site-grid {
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] .9fr 24rem 24rem .9fr [main-end] minmax(0, 1fr) [full-end];
}
}

main {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        }

#headerbackground {
background: url(../images/headerbackground.jpg) no-repeat center center;
background-size: cover;
border-bottom: 1px solid #cdcdcd;
}
.container-header {
background: #fff;
padding-bottom: 0;
}
.container-header .mod-menu {
color: #545454;
}
.container-header .container-nav {
padding: 0;
}
@media (max-width: 1280px) {
.container-nav {
width: 85%;
}
}
@media (max-width: 480px) {
.container-nav {
width: 80%;
}
}
/*
@media (max-width: 992px) {
.container-nav {
align-items: center;
}
}
*/
body {
font-family: 'Segma-Regular';
font-size: 1rem;
line-height: 1.5;
}
body,
h1, h2, h3 {
color: #6a6a6a;
}
h1 a, h2 a, h3 a,
h1 a:hover, h2 a:hover, h3:hover a {
text-decoration: none !important;
color: #6a6a6a !important;
}
h3, h4 {
font-family: 'Segma-Bold', 'sans-serif';
margin-bottom: 15px;
font-weight: normal;
}
body a {
color: #6a6a6a;
}
body a:hover {
color: #333;
}

#topbar {
padding: 10px;
font-size: .8rem;
color: #6a6a6a;
text-align: right;
float: left;
width: 100%;
margin-bottom: -10px;
}

@media (max-width: 992px) {
#topbar {
margin-bottom: 10px;
}
}

@media (max-width: 979px) {
.topbar1,
.topbar2 {
display: none;
}
}

#topbar p {
margin: 0;
}
.topbar1 a,
.topbar2 a {
text-decoration: none;
}
.topbar2 a {
margin-right: 13px;
}
.topbar1, .topbar2 {
float: right;
}
.topbar2 {
margin-right: 10px;
}
.logo-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.logo-menu img {
max-width: 100%;
height: auto;
}
@media (min-width: 768px) and (max-width: 992px) {
.container-nav .col-md-11 {
text-align: right;
}
.logo-menu img {
height: 50px;
width: auto;
max-width: none;
}
}
@media (max-width: 1280px) {
#topbar {
font-size: 12px;
}
.logo-menu {
margin-top: 0;
}
.logo-menu img {
width: 120px;
height: auto;
}
}

/* Sprachwechsel */
div.mod-languages ul li.lang-active {
background: transparent;
}
div.mod-languages ul {
margin-right: 20px;
}
div.mod-languages li {
margin: 0;
}
div.mod-languages a {
padding: 0.2em;
}
.lang-active a {
color: #669bc9;
}
div.mod-languages li:first-child:after {
content: '/';
}

.item-page-hauptrubrik h1,
.blog h1 {
font-family: 'Stanyan', 'sans-serif';
font-size: 4rem;
font-weight: normal!important;
margin-bottom: 35px;
}
h1 {
font-family: 'Segma-Bold', 'sans-serif';
font-weight: normal!important;
font-size: 1.85rem;
margin-bottom: 35px;
}
h1 strong {
font-weight: normal!important;
}
@media (max-width: 992px) {
h1, h2 {
font-size: 1.85rem;
margin-bottom: 20px;
}
}
h2 {
font-family: 'Segma-Bold', 'sans-serif';
font-weight: normal!important;
font-size: 1.4rem;
margin-bottom:30px;
}
strong {
font-family: 'Segma-Bold', 'sans-serif';
font-weight: normal;
}
@media (max-width: 480px) {
h1 {
font-size: 2rem;
}
}

.breadcrumb {
background: none;
padding: 0;
}
.px-3 {
padding: 0!important;
}
.card {
border: none;
padding: 0;
background: transparent;
}

#contentheader {
width: 100%;
height: 100px;
}
@media (max-width: 1280px) {
#contentheader {
height: 105px;
}
}
@media (max-width: 480px) {
#contentheader {
height: 35px;
}
}
#headerspacer {
width: 100%;
height: 70px;
}
@media (max-width: 1280px) {
#headerspacer {
height: 55px;
}
}
@media (max-width: 480px) {
#headerspacer {
height: 25px;
}
}
@media (max-width: 1280px) {
#headerbackground {
border-bottom: 1px solid #cdcdcd;
}
}
#headerbild {
margin-bottom: 30px;
}
#headerbild p {
margin: 0;
}
#headerbild img {
width: 100%;
height: auto;
}

.main-top .card-body {
padding: 0;
margin-bottom: 30px;
}

.footer {
margin-top: 70px;
background: #669bc9;
font-size: .9rem;
padding: 1.5rem;
display: flex;
justify-content: center;
position: -webkit-sticky;
position: sticky;
top: 100vh;
}
.mobilefooter p {
text-align: center;
margin: 0;
}
.footer li {
list-style: none;
float: left;
margin-right: 40px;
margin-left: 0;
padding: 0;
}
.footer ul {
padding: 0;
margin: auto;
}
.footer a {
text-decoration: none;
}
li.socialline {
margin-top: -11px;
}
@media (max-width: 992px) {
.footer li {
width: 100%;
margin-right: 0;
}
li.socialline {
margin-top: 10px;
}
.footer {
text-align: center;
}
}
@media (max-width: 1280px) {
.footer {
font-size: 0.85rem;
}
.footer li {
margin-right: 30px;
}
}
/* Editor-Styles */
.linkgruppe {
margin-left: 75px;
}
.linkgruppe:before {
content: '\2192';
margin-right: 10px;
}
p.linkgruppe {
margin-bottom: 3px!important;
}
p.linkgruppe a {
color: #6a6a6a;
text-decoration: none;
}
p.linkgruppe a:hover {
color: #6a6a6a;
text-decoration: none;
}
@media (max-width: 979px) {
.linkgruppe {
margin-left: 0;
}
}
.linkgruppe {
text-indent: -25px;
padding-left: 25px;
 }
 
/* Klassen-Links auf Klassenseite */
.mod-menu.klassenmenu {
margin-left: 75px;
font-size: 1.85rem;
}
.klassenmenu.mod-list li {
padding: 0;
margin-bottom: 5px;
}
.nav-item.current.active a {
text-decoration: none !important;
}

.klassenmenu a:before {
content: '\2192';
margin-right: 10px;
}
p.klassenmenu a {
color: #ff0000;
text-decoration: none;
}
p.klassenmenu a:hover {
color: #6a6a6a;
text-decoration: none;
}
.mod-list li a:hover {
text-decoration: none !important;
}
@media (max-width: 992px) {
.mod-menu.klassenmenu {
margin-left: 0;
}
}
@media (max-width: 992px) {
.mod-menu.klassenmenu {
font-size: 1.3rem;
}
}
/* Sidebars nur auf grossen Bildschirmen */
@media (max-width: 1280px) {
@supports (display: grid) {
  .site-grid {
    display: grid;
    grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ."  ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-c bot-c bot-c bot-c .";
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
    grid-gap: 0 1em;
  }
  }
  }
  @media (max-width: 1280px) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-c bot-c bot-c bot-c .";
margin-top: 50px;
}
}
}
  @media (max-width: 1280px) {
  .site-grid {
  width: 85%;
  margin: auto;
  margin-top: 0;
  }
  .container-sidebar-left,
  .container-sidebar-right {
  display: none;
  }
  }
    @media (max-width: 480px) {
  .site-grid {
  width: 95%;
  margin: auto;
  margin-top: 0;
  }
  }
  /* Ende Sidebars */

.container-bottom-c {
  grid-area: bot-c;
}
.container-bottom-c {
  position: relative;
}
.container-bottom-c > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0.5em 0;
}
@media (max-width: 991.98px) {
  .container-bottom-c {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .container-bottom-c > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

/* Aktuell */

.aktuellblog .item-content {
margin-top: 10px;
border-top: 1px solid #a6a6a6;
padding-top: 30px;
}
.aktuellblog h2 {
font-family: 'Segma-Bold', 'sans-serif';
font-size: 1.3rem;
margin-bottom: 20px;
}
.aktuellblog .create .icon-calendar {
display: none;
}
.readmore .btn {
font-size: 1.2rem;
letter-spacing: 0.03em;
border: none;
padding: 0;
float: right;
color: #6a6a6a;
}
.readmore .btn:focus {
transition: none;
box-shadow: none;
}
.readmore .btn:hover {
background: none;
opacity: 0.9;
}
.readmore .btn:before {
content: '\2192';
margin-right: 15px;
}
.readmore .btn .icon-chevron-right {
display: none;
}
/* breadcrumbs */
.breadcrumb, .breadcrumb a, .breadcrumb-item.active {
color: #669bc9;
font-family: 'Segma-Bold', 'sans-serif';
font-size: 0.85rem;
text-decoration: none;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #669bc9;
  content: var(--breadcrumb-divider,">");
  float: left;
  padding-right: .5rem;
  }
 .mod-breadcrumbs__divider.float-start {
 display: none;
 }
main li {
margin-bottom: 10px;
}

table {
width: 100%;
float: left;
}
table td {
padding-top: 5px;
padding-bottom: 5px;
}

/* Spezial-Inhaltsklassen */

.item-page-preisliste table,
.item-page-pressespiegel table {
width: 100%;
}
.item-page-preisliste td,
.item-page-pressespiegel td {
padding-top: 10px;
padding-bottom: 10px;
vertical-align: top;
border-bottom: 1px solid #cdcdcd;
}
.item-page-preisliste p {
margin-bottom: 5px;
}

.item-page-ferienplan tr:nth-child(even) {background: #f6f6f6;}
.item-page-ferienplan tr:nth-child(odd) {background: #FFF;}
.item-page-ferienplan td {padding-top: 10px;padding-bottom: 10px;}

.item-page-ferienplan p {
margin-bottom: 0px;
}


.item-page-pressespiegel a:before {
content: '\2192';
margin-right: 10px;
}
.item-page-pressespiegel p {
margin-bottom: 5px!important;
}
.item-page-pressespiegel a {
color: #6a6a6a;
text-decoration: none;
}

.item-page .mod-list li.active > a {
text-decoration: none;
}


/* Formen in Sidebars */
.grid-child.container-sidebar-left {
height: 100%;
text-align: left;
}
.grid-child.container-sidebar-right {
height: 100%;
text-align: right;
}

@media (max-width: 1600px) {
.container-sidebar-left img,
.container-sidebar-right img {
max-width: 85%;
height: auto;
}
}
@media (min-width: 1281px) {
.container-sidebar-left img,
.container-sidebar-right img {
max-width: 70%;
height: auto;
}
}
.moduletable.form2 {
margin-top: auto;
margin-bottom: auto;
}
.moduletable.form4 {
margin-top: 500px;
margin-bottom: auto;
}
.moduletable.form5 {
margin-top: auto;
margin-bottom: 30px;
}
.moduletable.form9 {
margin-top: auto;
margin-bottom: auto;
}
.moduletable.form11 {
margin-top: 700px;
margin-bottom: auto;
}
.moduletable.form16 {
margin-top: auto;
margin-bottom: 30px;
}
.moduletable.form18 {
margin-top: 150px;
margin-bottom: auto;
}
.moduletable.form19 {
margin-top: auto;
margin-bottom: 30px;
}
.moduletable.form20 {
margin-top: auto;
margin-bottom: 0px;
}
.moduletable.form21 {
margin-top: auto;
margin-bottom: 0;
}
.moduletable.form22 {
margin-top: auto;
margin-bottom: 0;
}
.moduletable.form23 {
margin-top: auto;
margin-bottom: 30px;
}
.moduletable.form27 {
margin-top: auto;
margin-bottom: 30px;
}
.moduletable.form32 {
margin-top: auto;
margin-bottom: 0;
}

/* Animationen in Sidebars */
/* Form23 slideUp */

/* TEST Form-Positionen Pädagogische Ziele 
.grid-child.container-sidebar-left {
height: 100%;
}
.moduletable.form27 {
margin-top: auto;
margin-bottom: 30px;
}
/* Ende Test Form-Positionen */

/*.form23 {
 position: relative;
margin: 0 0.5rem;
animation: slideUp; 
animation-duration: 20s; 
}
@keyframes slideUp {
  from {top: 200px;}
  50% {top: 100px !important;} 
  to {top: 0px;}
}
*/
/* Form24 rotierend
div.sidebar-right.card.form24 {
margin-top: 50%;
}
.container-sidebar-right.form24,
.container-sidebar-right {
height: 95%;
padding-top: 30%;
}
.container-sidebar-left img,
.container-sidebar-right img {
max-width: 80%;
height: auto;
}
.form18,
.form24 {
animation: Rotate 150s linear infinite!important;  /**change the value to make rotation faster or slower*/
/* }
@keyframes Rotate {
from { transform: rotate(0deg) }
 to { transform: rotate(360deg) }  /**change to a higher value for more seamless loop*/
/*}


/* Kontaktformular */
#contact-form legend {
display: none;
}
#jform_spacer-lbl {
font-size: 15px;
}
.grecaptcha-badge { opacity:0;}

/* Mitarbeiter-Blogliste */
table.mitarbeitende  a {
text-decoration: none;
}
.mitarbeitende th {
padding-bottom: 10px;
}
/* Mitarbeiter-Beiträge */
.item-page-mitarbeitende h1 {
font-family: 'Segma-Bold', 'sans-serif';
font-size: 1.3rem;
margin-bottom: 20px;
}
.dj-megamenu-offcanvas {
height: 100%;
}
@media screen and (max-width: 979px) {
.content-category-mitarbeitende td {
width: 100%;
float: left;
padding: 0;
}
.content-category-mitarbeitende td:last-child {
padding-bottom: 20px;
}
}
/* Admin Menu */
.adminmenu .mod-menu {
flex-direction: row;
}
.adminmenu {
float: left;
z-index: 10000;
width: 100%;
background: #ffe8bc;
}
.adminmenu li {
font-size: .9rem;
list-style: none;
padding: 10px;
margin: 10px;
float: left;
background: #ffa800;
}
.adminmenu li:hover {
opacity: 0.8;
}
.adminmenu li a {
text-decoration: none;
font-weight: normal;
color: #fff!important;
}
.adminmenu.ha-adminmenu li {
font-size: .9rem;
margin: 5px;
}


.float-end div a {
padding: 5px;
margin: 10px;
background: #ffa800;
border-radius: 0.3em;
color: #fff;
}
#search-form .btn-primary {
background: #669bc9;
border: none;
}
.stundenplan-modul {
text-align: center;
}

main ul {
padding-left: 10px;
}
main li {
list-style-type: '–';
padding-left: 8px;
}

/* Test Parallax auf Ergänzende Dienstleistungen 

.container-sidebar-right,
.container-sidebar-left {
height: 100%;
width: 100%;
text-align: center;
padding-top: 0;
}
.testform:odd {
}

/* Cookie Hint */
#redim-cookiehint {
background: #669bc9!important;
padding: 30px;
color: #fff;
font-size: 1rem;
}
#redim-cookiehint-modal {
padding: 30% !important;
background: rgba(0,0,0,0.4);
}
@media (max-width: 992px) {
#redim-cookiehint-modal {
padding: 20% !important;
}
}
@media (max-width: 480px) {
#redim-cookiehint-modal {
padding: 10% !important;
}
#redim-cookiehint {
padding: 20px;
font-size: .8rem;
}
}
#redim-cookiehint a {
color: #fff;
text-decoration: none;
}
.cookiehead {
font-size: 1.3rem;
margin-bottom: 10px;
}
.cookiebuttons {
float: right;
}
#redim-cookiehint .cookiebuttons .btn {
  background-color: #fff !important;
  color: #669bc9 !important;
  border-radius: 0;
  margin: 10px;
  padding: 5px;
  }
#redim-cookiehint .cookiebuttons .btn:hover {
  background-color: #5a88b0 !important;
  color: #ffffff !important;
  }
main li.nav-item a:hover {
text-decoration: none!important;
}
.container-sidebar-right,
.container-sidebar-left {
}
/* Sitemap */
.osmap-sitemap a {
text-decoration: none !important;
}

/* SIG Simple Image Gallery */
ul.sigFreeClassic li.sigFreeThumb {
margin: 0 10px 10px 0 !important;
}
.item-page-hausaufgaben table,
.blog-hausaufgaben table {
width: 100%;
}

/* Hausaufgaben */
.hausaufgaben thead tr, .item-page-hausaufgaben thead tr {font-weight: bold !important;background: #f3f3f3 !important; color: #fff;}
.hausaufgaben td, .item-page-hausaufgaben td {font-size: .9em; border-right: 2px solid #fff; padding:10px;vertical-align:top}
.hausaufgaben tr:nth-child(even), .item-page-hausaufgaben tr:nth-child(even) {background: #f7f7f7 !important; border-bottom: 2px solid #fff;}
.hausaufgaben tr:nth-child(odd), .item-page-hausaufgaben tr:nth-child(odd) {background: #f3f3f3!important; border-bottom: 2px solid #fff; }

.hausaufgaben td:first-child {
white-space: nowrap;
width: 17%;
}
.hausaufgaben td {
vertical-align: top;
}
.hausaufgaben .blog-item {
margin-bottom: 40px;
}
@media (max-width: 480px) {
.hausaufgaben td {
font-size: 12px;
}
.hausaufgaben td:first-child {
width: 18%;
}
}

.hinweis:not(.mceContentBody) {
display: none;
}