/* Template for Pestalozzi - Rundgang Copyright © I.D.E.E. Susanne Zöller */
/* GLOBAL */
:root {
  --cassiopeia-color-primary: #f6bfb1;
}
/* --- SCHRIFTARTEN --- */
@font-face {
  font-family: 'augie';
  font-style: normal;
  font-weight: 150;
  src:  url('/media/templates/site/cassiopeia_pestalozzi_rundgang/fonts/augie.woff2') format('woff2'),
        url('/media/templates/site/cassiopeia_pestalozzi_rundgang/fonts/augie.woff') format('woff'),
        url('/media/templates/site/cassiopeia_pestalozzi_rundgang/fonts/augie.ttf') format('truetype')
}
body {
  font-family: arial, verdana, sans-serif;
  font-size: 100%;
  color: #000;
  background-color: var(--cassiopeia-color-primary);
}
/* --- LINKS --- */
a {
  color: #fff;
}
a:hover {
  color: #000;
}
a:not([class]) {
  text-decoration: none;
}
.mod-list li a {
  color: #000;
}
.mod-list li a:hover {
  color: #fff;
}
/* --- ÜBERSCHRIFTEN --- */
h1.rundgang {
  font-family: 'augie', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  font-weight: lighter;
}
/* HEADER */
.container-header {
  background-image: none;
}
.container-header .grid-child {
  padding: 0;
}
.container-header .mod-menu {
  margin-bottom: 2em;
}
.container-header .mod-menu > li + li {
  margin-left: 3.25em;
}
/* --- NAVIGATION --- */
li.nav-item {
  padding: 20px;
}
li.nav-item.item-122 {
  background-image: url('../images/navigation-home-wt.png');
  background-repeat: no-repeat;
  color: #000;
  width: auto;
  margin: 0 0 1em 0;
}
li.nav-item.item-101 {
  background-image: url('../images/navigation-profil-wt.png');
  background-repeat: no-repeat;
  color: #000;
  width: auto;
  margin: 0 0 1em 0;
}
li.nav-item.item-118 {
  background-image: url('../images/navigation-rundgang-wt.png');
  background-repeat: no-repeat;
  color: #000;
  width: auto;
  margin: 0 0 1em 0;
}
li.nav-item.item-118 {
  background-image: url('../images/navigation-rundgang-wt.png');
  background-repeat: no-repeat;
  color: #000;
  width: auto;
  margin: 0 0 1em 0;
}
li.nav-item.item-119 {
  background-image: url('../images/navigation-schul-abc-wt.png');
  background-repeat: no-repeat;
  color: #000;
  width: auto;
  margin: 0 0 1em 0;
}
li.nav-item.item-120 {
  background-image: url('../images/navigation-einblicke-wt.png');
  background-repeat: no-repeat;
  color: #000;
  width: auto;
  margin: 0 0 1em 0;
}
li.nav-item.item-121 {
  background-image: url('../images/navigation-kontakt-wt.png');
  background-repeat: no-repeat;
  color: #000;
  width: auto;
  margin: 0 0 1em 0;
}
.container-header .nav.mod-menu .nav-item>a:hover {
  text-decoration: none;
  border: 0;
}
.container-header .nav > li > a::after, .container-header .nav > li > button::before {
  content: none;
}
.container-header .nav > li > a:hover::after, .container-header .nav > li > button:hover::before, .container-header .nav > li.active > a::after, .container-header .nav > li.active > button::before {
  background: #e78475;
}
a.menu-home {
  font-family: 'augie', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.875rem;
  text-align: center;
}
.navbar {
  --navbar-toggler-focus-width: 0;
}
/* TOGGLER */
.container-header .navbar-toggler {
  color: #8b8b8b;
  border: 1px solid #8b8b8b;
  margin: 16px;
}
/* SITE-GRID */
.site-grid {
  background-color: #f6bfb1;
}
/* TERMINE */
.mod-list {
  font-size: 1.25rem;
}
ul.nav.menutermine li {
  list-style-image: url('../images/pfeil-termine.png');
  list-style-position: outside;
  font-size: 0.875rem;
  padding: 5px 0;
  line-height: 20px;
}
ul.nav.menutermine li a:hover {
  text-decoration: none;
  color: #fff;
}
.card-body {
  padding: 0.5em 1em 2em 2em;
}
.card-header.menutermine {
  background-color: #be0a26;
  border: none;
}
.sidebar-left.card.menutermine h3 {
  font-family: 'augie', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: lighter;
  color: #000;
  padding: 0.575em;
}
.sidebar-left.card.menutermine {
  border-width: 0;
  background-color: #be0a26;
}
li.nav.menutermine {
  padding: 0;
}
.container-sidebar-left .sidebar-left:last-child {
  margin-bottom: 0;
}
.container-sidebar-left .sidebar-left:first-child {
  margin-top: 0;
}
/* CONTENT */
#main {
  margin: 0;
}
.container-component > * + * {
  margin-top: 0;
}
.container-component {
  background-color: #e78475;
  padding: 1em 2em;
}
/* CARD CAROUSEL CK */
.card {
  --card-bg: #e78475;
  --card-border-color: #e78475;
}
/* FOOTER */
.footer .grid-child {
  justify-content: center;
  padding: 1em;
}
.footer {
  background-image: none;
  background-color: #d43d35;
  margin-top: 1.5em;
  color: #000;
}
.footer a {
  color: #8b8b8b;
  font-size: 1rem;
}
footer div.mod-footer div {
  margin: 1.5em;
}
footer div.mod-footer {
  display: inline-flex;
}
.footer a:not(.btn), .footer .btn-link {
  color: #000;
  font-size: 1rem;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
  color: #fff;
  font-size: 1rem;
}
/* BACKBUTTON */
div.backbutton a {
  color: #000;
}
div.backbutton a:hover {
  color: #fff;
}
/* BACK TO TOP */
#back-top {
  position: fixed;
}
.back-to-top-link {
  background-color: #fff;
  color: #000;
}
.back-to-top-link:focus, .back-to-top-link:hover {
  background-color: #fff;
  border-color: #fff;
  color: #be0a26 !important;
}
/* MEDIA QUERIES */
/* HEADER */
/* --- NAVIGATION --- */
@media (min-width: 0) and (max-width: 991px) {
  li.nav-item.item-122 {
    margin: 0 0 1em 3.25em;
    }
  h1.rundgang {
  font-size: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  a.menu-home {
  font-size: 1.5rem;
  }
}
@media (min-width: 1301px) and (max-width: 1359px) {
  .container-header nav {
    margin: 0 0 0 1em;
  }
  a.menu-home {
  font-size: 1.75rem;
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .container-header nav {
    margin: 0 0 0 1em;
  }
}
@media (min-width: 1360px) and (max-width: 1600px) {
  .container-header nav {
    margin: 0;
  }
}
/* FOOTER */
@media (min-width: 0px) and (max-width: 1023px) {
  footer div.mod-footer {
    display: inline-block;
  }
}