/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

:root {
  --primary:#F27F1B;
  --second:#8C1620;
  --primary-4:#fbdbb2;
  --primary-3:#fce5c6;
  --background:#FEE6D2;
  --mainBlau: #0d263c;
}
@font-face {
  font-family: antropos;
  /* set name */
  src: url('https://starke-waldorfschulen.de/templates/starkewaldorfschulen/custom/fonts/anthropos/antropos.ttf');
  /* url of the font */
}
@font-face {
  font-family: caveat;
  /* set name */
  src: url('https://starke-waldorfschulen.de/templates/starkewaldorfschulen/custom/fonts/caveat/Caveat-Bold.ttf');
  /* url of the font */
}
.g-offcanvas-open .g-offcanvas-toggle {
  color: var(--primary);
}
#g-page-surround {
  background-color: #FEF2E7;
}
h1, h2, h3 {
  font-family: antropos;
}
#pageContent {
  display: none;
}
.datenschutz #pageContent, .impressum #pageContent, .jetztAnfragen #pageContent, .erfolgsnachricht #pageContent {
  display: block;
}
.datenschutz #g-inhalt .g-container, .impressum #g-inhalt .g-container, .erfolgsnachricht #g-inhalt .g-container {
  width: 75rem;
  max-width: 100%;
}
.datenschutz #g-inhalt .g-container a, .impressum #g-inhalt .g-container a, .erfolgsnachricht #g-inhalt .g-container a {
  color: var(--primary);
  text-decoration: none;
}
.datenschutz #g-inhalt h1, .datenschutz #g-inhalt h2, .datenschutz #g-inhalt h3, .impressum #g-inhalt h1, .impressum #g-inhalt h2, .impressum #g-inhalt h3, .erfolgsnachricht #g-inhalt h1, .erfolgsnachricht #g-inhalt h2, .erfolgsnachricht #g-inhalt h3 {
  color: var(--second);
}
.erfolgsnachricht #g-inhalt {
  margin-top: 3rem;
  text-align: center;
}
.erfolgsnachricht #g-inhalt p {
  font-size: 1.2rem;
}
.anfragenBtn {
  background-color: var(--primary);
  color: #fff;
  padding: 7px 12px;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: bold;
  font-family: antropos;
  text-decoration: none;
}
.anfragenBtn:hover {
  color: #fff;
  background-color: var(--second);
}
#g-header1 {
  background-color: var(--background);
}
#g-header1 #menu-6395-particle {
  display: flex;
  align-items: center;
  height: 86px;
  justify-content: flex-end;
}
#g-header1 #logo-6446-particle {
  padding: 12px;
  margin-left: 7px;
}
#g-header1 .g-container {
  width: 100%;
}
#g-header1 .g-container .g-content {
  margin: 0;
  padding: 0;
}
#g-header1 .g-container .logo img {
  width: 443px;
}
@media (max-width: 561px) {
  #g-header1 .g-container .logo img {
    padding-left: 42px;
  }
}
#g-header1 .menu {
  text-align: right;
  font-family: antropos;
}
#g-header1 .menu li {
  margin: 0 16px;
}
#g-header1 .menu li a {
  color: var(--second);
}
#g-header1 .menu .g-menu-item-111 a {
  background-color: var(--primary);
  color: #fff;
  padding: 7px 12px;
  border-radius: 5px;
}
#g-header1 .menu li.active a {
  border-bottom: 2px solid var(--second);
}
@media (max-width: 767px) {
  #g-header1 #logo-6446-particle {
    text-align: center;
  }
}
#g-header2 .g-container {
  width: 100%;
}
#g-header2 .g-container .g-content {
  margin: 0;
  padding: 0;
}
#g-header2 .g-container p {
  margin: 0;
}
#g-header2 .g-container .g-content::before {
  height: 40px;
  background-image: url('../../../../images/rand.png');
  background-size: 2500px 40px;
  display: block;
  content: "";
  position: absolute;
  z-index: 10;
  width: 100%;
  background-repeat: repeat-x;
}
#g-header2 .g-container .g-content::after {
  height: 40px;
  background-image: url('../../../../images/rand2.png');
  background-size: 2500px 40px;
  display: block;
  content: "";
  position: absolute;
  z-index: 10;
  width: 100%;
  background-repeat: repeat-x;
  transform: rotate(180deg);
  margin-top: -40px;
}
#g-inhalt .g-container {
  width: 100%;
}
#t2 {
  z-index: 11;
  position: relative;
}
@media (min-width: 768px) {
  #t2 {
    margin-top: -250px;
  }
}
#t2 .container {
  width: 1476px;
  max-width: 100%;
}
#t2 a {
  color: var(--primary);
  text-decoration: none;
}
#t2 p {
  margin-top: 20px;
  color: var(--mainBlau);
  line-height: 1.8;
  text-align: center;
}
#t2 .t2b {
  background-color: #fef7ee;
  padding: 13px;
  border-radius: 18px;
  padding-bottom: 21px;
  border: 2px solid var(--primary-3);
}
#t2 .t2a {
  text-align: center;
  font-style: italic;
  margin-top: 20px;
}
#t2 a:hover {
  text-decoration: none;
}
#t2 a:hover .t2a, #t2 a:hover svg {
  color: var(--primary);
}
#t2 a:hover .t2b {
  background-color: var(--primary-4);
}
#zitat {
  padding: 7rem 0;
  text-align: center;
}
#zitat h2 {
  line-height: 1.4;
  color: var(--second);
}
#zitat p {
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  #footer {
    text-align: center;
  }
}
#footer a {
  font-family: antropos;
  color: var(--second) !important;
  text-decoration: none;
  margin-left: 15px;
}
#footer p {
  font-family: antropos;
  color: var(--second);
}
#footer .align-right {
  margin: 1rem 0;
}
#E1 {
  text-align: center;
}
#E1 h1 {
  color: var(--second);
}
#E1 p {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #E1 {
    margin-top: -250px;
  }
  #E1 h1 {
    text-shadow: 0px 3px 21px #000;
    color: #fff;
  }
  #E1 p {
    text-shadow: 0px 3px 4px #000;
    color: #fff;
    width: 650px;
    max-width: 100%;
    margin: auto;
  }
}
@media (min-width: 1461px) {
  #E1 {
    margin-top: -450px;
  }
}
#E2 {
  padding: 3rem 0 1rem;
}
@media (min-width: 768px) {
  #E2 {
    margin-top: 94px;
  }
}
#E2 .container {
  width: 75rem;
  max-width: 100%;
  background-color: var(--background);
  z-index: 12;
  position: relative;
  padding: 34px 12px;
  border-radius: 12px;
}
#E2 h2 {
  font-size: 1.5rem;
}
#E2 p {
  font-size: 1.2rem;
}
#E2 .E2a {
  color: #006494;
}
#E2 .E2b {
  color: #198754;
}
#E2 .E2c {
  color: var(--primary);
}
#E2 .E2Box {
  display: inline-block;
  color: #fff;
  width: 32px;
  height: 32px;
  padding-top: 3px;
  margin-bottom: 19px;
  clip-path: polygon(97.386% 66.86%, 97.386% 66.86%, 96.765% 71.443%, 96.043% 75.658%, 95.229% 79.478%, 94.331% 82.882%, 93.359% 85.845%, 92.321% 88.343%, 91.225% 90.353%, 90.081% 91.851%, 88.897% 92.813%, 87.682% 93.217%, 72.531% 94.645%, 72.528% 94.645%, 33.791% 96.286%, 8.876% 92.74%, 7.795% 91.991%, 7.795% 91.991%, 7.113% 91.359%, 6.457% 90.435%, 5.83% 89.232%, 5.237% 87.766%, 4.682% 86.05%, 4.17% 84.099%, 3.704% 81.927%, 3.288% 79.549%, 2.928% 76.979%, 2.626% 74.232%, 2.626% 74.232%, 2.587% 73.811%, 2.549% 73.387%, 2.513% 72.961%, 2.478% 72.533%, 2.445% 72.103%, 2.413% 71.67%, 2.382% 71.235%, 2.354% 70.798%, 2.326% 70.36%, 2.301% 69.919%, 0.916% 45.361%, 0.916% 45.361%, 0.874% 40.288%, 1.013% 35.379%, 1.321% 30.706%, 1.785% 26.338%, 2.393% 22.346%, 3.131% 18.802%, 3.989% 15.776%, 4.952% 13.338%, 6.008% 11.56%, 7.145% 10.512%, 9.799% 9.021%, 19.994% 5.037%, 44.211% 3.263%, 44.215% 3.263%, 69.971% 3.263%, 92.102% 7.219%, 92.102% 7.219%, 93.385% 7.943%, 94.581% 9.581%, 95.672% 12.041%, 96.643% 15.23%, 97.476% 19.057%, 98.154% 23.429%, 98.66% 28.254%, 98.977% 33.44%, 99.088% 38.895%, 98.977% 44.525%, 98.328% 55.985%, 98.328% 55.985%, 98.26% 57.114%, 98.187% 58.234%, 98.108% 59.347%, 98.022% 60.45%, 97.931% 61.545%, 97.834% 62.629%, 97.73% 63.703%, 97.621% 64.767%, 97.507% 65.819%, 97.386% 66.86%);
}
#E2 .E2-1 {
  background-color: #006494;
}
#E2 .E2-2 {
  background-color: #198754;
}
#E2 .E2-3 {
  background-color: var(--primary);
}
@media (max-width: 767px) {
  #E2 .row > div {
    margin-bottom: 30px;
  }
}
#k1 {
  padding-bottom: 3rem;
}
#k1 .container-fluid {
  width: 1400px;
  max-width: 100%;
  padding: 0;
}
#k1 h2 {
  color: var(--second);
  text-align: center;
  font-size: 1rem;
  margin-top: 50px;
}
@media (min-width: 768px) {
  #k1 h2 {
    font-size: 1.5rem;
  }
}
#k1 p {
  font-size: 1.2rem;
  width: 800px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}
