@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;
}

#headerbackground {
background: url(../images/headerbackground.jpg) no-repeat center center;
background-size: cover;
}

.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,
.breadcrumb, .breadcrumb a, .breadcrumb-item.active {
color: #6a6a6a;
}
body a {
color: #6a6a6a;
}

#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: '/';
}

h1, h2 {
font-family: 'Stanyan', 'sans-serif';
font-size: 4rem;
font-weight: normal!important;
margin-bottom: 50px;
}
h1 strong {
font-weight: normal!important;
}
@media (max-width: 992px) {
h1, h2 {
font-size: 3rem;
margin-bottom: 20px;
}
}

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

.container-sidebar-left,
.container-sidebar-right {
/*background: #cdcdcd;*/
height: 95%;
}
.container-sidebar-left img,
.container-sidebar-right img {
/*background: #cdcdcd;*/
max-width: 80%;
height: auto;
}

.card {
border: none;
padding: 0;
background: transparent;
}
div.sidebar-left.card.stern-links {
margin-top: auto;
}

.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;
}
.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 {
text-align: center;
}
.footer li {
width: 100%;
margin-right: 0;
}
li.socialline {
margin-top: 10px;
}
}
@media (max-width: 1280px) {
.footer {
font-size: 0.85rem;
}
.footer li {
margin-right: 30px;
}
}
/* Editor-Styles */
.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;
}
/* Klassen-Links auf Klassenseite */
.mod-menu.klassenmenu {
font-size: 1.85rem;
}
.klassenmenu.mod-list li {
padding: 0;
margin-bottom: 5px;
}
.klassenmenu a:before {
content: '\2192';
margin-right: 10px;
}
p.klassenmenu a {
color: #ff0000;
text-decoration: none;
}
p.klassenmenu a:hover {
color: #6a6a6a;
text-decoration: underline;
}
@media (max-width: 992px) {
.mod-menu.klassenmenu {
font-size: 1.3rem;
}
}
@media (max-width: 480px) {
.mod-menu.klassenmenu {
font-size: 1.3rem;
}
}

/* Test volle Breite */
.frontseite-fullwidth {
margin: 0;
margin-top: 70px;
}
.frontseite-fullwidth p {
margin: 0;
}
.frontseite-fullwidth .card-body {
padding: 0;
margin: 0;
}
.frontseite-fullwidth img {
width: 90%;
height: auto;
margin-top: -200px;
}
.com-content-category-blog__children h3 {
display: none;
}

.bienvenuelead {
font-size: 1.5rem;
font-family: 'Segma-Medium';
}

.bienvenuelead {
font-size: 1.3rem;
}
}
@media (max-width: 480px) {
td img {
height: 150px!important;
}
}
/* Special Frontseite */
@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 ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". 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 (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 ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". bot-c bot-c bot-c bot-c .";
    }

}
.container-bottom-c {
  grid-area: bot-c;
}
.container-bottom-d {
  grid-area: bot-d;
}

.container-bottom-c {
  position: relative;
}
.container-bottom-d {
  position: relative;
}

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

/* Mini Frontpage */
h4 .mfp_default_title a {
font-weight: normal!important;
}

/* Frontseiten-Module */

#frontseitenbody a {
color: #6a6a6a;
text-decoration: none;
}
#frontseitenbody a:hover {
color: #6a6a6a;
text-decoration: underline;
}
/* Introtext */
#frontcontentcontainer { 
float: left;
width: 100%;
margin-bottom:40px;
}
#frontcontent {
width: 40%;
margin: auto;
margin-top: 40px;
}


/* Learning und Language */
#frontmodul2 {
width: 50%;
margin: auto;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
font-size: 1.3rem;
font-weight: bold;
}
#frontmodul2 table {
width: 100%;
}
#frontmodul2 td img {
height: 150px;
width: auto;
margin-top: 40px;
}
@media (max-width: 480px) {
#frontmodul2 td {
width: 46%;
padding-left: 2%;
padding-right: 2%;
font-size: 1.1rem;
line-height: 1.2;
vertical-align: top;
}
#frontmodul2 td img {
height: 100px;
width: auto;
margin-top: 30px;
}
}


