@font-face {
  font-family: 'rbn-bold';
  src: url("../fonts/rbno2.1a-bold-webfont.woff2") format("woff2"), url("../fonts/rbno2.1a-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* line 1, source/scss/offcanvas.scss */
.offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #e6007e;
  transform: translateX(-150vw);
  transition: transform 0.30s ease-in-out;
  will-change: transform; }
  /* line 14, source/scss/offcanvas.scss */
  .offcanvas.active {
    transform: translateX(0); }
  /* line 19, source/scss/offcanvas.scss */
  .offcanvas nav {
    width: 100%;
    height: 100%;
    padding: 20px 20px 80px 20px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
  /* line 27, source/scss/offcanvas.scss */
  .offcanvas ul {
    margin: 0;
    padding: 0; }
    /* line 31, source/scss/offcanvas.scss */
    .offcanvas ul.social {
      margin-top: 50px; }
      /* line 33, source/scss/offcanvas.scss */
      .offcanvas ul.social a {
        font-size: 1.6rem; }
  /* line 39, source/scss/offcanvas.scss */
  .offcanvas li {
    margin: 0 0 1.5rem 0;
    padding: 0;
    list-style-type: none;
    line-height: 2rem; }
  /* line 46, source/scss/offcanvas.scss */
  .offcanvas a {
    font-size: 2.0rem;
    transition: color 0.35s ease-in-out;
    text-transform: uppercase;
    font-family: rbn-bold, sans-serif;
    color: #fff; }
    /* line 52, source/scss/offcanvas.scss */
    .offcanvas a:hover {
      color: #fff; }
  /* line 57, source/scss/offcanvas.scss */
  .offcanvas .close {
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
    display: block; }

@media only screen and (min-width: 768px) {
  /* line 71, source/scss/offcanvas.scss */
  .offcanvas nav {
    padding: 40px; } }

/* line 1, source/scss/z-index.scss */
.offcanvas {
  z-index: 1000; }

/* line 5, source/scss/z-index.scss */
.header {
  z-index: 950; }

/* line 9, source/scss/z-index.scss */
.clouds {
  z-index: 1; }

/* line 13, source/scss/z-index.scss */
.hill {
  z-index: 2; }

/* line 17, source/scss/z-index.scss */
.kids {
  z-index: 3; }

/* line 18, source/scss/main.scss */
* {
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  /* Removes 1px bug in chrome on images with opacity */ }

/* line 25, source/scss/main.scss */
::selection {
  background: transparent; }

/* line 29, source/scss/main.scss */
input:focus {
  -webkit-appearance: none;
  outline: none; }

/* line 33, source/scss/main.scss */
input[type=radio] {
  -webkit-appearance: radio; }

/* line 37, source/scss/main.scss */
body {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  font-family: 'verdana', sans-serif;
  background-color: #ddf1fd;
  color: #0069b4;
  transition: background 0.35s ease-in-out; }

/* line 47, source/scss/main.scss */
h1, h2, h3, h4, h5, h6 {
  max-width: 800px;
  margin: 15vh auto 5vh auto;
  word-wrap: break-word;
  font-size: 3rem;
  font-weight: normal;
  font-family: 'rbn-bold', sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  padding: 0;
  color: #0069b4;
  z-index: 100; }

/* line 63, source/scss/main.scss */
h1 {
  font-size: 3rem; }

/* line 67, source/scss/main.scss */
h2 {
  font-size: 2rem;
  margin-top: 5vh; }

/* line 72, source/scss/main.scss */
h3 {
  font-size: 2rem;
  color: #fff;
  margin: 0 auto;
  text-transform: none; }

/* line 79, source/scss/main.scss */
ul {
  margin: 0 0 20px 0;
  padding: 0; }

/* line 84, source/scss/main.scss */
li {
  margin: 0 0 10px 20px;
  padding: 0;
  list-style-type: square; }

/* line 90, source/scss/main.scss */
a {
  color: #e6007e;
  transition: color 0.35s ease-in-out; }
  /* line 93, source/scss/main.scss */
  a:hover {
    color: #fff; }

/* line 98, source/scss/main.scss */
p {
  line-height: 1.6rem; }

/* line 102, source/scss/main.scss */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 1em;
  width: fit-content;
  background-color: #ddf1fd;
  padding: 3px 5px;
  outline: 0; }

/* line 114, source/scss/main.scss */
select::-ms-expand {
  display: none; }

/* line 118, source/scss/main.scss */
input[type='radio'] {
  border: solid 2px #0069b4;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background-color: #fff5cf;
  vertical-align: top;
  margin: 0 10px 15px 0; }
  /* line 126, source/scss/main.scss */
  input[type='radio']:checked {
    /* background-image: url('../interface/radioChecked.svg'); */
    background-size: 20px 20px;
    background: center no-repeat; }

/* line 135, source/scss/main.scss */
.ie11 input[type='radio'] {
  background: none; }

/* line 140, source/scss/main.scss */
.margin {
  margin-top: 20px;
  margin-bottom: 40px; }

/* line 147, source/scss/main.scss */
.frame {
  width: 100vw;
  margin: 0 auto; }

/* line 154, source/scss/main.scss */
.header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  pointer-events: none; }
  /* line 161, source/scss/main.scss */
  .header .icon-nav {
    top: 20px;
    left: 20px;
    width: 42px;
    height: 42px;
    position: absolute;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    background-color: #e6007e;
    pointer-events: auto;
    border-radius: 21px; }
    /* line 174, source/scss/main.scss */
    .header .icon-nav span {
      display: block;
      position: absolute;
      height: 2px;
      width: 24px;
      border-radius: 3px;
      opacity: 1;
      left: 9px;
      transform: rotate(0deg);
      transition: .25s ease-in-out;
      background-color: #fff; }
      /* line 186, source/scss/main.scss */
      .header .icon-nav span:nth-child(1) {
        top: 12px; }
      /* line 189, source/scss/main.scss */
      .header .icon-nav span:nth-child(2) {
        top: 19px; }
      /* line 192, source/scss/main.scss */
      .header .icon-nav span:nth-child(3) {
        top: 19px; }
      /* line 195, source/scss/main.scss */
      .header .icon-nav span:nth-child(4) {
        top: 27px; }
    /* line 202, source/scss/main.scss */
    .header .icon-nav.active span:nth-child(2) {
      transform: rotate(45deg);
      top: 20px; }
    /* line 206, source/scss/main.scss */
    .header .icon-nav.active span:nth-child(3) {
      transform: rotate(-45deg);
      top: 20px; }
    /* line 210, source/scss/main.scss */
    .header .icon-nav.active span:nth-child(1), .header .icon-nav.active span:nth-child(4) {
      opacity: 0; }
  /* line 218, source/scss/main.scss */
  .header .logo {
    position: absolute;
    top: 19px;
    right: 30px; }
    /* line 222, source/scss/main.scss */
    .header .logo img {
      width: 140px;
      height: 43px;
      border: none; }

/* line 230, source/scss/main.scss */
ul {
  margin: 0 0 40px 0; }
  /* line 232, source/scss/main.scss */
  ul li {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
    line-height: 1.6rem; }

/* line 242, source/scss/main.scss */
:focus {
  outline: none !important; }

/* line 246, source/scss/main.scss */
.content {
  width: 100%;
  min-height: 100vh;
  padding: 30px;
  position: relative;
  z-index: 100; }

/* line 254, source/scss/main.scss */
.content-1 {
  overflow: hidden; }

/* line 258, source/scss/main.scss */
.content-2 {
  background-color: #afcb08;
  color: #fff; }

/* line 263, source/scss/main.scss */
.content-4 {
  background-color: #fff; }

/* line 267, source/scss/main.scss */
.content-6 {
  background-color: #fff;
  text-align: center; }
  /* line 271, source/scss/main.scss */
  .content-6 img {
    margin: 0 auto; }

/* line 276, source/scss/main.scss */
.content-7 {
  min-height: 100vh;
  overflow: hidden; }

/* line 281, source/scss/main.scss */
.content-8 {
  background-color: #afcb08;
  color: #fff; }
  /* line 284, source/scss/main.scss */
  .content-8 h2 {
    color: #fff; }

/* line 291, source/scss/main.scss */
.accordion .anchor {
  position: relative;
  top: -30px; }

/* line 301, source/scss/main.scss */
.accordion .slide.active h2 {
  color: #0069b4; }

/* line 305, source/scss/main.scss */
.accordion .slide.active .slide-content {
  display: block; }

/* line 311, source/scss/main.scss */
.accordion .slide h2 {
  color: #e6007e;
  transition: color 0.3s ease-in-out;
  text-decoration: underline; }

/* line 317, source/scss/main.scss */
.accordion .slide .slide-content {
  display: none; }

/* line 326, source/scss/main.scss */
.clouds {
  position: fixed;
  top: -10vh;
  left: -25%;
  width: 150%; }

/* line 333, source/scss/main.scss */
.kids {
  position: absolute;
  bottom: 15vh;
  max-width: 100vw;
  width: 100vw;
  left: 50vw;
  margin-left: -50vw; }

/* line 342, source/scss/main.scss */
.birds {
  position: absolute;
  z-index: 10;
  top: 10vh;
  width: 90%;
  left: 5%; }

/* line 350, source/scss/main.scss */
.hill {
  position: absolute;
  bottom: -20px;
  left: -25%;
  width: 150%; }

/* line 357, source/scss/main.scss */
.hill2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120%;
  z-index: 2;
  margin-left: -10%; }

/* line 366, source/scss/main.scss */
.down {
  width: 60px;
  position: absolute;
  bottom: 20px;
  z-index: 3;
  left: 50%;
  margin-left: -30px; }

/* line 375, source/scss/main.scss */
.team {
  width: 100%;
  height: auto; }

/* line 380, source/scss/main.scss */
.church {
  position: absolute;
  z-index: 3;
  bottom: 10%;
  width: 80%;
  left: 50%;
  margin-left: -40%; }

/* line 389, source/scss/main.scss */
.sun {
  max-width: 30vh;
  margin: 0 auto; }

/* line 394, source/scss/main.scss */
.name {
  width: 100%;
  height: auto;
  margin: 0 auto; }

/* line 400, source/scss/main.scss */
.phone {
  color: #e6007e;
  font-family: rbn-bold, sans-serif;
  font-size: 3rem; }
  /* line 405, source/scss/main.scss */
  .phone a {
    color: #e6007e;
    text-decoration: none; }

/* line 411, source/scss/main.scss */
.mail {
  color: #e6007e;
  text-decoration: none; }

/* line 416, source/scss/main.scss */
.circle {
  width: 100%;
  max-width: 50vw;
  margin: 0 auto;
  display: none; }

/* line 423, source/scss/main.scss */
address {
  font-style: normal;
  text-align: left;
  margin: 20px 0; }

/* line 429, source/scss/main.scss */
img {
  display: block; }

/* line 433, source/scss/main.scss */
.center {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 100; }

/* line 441, source/scss/main.scss */
.downloads {
  z-index: 100; }
  /* line 444, source/scss/main.scss */
  .downloads li {
    text-align: center; }
  /* line 447, source/scss/main.scss */
  .downloads a {
    font-size: 2rem;
    font-family: rbn-bold, sans-serif; }

/* line 453, source/scss/main.scss */
.imprint {
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
  color: #fff; }

/* Cookie */
/* line 467, source/scss/main.scss */
#cookie {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #e0e0e0;
  text-align: center;
  padding: 5px;
  color: #999;
  opacity: 0;
  z-index: 1000; }

/* line 479, source/scss/main.scss */
#cookie a {
  color: #999;
  text-decoration: underline; }

/* line 484, source/scss/main.scss */
#cookieCloser {
  position: absolute;
  right: 20px;
  top: 5px; }

@media only screen and (min-width: 768px) {
  /* line 496, source/scss/main.scss */
  .header .icon-nav {
    top: 30px;
    left: 30px; }
  /* line 502, source/scss/main.scss */
  h1 {
    font-size: 5rem;
    line-height: 5.5rem; }
  /* line 507, source/scss/main.scss */
  h2 {
    font-size: 4rem;
    margin-top: 10vh; }
  /* line 512, source/scss/main.scss */
  p, ul li, address {
    font-size: 1.2rem;
    line-height: 2.4rem; }
  /* line 517, source/scss/main.scss */
  .content {
    min-height: auto;
    padding: 60px; }
  /* line 522, source/scss/main.scss */
  .content-1,
  .content-7 {
    min-height: 100vh; }
  /* line 531, source/scss/main.scss */
  .accordion .slide h2 {
    font-size: 3rem;
    margin-top: 5vh; }
  /* line 539, source/scss/main.scss */
  .hill {
    position: absolute;
    bottom: -20px;
    left: -10%;
    width: 120%; }
  /* line 550, source/scss/main.scss */
  .church {
    width: 50%;
    right: 10%; } }

@media only screen and (min-width: 1024px) {
  /* line 562, source/scss/main.scss */
  .content-1 h1 {
    margin: 10vh auto 5vh auto; }
  /* line 566, source/scss/main.scss */
  .content-1 .clouds {
    top: -40vh;
    left: 0;
    width: 100%; }
  /* line 572, source/scss/main.scss */
  .content-1 .kids {
    max-width: 50vw;
    width: 100%;
    margin-left: -25%; }
  /* line 580, source/scss/main.scss */
  .church {
    width: 30%; }
  /* line 584, source/scss/main.scss */
  .name {
    max-width: 33%; } }