@charset "UTF-8";
@font-face {
  font-family: "Anthropos";
  src: url("../resources/fonts/Anthropos/Anthropos.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../resources/fonts/Noto_Sans/static/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../resources/fonts/Noto_Sans/static/NotoSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../resources/fonts/Noto_Sans/static/NotoSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat";
  src: url("../resources/fonts/Montserrat/static/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Bootstrap Icons";
  src: url("../resources/fonts/bootstrap-icons/bootstrap-icons.woff2") format("woff2"), url("./resources/fonts/bootstrap-icons/bootstrap-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("../resources/fonts/Merriweather/Merriweather-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lora";
  src: url("../resources/fonts/Lora/Lora-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lora";
  src: url("../resources/fonts/Lora/Lora-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lora";
  src: url("../resources/fonts/Lora/Lora-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lora";
  src: url("../resources/fonts/Lora/Lora-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/* Variables for Content Editor and Content Area in Front End */
html {
  font-size: 1.2rem;
  scroll-behavior: smooth;
}
body {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  color: #203261;
  font-size: 1.15rem;
}
.thecontent {
  font-size: 1.15rem;
  line-height: 1.7;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}
.thecontent h3, .thecontent h4, .thecontent h5 {
  padding: 0;
  margin: 0;
}
.thecontent h3 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}
.thecontent h4 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-size: 1.15rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.thecontent h5 {
  font-size: 1.15rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}
.thecontent a {
  color: #2082ab;
  text-decoration: none;
  transition: 0.2s all;
}
.thecontent a:hover {
  color: rgba(32, 130, 171, 0.8);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-position: under;
  text-decoration-color: #2082ab;
}
.thecontent a::before {
  display: inline-block;
  font-size: 1.2rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.3rem;
  position: relative;
  bottom: -0.1rem;
}
.thecontent a::before {
  font-family: "Bootstrap Icons";
  content: "";
}
.thecontent a[target="_blank"]::before {
  font-family: "Bootstrap Icons";
  content: "";
}
.thecontent a[href^="mailto"]::before {
  font-family: "Bootstrap Icons";
  content: "";
}
.thecontent a[href^="tel"]::before {
  font-family: "Bootstrap Icons";
  content: "";
}
.thecontent p {
  margin-bottom: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}
.thecontent img {
  height: auto;
}
.thecontent .wp-caption {
  width: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.thecontent .wp-caption .wp-caption-text, .thecontent .wp-caption .wp-caption-dd {
  margin-top: 0.5rem;
  font-size: 0.925rem;
}
.thecontent .aligncenter {
  width: auto;
  min-width: auto;
  max-width: 100%;
  display: block;
  float: none;
  margin: 3rem auto;
}
.thecontent .alignnone {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: block;
  float: none;
  margin: 3rem 0;
}
.thecontent .alignleft, .thecontent .wp-caption.alignleft {
  clear: both;
  width: 40%;
  min-width: 40%;
  max-width: 40%;
  float: left;
  padding: 0;
  margin: 0.5rem 1.5rem 1rem -15%;
}
.thecontent .alignright, .thecontent .wp-caption.alignright {
  width: 40%;
  min-width: 40%;
  max-width: 40%;
  float: right;
  padding: 0;
  margin: 0.5rem -15% 1rem 1.5rem;
}
.thecontent .alignright .wp-caption-text, .thecontent .alignright .wp-caption-dd, .thecontent .wp-caption.alignright .wp-caption-text, .thecontent .wp-caption.alignright .wp-caption-dd {
  position: static;
  transform: none;
  margin-left: 0rem;
  margin-top: 0.125rem;
  padding: 0;
}
.thecontent .video-fluid {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.thecontent .video-fluid iframe, .thecontent .video-fluid object, .thecontent .video-fluid embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.thecontent ul {
  clear: left;
  position: relative;
  list-style: none;
  margin: 2rem 0 2rem 0;
  padding-left: 0;
}
.thecontent ul li {
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.thecontent ul li::before {
  font-family: "Bootstrap Icons";
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2rem;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.3rem;
  color: #EC6A18;
}
.thecontent ol {
  margin: 2rem 0 2rem 0;
}
.thecontent ol li {
  margin-bottom: 0.5rem;
}
.thecontent .nf-field ul {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.thecontent .nf-field ul li:before {
  content: "" !important;
}
.thecontent table, .thecontent tr, .thecontent td {
  color: #2B2E34;
}
h1 {
  font-family: Anthropos, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.25rem;
}
h2 {
  font-family: Anthropos, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.25rem;
  font-weight: 600;
}
h3 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-size: 1.15rem;
}
a {
  color: #2082ab;
  text-decoration: none;
  transition: 0.2s all;
}
a:hover {
  color: rgba(32, 130, 171, 0.8);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-position: under;
  text-decoration-color: #2082ab;
}
#alertModal {
  z-index: 50000;
}
#alertModal h3:first-of-type {
  margin-top: 0;
}
.nonagonimg {
  clip-path: polygon(37% 0, 76% 8%, 100% 43%, 95% 76%, 83% 91%, 32% 100%, 7% 85%, 0 69%, 0 24%);
  width: calc(100vw/12*3.25);
  height: calc(100vw/12*3.25);
  position: relative;
  display: block;
}
.waldorfbutton {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: white;
  background-color: #203261;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
  font-size: 1rem;
}
.waldorfbutton:hover {
  color: white;
  background-color: #2e488b;
  text-decoration: none;
}
.waldorfbutton.inline {
  margin: 0;
}
.waldorfbutton.solid-yellow {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #F7E927;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.solid-yellow:hover {
  color: #203261;
  background-color: #f9ef5d;
  text-decoration: none;
}
.waldorfbutton.solid-yellow.inline {
  margin: 0;
}
.waldorfbutton.solid-violet {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #4F70B3;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.solid-violet:hover {
  color: #203261;
  background-color: #7690c4;
  text-decoration: none;
}
.waldorfbutton.solid-violet.inline {
  margin: 0;
}
.waldorfbutton.solid-orange {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #EC6A18;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.solid-orange:hover {
  color: #203261;
  background-color: #f08b4c;
  text-decoration: none;
}
.waldorfbutton.solid-orange.inline {
  margin: 0;
}
.waldorfbutton.solid-lightgreen {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #BBDCAF;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.solid-lightgreen:hover {
  color: #203261;
  background-color: #dcedd6;
  text-decoration: none;
}
.waldorfbutton.solid-lightgreen.inline {
  margin: 0;
}
.waldorfbutton.addcolor-0 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: white;
  background-color: #203261;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-0:hover {
  color: white;
  background-color: #2e488b;
  text-decoration: none;
}
.waldorfbutton.addcolor-0.inline {
  margin: 0;
}
.waldorfbutton.addcolor-1 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #a0d5eb;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-1:hover {
  color: #203261;
  background-color: #cee9f5;
  text-decoration: none;
}
.waldorfbutton.addcolor-1.inline {
  margin: 0;
}
.waldorfbutton.addcolor-2 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #74B26F;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-2:hover {
  color: #203261;
  background-color: #97c694;
  text-decoration: none;
}
.waldorfbutton.addcolor-2.inline {
  margin: 0;
}
.waldorfbutton.addcolor-3 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #BBDCAF;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-3:hover {
  color: #203261;
  background-color: #dcedd6;
  text-decoration: none;
}
.waldorfbutton.addcolor-3.inline {
  margin: 0;
}
.waldorfbutton.addcolor-4 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #EC6A18;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-4:hover {
  color: #203261;
  background-color: #f08b4c;
  text-decoration: none;
}
.waldorfbutton.addcolor-4.inline {
  margin: 0;
}
.waldorfbutton.addcolor-5 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #ED8082;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-5:hover {
  color: #203261;
  background-color: #f4b1b2;
  text-decoration: none;
}
.waldorfbutton.addcolor-5.inline {
  margin: 0;
}
.waldorfbutton.addcolor-6 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #F9BF42;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-6:hover {
  color: #203261;
  background-color: #fbd178;
  text-decoration: none;
}
.waldorfbutton.addcolor-6.inline {
  margin: 0;
}
.waldorfbutton.addcolor-7 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #F7E927;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-7:hover {
  color: #203261;
  background-color: #f9ef5d;
  text-decoration: none;
}
.waldorfbutton.addcolor-7.inline {
  margin: 0;
}
.waldorfbutton.addcolor-8 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-weight: 600;
  display: inline-block;
  margin: 2rem 0;
  clip-path: polygon(22% 0, 78% 8%, 98% 37%, 100% 84%, 91% 100%, 9% 100%, 0 75%, 3% 31%);
  color: #203261;
  background-color: #4F70B3;
  transition: 0.2s all;
  padding: 0.75rem 3rem;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.waldorfbutton.addcolor-8:hover {
  color: #203261;
  background-color: #7690c4;
  text-decoration: none;
}
.waldorfbutton.addcolor-8.inline {
  margin: 0;
}
.waldorfbutton.waldorfbutton-sm {
  font-size: 0.8rem;
}
.burger {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
  z-index: 3061;
  background: rgba(32, 50, 97, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
}
.burger:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 !important;
}
.burger::after {
  display: block;
  content: "";
  background-repeat: no-repeat;
  width: 3.5rem;
  height: 3.5rem;
  background-size: 3.5rem;
  z-index: 3062;
}
.burger[aria-expanded="false"]::after {
  background-image: url("../img/ui/menuburger.svg");
}
.burger[aria-expanded="true"]::after {
  background-image: url("../img/ui/menuburger-expanded.svg");
}
.burger.scroll {
  position: fixed;
  transform: none;
  z-index: 3061;
  transition: 0.3s all;
  width: 4rem;
  height: 4rem;
  left: 0.5rem;
  top: 0.5rem;
}
.burger.scroll::after {
  width: 2.5rem;
  height: 2.5rem;
  background-size: 2.5rem;
}
#navbarContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: -50%;
  height: auto;
  min-height: 100vh;
  max-height: 100vh;
  padding: 2rem 1rem 3rem 3rem;
  transition: 0.18s ease;
  width: 33vw;
  background: rgba(160, 213, 235, 0.98);
  z-index: 3060;
  overflow-y: overlay;
  overflow-y: auto;
}
#navbarContent.collapse.show {
  transition: 0.18s ease;
  transform: translate(0, 0, 0);
  left: 0;
  width: 50%;
}
#navbarContent .menu-search {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-left: 12%;
  width: 100% !important;
}
#navbarContent .navelements {
  font-family: Anthropos, sans-serif;
  font-style: normal;
  font-weight: 700;
}
#navbarContent .navelements .menu-main > .nav-item {
  margin-top: 1rem;
}
#navbarContent .navelements .menu-main > .nav-item .nav-link {
  padding: 0.3rem 0;
  font-size: 1.4rem;
  color: #EC6A18;
  text-decoration: none;
  transition: 0.2s all;
}
#navbarContent .navelements .menu-main > .nav-item .nav-link:hover {
  color: #aa4a0e;
  text-decoration: none;
}
#navbarContent .navelements .menu-main .menu-sub .nav-item {
  list-style-type: none;
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
}
#navbarContent .navelements .menu-main .menu-sub .nav-item .nav-link {
  padding: 0.15rem 0;
  font-size: 0.925rem;
  color: #203261;
  text-decoration: none;
  transition: 0.2s all;
}
#navbarContent .navelements .menu-main .menu-sub .nav-item .nav-link:hover {
  color: #0d1427;
  text-decoration: none;
}
#navbarContent .navelements .menu-facilities {
  margin-top: 1rem;
}
#navbarContent .navelements .menu-facilities .nav-item .nav-link {
  padding: 0.2rem 0;
  color: #EC6A18;
  text-decoration: none;
  transition: 0.2s all;
}
#navbarContent .navelements .menu-facilities .nav-item .nav-link:hover {
  color: #aa4a0e;
  text-decoration: none;
}
#navbarContent .navelements .menu-services {
  margin-top: 1rem;
}
#navbarContent .navelements .menu-services .nav-item {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
}
#navbarContent .navelements .menu-services .nav-item .nav-link {
  padding: 0.15rem 0;
  font-size: 0.925rem;
  color: #203261;
  text-decoration: none;
  transition: 0.2s all;
}
#navbarContent .navelements .menu-services .nav-item .nav-link:hover {
  color: #0d1427;
  text-decoration: none;
}
#siteheader {
  position: relative;
}
#siteheader .row {
  height: 8rem;
}
#siteheader .row .mainlogo {
  max-width: 18rem;
  display: block;
  margin: auto;
}
#siteheader .row .quickcontact {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  position: relative;
  font-size: 0.925rem;
}
#siteheader .row .quickcontact a {
  color: #203261;
  text-decoration: none;
  transition: 0.2s all;
  text-transform: none;
}
#siteheader .row .quickcontact a:hover {
  color: rgba(32, 50, 97, 0.8);
  text-decoration: underline;
}
#siteheader .row .quickcontact::before {
  content: url("../img/ui/tel.svg");
  display: block;
  position: absolute;
  right: 12rem;
}
#quicklinks {
  position: fixed;
  z-index: 3059;
  right: 0rem;
  top: calc(8rem + 4rem);
  width: 26vw;
  transition: 0.3s all;
  padding-left: 2rem;
}
#quicklinks.persist, #quicklinks.scroll {
  right: -22vw;
}
#quicklinks.persist:hover, #quicklinks.scroll:hover {
  right: 0;
}
#quicklinks .quicklink {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-size: 0.925rem;
  text-align: right;
  width: 24vw;
  display: block;
  color: #203261;
  text-decoration: none;
  padding: 0.5rem 3rem 0.5rem 0;
  margin-bottom: 0.66rem;
  transition: 0.2s all;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