#k1 img {
  width: 240px;
  margin: 10px;
}
#imAufbau {
  padding: 3rem 0 5rem;
}
#imAufbau h1 {
  color: var(--second);
}
#imAufbau p {
  font-size: 1.2rem;
}
#uM {
  padding: 3rem 0 0;
  text-align: center;
  position: relative;
  z-index: 11;
}
#uM h2 {
  color: var(--second);
}
#uM p {
  font-size: 1.3rem;
}
#uM2 {
  padding: 5rem 0;
}
#uM2 img {
  border-radius: 1000px;
  width: 300px;
  border: 4px solid var(--background);
}
#uM2 p, #uM2 li {
  font-size: 1.2rem;
}
#uM2 h2 {
  color: var(--second);
}
#uM2 a {
  color: var(--primary);
  text-decoration: none;
}
#uM2 a:hover {
  color: var(--second);
}
#Fragen {
  padding: 4rem 0;
}
#Fragen .container {
  width: 900px;
  max-width: 100%;
}
#Fragen h2 button {
  color: var(--second);
}
#Fragen p, #Fragen .accordion-body {
  font-size: 1.2rem;
}
#Fragen .accordion-button {
  background-color: var(--background);
  white-space: normal;
  line-height: 1.4;
}
#Fragen .accordion-button:hover {
  background-color: #f6cba7;
}
#Fragen .accordion-button:focus {
  box-shadow: none;
}
#Fragen .accordion .accordion-item:first-child .accordion-button {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
#Fragen .accordion .accordion-item:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
#Fragen .accordion .accordion-item:last-child .accordion-button.collapsed {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#Fragen .accordion .accordion-item:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
#Fragen .accordion-item {
  border-color: var(--primary);
}
#designKontaktBox {
  padding: 3rem 0 8rem;
  margin-left: 15px;
  margin-right: 15px;
}
@media only all and (min-width: 768px) {
  #designKontaktBox {
    margin-left: 0;
    margin-right: 0;
  }
  #trainingsMethoden h3 {
    margin-right: 200px;
  }
}
#designKontaktBox > .container {
  background-color: var(--background);
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-radius: 7px;
}
#designKontaktBox .designKontaktBox1 i {
  font-size: 35px;
  color: var(--primary);
}
#designKontaktBox .designKontaktBox1 p {
  font-family: antropos;
  color: var(--mainBlau);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: bold;
}
@media only all and (min-width: 768px) {
  #designKontaktBox .designKontaktBox1 p {
    font-size: 25px;
  }
}
@media only all and (min-width: 992px) {
  #designKontaktBox .designKontaktBox1 p {
    font-size: 35px;
  }
}
#designKontaktBox .designKontaktBox1 span {
  font-size: 18px;
  color: var(--mainBlau);
}
#designKontaktBox .designKontaktBox2 img {
  width: 150px;
  max-width: 100%;
  display: block;
  margin: auto;
  border-radius: 150px;
  border: 1px solid var(--primary);
  margin-bottom: 10px;
}
#designKontaktBox .designKontaktBox2 span {
  font-family: antropos;
  color: var(--mainBlau);
}
#designKontaktBox .designKontaktBox2 p {
  font-family: antropos;
  color: var(--mainBlau);
  font-size: 1.5rem;
  margin-bottom: 0;
}
.designKontaktBox2 h1 {
  color: var(--primary);
}
.visforms {
  width: 600px;
  max-width: 100%;
  margin: auto;
}
.visforms h1 {
  color: var(--second);
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .visforms h1 {
    margin-top: -220px;
    margin-bottom: 250px;
    text-align: center;
    text-shadow: 0px 0px 35px #000;
    color: #fff;
  }
}
.visforms label {
  width: 100%;
  margin-top: 20px;
  color: var(--second);
  font-family: antropos;
}
.visforms .form-group > div {
  width: 100%;
}
.visforms #field7 {
  margin-top: 25px;
  background-color: var(--primary);
  font-family: "antropos";
}
.visforms #field7:hover {
  background-color: var(--second);
}
.visforms #field6 {
  height: 300px;
}
#K1 {
  text-align: center;
}
#K1 h1 {
  color: var(--second);
}
#K1 p {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #K1 {
    margin-top: -250px;
    margin-bottom: 250px;
  }
  #K1 h1 {
    text-shadow: 0px 3px 21px #000;
    color: #fff;
  }
  #K1 p {
    text-shadow: 0px 3px 4px #000;
    color: #fff;
    width: 800px;
    max-width: 100%;
    margin: auto;
  }
}
@media (min-width: 1461px) {
  #K1 {
    margin-top: -350px;
  }
}
#I1 {
  text-align: center;
}
#I1 h1 {
  color: var(--second);
}
#I1 p {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #I1 {
    margin-top: -220px;
    margin-bottom: 250px;
  }
  #I1 h1 {
    text-shadow: 0px 3px 21px #000;
    color: #fff;
  }
  #I1 p {
    text-shadow: 0px 3px 4px #000;
    color: #fff;
    width: 600px;
    max-width: 100%;
    margin: auto;
  }
}
@media (min-width: 1461px) {
  #I1 {
    margin-top: -350px;
  }
}
#O1 {
  text-align: center;
}
#O1 h1 {
  color: var(--second);
}
#O1 p {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #O1 {
    margin-top: -220px;
    margin-bottom: 250px;
  }
  #O1 h1 {
    text-shadow: 0px 3px 21px #000;
    color: #fff;
  }
  #O1 p {
    text-shadow: 0px 3px 4px #000;
    color: #fff;
    width: 600px;
    max-width: 100%;
    margin: auto;
  }
}
@media (min-width: 1461px) {
  #O1 {
    margin-top: -350px;
  }
}
/*# sourceMappingURL=custom_14.css.map */