/* Aktuell */
#frontmodul3container {
width: 100%;
background:url(../images/Texturepapier_grey.jpg)no-repeat center center;
background-size: cover;
padding-top: 40px;
padding-bottom: 50px;
margin-bottom:40px;
}
#frontmodul3 h3 {
text-align: center;
font-family: 'Stanyan', 'sans-serif';
font-size: 3rem;
font-weight: normal !important;
margin-bottom: 30px;
margin-top: 0;
}
#frontmodul3 h2 {
text-align: center;
}
#frontmodul3 {
width: 50%;
margin: auto;
}
#frontmodul3 .card-body {
padding: 0;
}
#frontmodul3 .card-header {
background: transparent;
text-align:center;
border: none;
margin-bottom: 30px;
font-family: 'Stanyan', 'sans-serif';
font-size: 4rem;
font-weight: normal !important;
margin-bottom: 50px;
}
/* Kontakt*/
#frontmodul4 {
width: 50%;
margin: auto;
}
#frontmodul4 a {
text-decoration: none;
}
#frontmodul4 table {
width: 100%;
}
#frontmodul4 td {
text-align: center;
vertical-align: top;
}
.intrografik {
margin-left: -100px;
width: 10vw;
height: auto;
}
@media (max-width: 480px) {
.kontakttabelle td {
width: 100%;
float: left;
}
}
@media (min-width: 1280px) {
.intrografik-rechtsoben {
position: absolute;
margin-top: -150px;
z-index: 1000;
right: 10%;
width: 10vw;
height: auto;
}
}
@media (max-width: 1279px) {
.intrografik-rechtsoben {
display: none;
}
}

#bienvenuetext {
position: relative
}
#schulalltag-front {
margin-top: 50px;
float: right;
margin-right: 10%;
}
#schulalltag-front a:hover {
text-decoration: none!important;
}
@media (max-width: 1280px) {
#schulalltag-front {
bottom: -70px;
}
}

@media (max-width: 1280px) {
#frontcontentcontainer {
margin-bottom: 100px;
}
#frontcontent {
width: 70%;
}
#frontmodul2,
#frontmodul3 {
width: 85%;
}
#schulalltag-front {
float: right;
margin-right: 100px;
margin-top: 40px;
}
}
@media (max-width: 480px) {
#schulalltag-front {
float: left;
position: relative;
margin-top: 20px;
bottom: 0;
margin-right: 0;
}
}
@media (max-width: 992px) {
#frontcontent,
#frontmodul2,
#frontmodul3,
#frontmodul4 {
width: 85%;
}
.intrografik {
width: 15vw;
margin-left: -30px;
margin-top: 40px;
}
#schulalltag-front {
margin-right: 100px;
margin-top: 30px;
}
}
@media (max-width: 480px) {
.intrografik {
display: none;
}
#frontcontentcontainer {
margin-bottom: -40px;
}
#schulalltag-front {
margin-top: 20px;
float: left;
margin-right: 10px;
width: 100%;
}
}
#kontaktbild {
text-align: left;
}
#kontaktbild img {
width: 150px;
height: auto;
margin-bottom: -50px;
}
@media (max-width: 992px) {
#kontaktbild {
display: none;
}
}
.grecaptcha-badge { opacity:0;}

/* 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!important;
}
.dj-megamenu-offcanvas {
min-height: 100%;
}
/* 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;
  }

.kontaktbutton {
display: table;
margin: auto;
background: #669bc9;
color: #fff;
padding: 7px;
padding-left: 12px;
padding-right: 12px;
width: auto;
text-align: center;
}
.kontaktbutton:hover {
background: #6ea7d9;
}
.kontaktbutton a {
color: #fff!important;
text-decoration: none!important;
}