#quicklinks .quicklink:hover {
  opacity: 0.9;
  transform: scale(1.1);
}
#quicklinks.is-mobile {
  width: min(84vw, 360px);
  padding-left: 0;
  top: calc(8rem + 1.25rem);
}
#quicklinks.is-mobile.is-peek {
  right: calc(-1 * (min(84vw, 360px) - 28px));
}
#quicklinks.is-mobile.is-open {
  right: 0;
}
#quicklinks.is-mobile.persist, #quicklinks.is-mobile.scroll {
  right: calc(-1 * (min(84vw, 360px) - 28px));
}
#quicklinks.is-mobile.persist:hover, #quicklinks.is-mobile.scroll:hover {
  right: calc(-1 * (min(84vw, 360px) - 28px));
}
#quicklinks.is-mobile .quicklink {
  width: 100%;
  padding: 0.65rem 3rem 0.65rem 1rem;
}
#quicklinks.is-mobile .quicklinks-handle {
  position: absolute;
  left: -44px;
  top: 0;
  height: 44px;
  width: 44px;
  border: 0;
  border-radius: 999px 0 0 999px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  display: grid;
  place-items: center;
  padding: 0;
}
#quicklinks.is-mobile .quicklinks-handle .swipe-indicator {
  display: block;
  width: 14px;
  height: 14px;
  border-right: 2px solid rgba(255, 255, 255, 0.85);
  border-bottom: 2px solid rgba(255, 255, 255, 0.85);
  transform: rotate(135deg);
  animation: quicklinks-nudge 1.6s ease-in-out infinite;
}
#quicklinks.is-mobile.is-open .quicklinks-handle .swipe-indicator {
  transform: rotate(-45deg);
}
@keyframes quicklinks-nudge {
  0%, 100% {
    transform: translateX(0) rotate(135deg);
  }
  50% {
    transform: translateX(-6px) rotate(135deg);
  }
}
#home #homeNewsCarousel .carousel-control-next {
  width: 50%;
}
#home #homeNewsCarousel .carousel-control-next .carousel-control-next-icon {
  background-image: none;
}
#home #homeNewsCarousel .carousel-inner .carousel-item {
  aspect-ratio: 2.3333333333;
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-bg {
  background-size: cover;
  background-position: center;
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption {
  color: currentcolor;
  text-decoration: none;
  transition: 0.2s all;
  position: absolute;
  width: 33rem;
  min-height: 10rem;
  left: 0rem;
  bottom: 3rem;
  padding: 1.5rem 2rem 0.5rem 2rem;
  background-color: rgba(160, 213, 235, 0.9);
  z-index: 3080;
  box-shadow: 0px 2px 2px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  text-align: left;
  background-blend-mode: multiply;
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption:hover {
  opacity: 0.85;
  text-decoration: none;
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption:hover {
  background-color: rgba(160, 213, 235, 0.95);
  opacity: 1;
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption h3 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  font-size: 1.65rem;
  color: #203261;
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption .termintime {
  font-weight: 600;
  color: #203261;
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-2 {
  background-color: rgba(237, 128, 130, 0.9);
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-2:hover {
  background-color: rgba(237, 128, 130, 0.95);
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-3 {
  background-color: rgba(236, 106, 24, 0.9);
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-3:hover {
  background-color: rgba(236, 106, 24, 0.95);
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-4 {
  background-color: rgba(116, 178, 111, 0.9);
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-4:hover {
  background-color: rgba(116, 178, 111, 0.95);
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-5 {
  background-color: rgba(247, 233, 39, 0.9);
}
#home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption.caption-5:hover {
  background-color: rgba(247, 233, 39, 0.95);
}
#home #home-notice {
  padding: 1rem 16.6%;
}
#home #home-notice button {
  left: 0;
  right: auto;
}
#home #home-notice p {
  margin: 0;
}
#home #mainpages-teaser .unsereschule {
  min-height: 50vh;
  background: #74B26F url("../img/layout/logo-wasserbild.svg") center center / contain no-repeat;
  position: relative;
  z-index: 3058;
  padding: 5rem 0;
}
#home #mainpages-teaser .teasercard {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#home #mainpages-teaser .teasercard .teaserheader {
  padding: 1.5rem 5rem;
  color: #BBDCAF;
  min-height: 25vh;
}
#home #mainpages-teaser .teasercard.waldorfpraxis .teaserheader {
  background: rgba(79, 112, 179, 0.8);
}
#home #mainpages-teaser .teasercard.schulorganismus .teaserheader {
  background: rgba(236, 106, 24, 0.8);
}
#home #aktuelles h2 {
  padding-bottom: 1.5rem;
}
#home #aktuelles .blog .newsitem {
  transition: 0.2s all;
  padding: 1.5rem 3rem;
  margin: 0 -3rem;
  cursor: pointer;
}
#home #aktuelles .blog .newsitem:hover {
  background: rgba(79, 112, 179, 0.1);
}
#home #aktuelles .blog .newsitem .nonagonimg_blog {
  clip-path: polygon(37% 0, 76% 8%, 100% 43%, 95% 76%, 83% 91%, 32% 100%, 7% 85%, 0 69%, 0 24%);
  width: calc(100vw/12*3.25);
  height: calc(100vw/12*3.25);
  position: relative;
  display: block;
  width: calc(100vw/12*2.25);
  height: calc(100vw/12*2.25);
}
#home #aktuelles .blog .newsitem .imgcol {
  position: relative;
}
#home #aktuelles .blog .newsitem .imgcol .fwska {
  width: 66%;
  position: absolute;
  top: 0;
  left: -2rem;
}
#home #aktuelles .blog .newsitem h3 {
  font-size: 1.4rem;
}
#home #aktuelles .blog .newsitem .date {
  font-size: 0.8rem;
}
#home #aktuelles .blog .newsitem .teaser {
  font-size: 1rem;
}
#home #aktuelles .termine {
  background: #BBDCAF;
}
#home #aktuelles .termine h2 {
  padding: 3rem 1.5rem 1.5rem 2rem;
}
#home #aktuelles .termine .terminlist .terminitem {
  padding: 1.5rem 1.5rem 1.5rem 6rem;
  display: block;
  position: relative;
  color: currentcolor;
  text-decoration: none;
  transition: 0.2s all;
}
#home #aktuelles .termine .terminlist .terminitem:hover {
  opacity: 0.85;
  text-decoration: none;
}
#home #aktuelles .termine .terminlist .terminitem:nth-child(odd) {
  background: #dff1f8;
}
#home #aktuelles .termine .terminlist .terminitem .sheet {
  position: absolute;
  left: 2rem;
  background: rgba(247, 244, 244, 0.5);
  background-blend-mode: multiply;
  padding: 0.25rem 0.5rem;
  border-top: 3px dotted currentcolor;
}
#home #aktuelles .termine .terminlist .terminitem .sheet .sheet-day {
  font-size: 1.65rem;
  line-height: 1.1;
  text-align: center;
}
#home #aktuelles .termine .terminlist .terminitem .sheet .sheet-month {
  font-size: 0.8rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-align: center;
}
#home #aktuelles .termine .terminlist .terminitem .termintime, #home #aktuelles .termine .terminlist .terminitem .terminlocation {
  font-size: 0.8rem;
  color: #EC6A18;
}
#home #aktuelles .termine .terminlist .terminitem .termintime {
  font-weight: 600;
  margin-bottom: 0.2rem;
}
#home #aktuelles .termine .terminlist .terminitem .terminlocation {
  margin-top: 0.2rem;
}
#home #aktuelles .termine .terminlist .terminitem .termininfo {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
#home #aktuelles .termine .terminlist .terminitem .terminsubtitle {
  font-size: 0.925rem;
  line-height: 1.4;
}
#home #locations-teaser .teasercard {
  min-height: 42vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: currentcolor;
  text-decoration: none;
  transition: 0.2s all;
}
#home #locations-teaser .teasercard:hover {
  opacity: 0.85;
  text-decoration: none;
}
#home #locations-teaser .teasercard .teaserheader {
  padding: 1.5rem 5rem;
  display: block;
  width: 100%;
}
#home #locations-teaser .teasercard .teaserheader h2 {
  text-align: center;
  color: white;
}
#home #locations-teaser .teasercard .th1.teaserheader {
  background: rgba(79, 112, 179, 0.8);
}
#home #locations-teaser .teasercard .th2.teaserheader {
  background: rgba(247, 233, 39, 0.8);
}
#home #locations-teaser .teasercard .th3.teaserheader {
  background: rgba(236, 106, 24, 0.8);
}
#page .pageheader#header-standard h2, #search .pageheader#header-standard h2 {
  font-size: 1.95rem;
  font-family: Anthropos, sans-serif;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  clip-path: polygon(28% 0, 76% 9%, 97% 38%, 100% 63%, 83% 91%, 36% 100%, 5% 86%, 0 57%, 5% 23%);
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  background: #203261;
  color: white;
  padding: 3rem;
  margin-bottom: 3rem;
}
#page .pageheader#header-location h2, #search .pageheader#header-location h2 {
  font-size: 2.75rem;
  font-family: Anthropos, sans-serif;
  font-style: normal;
  font-weight: 700;
  clip-path: polygon(17% 0, 78% 8%, 96% 28%, 100% 66%, 94% 100%, 6% 100%, 0 71%, 2% 31%);
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  display: flex;
  align-items: flex-end;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 20rem;
  text-align: center;
  color: white;
  padding: 0 0 1.5rem 0;
  padding-left: calc((100vw/12)*2);
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
#page .pageheader.header-childpage .waldorfbutton:not(.active), #search .pageheader.header-childpage .waldorfbutton:not(.active) {
  font-size: 0.8rem;
  margin-right: 25%;
}
#page .pageheader.header-childpage .waldorfbutton.active, #search .pageheader.header-childpage .waldorfbutton.active {
  font-size: 1.15rem;
  padding: 1rem 3rem;
}
#page .pageheader.header-childpage .intro, #search .pageheader.header-childpage .intro {
  padding: 2rem 0;
}
#page .pageheader.header-childpage .intro h3, #search .pageheader.header-childpage .intro h3 {
  font-size: 1.95rem;
  margin-bottom: 1.5rem;
}
#page .pageheader.header-childpage .intro .introtext, #search .pageheader.header-childpage .intro .introtext {
  font-size: 1.4rem;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}
#page .pageheader.header-childpage#pageheader-30 .subnav, #search .pageheader.header-childpage#pageheader-30 .subnav {
  background-color: rgba(249, 240, 104, 0.85);
}
#page .pageheader.header-childpage#pageheader-32 .subnav, #search .pageheader.header-childpage#pageheader-32 .subnav {
  background-color: #d3dbec;
}
#page .pageheader.header-childpage#pageheader-34 .subnav, #search .pageheader.header-childpage#pageheader-34 .subnav {
  background-color: #fadac5;
}
#page #locationintro, #search #locationintro {
  font-size: 1.4rem;
  color: #2082ab;
  line-height: 1.6;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
}
#page #contentarea .thecontent, #search #contentarea .thecontent {
  margin: 0 0 5rem 0;
}
#page #contentarea .thecontent .ratio-a4, #search #contentarea .thecontent .ratio-a4 {
  padding-bottom: 141.42%;
}
#single header .headercol {
  position: relative;
}
#single header .headercol .blogimg {
  clip-path: polygon(25% 13%, 68% 13%, 97% 24%, 100% 79%, 69% 98%, 27% 97%, 0 86%, 4% 19%);
  aspect-ratio: 2.2;
  object-fit: cover;
}
#single header .headercol .fwska {
  position: absolute;
  z-index: 99;
  width: 42%;
  top: -2rem;
  left: 0;
}
#single header h2 {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
  padding: 2rem 0rem 0rem 0rem;
}
#single header .meta {
  margin: 0.5rem 0;
  color: #2082ab;
}
#single header .intro {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
  color: #2082ab;
  line-height: 1.4;
}
#single #contentarea {
  margin-top: 1.5rem;
}
#single #contentarea .category-description {
  font-style: italic;
  padding-left: 1.5rem;
  border-left: 2px solid #2082ab;
}
.archive .nonagonimg_blog {
  clip-path: polygon(37% 0, 76% 8%, 100% 43%, 95% 76%, 83% 91%, 32% 100%, 7% 85%, 0 69%, 0 24%);
  width: calc(100vw/12*3.25);
  height: calc(100vw/12*3.25);
  position: relative;
  display: block;
  width: calc(100vw/12*2.25);
  height: calc(100vw/12*2.25);
}
.archive .date {
  font-size: 0.925rem;
}
.blocks .block {
  margin: 3rem 0;
}
.blocks .block:first-of-type {
  margin-top: 0;
}
.blocks .block.slideshow {
  background: #EDEAEA;
}
.blocks .block.slideshow .carousel-inner {
  padding-top: 2rem;
  padding-bottom: 7rem;
}
.blocks .block.slideshow .carousel-inner .carousel-caption {
  padding: 1rem;
  background-color: rgba(160, 213, 235, 0.95);
  box-shadow: 0px 2px 2px 3px rgba(0, 0, 0, 0.1);
  text-align: left;
  background-blend-mode: multiply;
  bottom: -3rem;
  color: #203261;
}
.blocks .block.slideshow .carousel-inner img {
  max-height: 50vh;
  max-width: 100%;
}
.blocks .block.medienliste .listitem {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.blocks .block.medienliste .listitem img {
  object-fit: cover;
  aspect-ratio: 1.3333333333;
}
.blocks .block.medienliste .listitem h3 {
  margin: 0 0 1rem 0;
}
footer {
  background: #F7F4F4;
  font-size: 1rem;
  position: relative;
  z-index: 3058;
}
footer a {
  color: #203261;
  text-decoration: none;
  transition: 0.2s all;
}
footer a:hover {
  color: rgba(32, 50, 97, 0.8);
  text-decoration: underline;
}
footer nav a {
  display: block;
}
footer nav:not(.marginals) {
  text-align: center;
}
#s {
  height: 3rem;
  padding: 0 1rem;
  border: 1px solid #203261;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  max-width: 66%;
  transition: 0.2s all;
  opacity: 0.8;
}
#s:focus {
  opacity: 1;
}
#searchsubmit {
  height: 3rem;
  background: #2082ab;
  color: white;
  padding: 0 1rem;
  border: 1px solid #203261;
  transition: 0.2s all;
  max-width: 33%;
  font-family: Anthropos, sans-serif;
  font-style: normal;
  font-weight: 700;
}
#searchsubmit:hover {
  background: #203261;
}
#sitemapToggle {
  font-size: 1rem;
}
#beitragsarchiv {
  font-size: 1rem;
}
.post-type-archive-tribe_events .tribe-events-view, .post-type-archive-tribe_events .tribe-events-view * {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
}
.post-type-archive-tribe_events .tribe-events-view.tribe-events-view--list .tribe-events-calendar-list__event-title, .post-type-archive-tribe_events .tribe-events-view.tribe-events-view--list .tribe-events-calendar-list__event-title a, .post-type-archive-tribe_events .tribe-events-view.tribe-events-view--list .tribe-events-calendar-list__event-title-link {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.035rem;
  color: #EC6A18;
  font-weight: 600;
}
.post-type-archive-tribe_events .tribe-events-view--list .tribe-events-calendar-list__event-featured-image img {
  font-family: Anthropos, sans-serif;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  clip-path: polygon(28% 0, 76% 9%, 97% 38%, 100% 63%, 83% 91%, 36% 100%, 5% 86%, 0 57%, 5% 23%);
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  background: #203261;
  color: white;
  padding: 3rem;
  display: block;
}
/* Big Screens Landscape */
@media (min-width: 1460px) and (max-width: 1899px) {
  html {
    font-size: 1.1rem;
  }
}
/* Normal Screens Landscape */
@media only screen and (min-width: 1200px) and (max-width: 1459px) {
  html {
    font-size: 1rem;
  }
}
/* Small Screens & Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  html {
    font-size: 0.9rem;
  }
}
/* Tablet Portrait */
/* Very small Screens Landscape */
/* Mobile iPhone 6 Landscape */
/* Tablet Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation: portrait) {
  html {
    font-size: 1rem;
  }
}
/* Mobile Phone Landscape */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    font-size: 1rem;
  }
}
/* Mobile Portrait */
/* Mobile Phone Portrait */
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  html {
    font-size: 0.9rem;
  }
  .burger {
    top: 1.5rem;
    left: 0.5rem;
    width: 4rem;
    height: 4rem;
  }
  .burger::after {
    width: 3rem;
    height: 3rem;
    background-size: 3rem;
  }
  .burger.scroll {
    top: 1.5rem;
    left: 0.5rem;
    width: 4rem;
    height: 4rem;
  }
  .burger.scroll::after {
    width: 3rem;
    height: 3rem;
    background-size: 3rem;
  }
  #navbarContent {
    height: auto;
    min-height: 100vh;
    max-height: 100vh;
  }
  #navbarContent.collapse.show {
    min-height: 100vh;
    max-height: 100vh;
    width: 100%;
  }
  #navbarContent .menu-search {
    margin-top: 0rem;
  }
  #siteheader .row {
    height: 8rem;
  }
  #siteheader .row .mainlogo {
    max-width: 14rem;
    position: relative;
    z-index: 999999;
  }
  #siteheader .row .quickcontact {
    letter-spacing: 0rem;
    font-size: 0.925rem;
  }
  #siteheader .row .quickcontact::before {
    display: none;
  }
  #quicklinks {
    top: calc(8rem + 1rem);
    width: 66vw;
  }
  #quicklinks.persist {
    right: -64vw;
  }
  #quicklinks.scroll {
    right: -64vw;
  }
  #quicklinks .quicklink {
    width: 66vw;
    margin-bottom: 0.2rem;
  }
  #home #homeNewsCarousel .carousel-inner .carousel-item {
    min-height: calc(71vh);
  }
  #home #homeNewsCarousel .carousel-inner .carousel-item .carousel-bg {
    min-height: calc(71vh);
    background-size: cover;
    background-position: center;
  }
  #home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption {
    color: currentcolor;
    text-decoration: none;
    transition: 0.2s all;
    position: absolute;
    width: 100%;
    min-height: 10rem;
    left: 0rem;
    bottom: 0rem;
    padding: 1.5rem 2rem 0.5rem 2rem;
    background-color: rgba(160, 213, 235, 0.9);
    z-index: 3010;
    box-shadow: 0px 2px 2px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    text-align: left;
    background-blend-mode: multiply;
  }
  #home #homeNewsCarousel .carousel-inner .carousel-item .carousel-caption:hover {
    opacity: 0.85;
    text-decoration: none;
  }
  #home #mainpages-teaser .unsereschule {
    min-height: 66vh;
  }
  #home #mainpages-teaser .teasercard {
    min-height: 66vh;
  }
  #home #mainpages-teaser .teasercard .teaserheader {
    padding: 1.5rem;
    min-height: 25vh;
  }
  #home #aktuelles .blog .newsitem {
    padding: 1rem;
    margin: 0 -1rem;
  }
  #home #aktuelles .blog .newsitem .nonagonimg_blog {
    width: calc(100vw/12*6);
    height: calc(100vw/12*6);
    margin: 0 auto 2rem auto;
  }
  #home #locations-teaser .teasercard {
    min-height: 33vh;
  }
  .thecontent .alignleft, .thecontent .alignright, .thecontent .wp-caption.alignleft, .thecontent .wp-caption.alignright {
    display: block !important;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    margin: 2rem 0;
  }
  #page .pageheader#header-standard h1 {
    font-size: 1.15rem;
    font-family: Anthropos, sans-serif;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    clip-path: polygon(28% 0, 76% 9%, 97% 38%, 100% 63%, 83% 91%, 36% 100%, 5% 86%, 0 57%, 5% 23%);
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    background: #203261;
    color: white;
    padding: 3rem;
    margin-top: 2rem;
    padding: 2rem;
  }
  #page .pageheader#header-location h1 {
    font-size: 1.95rem;
    font-family: Anthropos, sans-serif;
    font-style: normal;
    font-weight: 700;
    clip-path: polygon(17% 0, 78% 8%, 96% 28%, 100% 66%, 94% 100%, 6% 100%, 0 71%, 2% 31%);
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    display: flex;
    align-items: flex-end;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 20rem;
    text-align: center;
    color: white;
    height: 12rem;
    padding: 0 0 1.5rem 1.5rem;
    margin: 2rem 0;
  }
  #page .pageheader.header-childpage h2 {
    font-size: 1.95rem;
  }
  #single header h2 {
    font-size: 1.65rem;
  }
  #single header img {
    aspect-ratio: 1.7777777778;
  }
  #single .nonagonimg {
    width: calc(100vw/12*6);
    height: calc(100vw/12*6);
    margin: 0 auto;
  }
  .archive .nonagonimg_blog {
    width: calc(100vw/12*6);
    height: calc(100vw/12*6);
    margin: 0 auto 2rem auto;
  }
  footer a {
    color: #203261;
    text-decoration: none;
    transition: 0.2s all;
  }
  footer a:hover {
    color: rgba(32, 50, 97, 0.8);
    text-decoration: underline;
  }
  footer nav a {
    display: block;
  }
  footer nav:not(.marginals) {
    text-align: center;
  }
}
