/* line 2, app/assets/stylesheets/advertisement.scss */
.happy-birthday-sepzial a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* line 10, app/assets/stylesheets/advertisement.scss */
.happy-birthday-sepzial a img {
  height: 100%;
  max-width: calc(100% - 5rem);
  max-height: calc(100% - 1rem);
  margin: .5rem 2.5rem;
}

@media (orientation: landscape) {
  /* line 18, app/assets/stylesheets/advertisement.scss */
  .happy-birthday-sepzial a .portrait {
    display: none;
  }
}

@media (orientation: portrait) {
  /* line 24, app/assets/stylesheets/advertisement.scss */
  .happy-birthday-sepzial a .landscape {
    display: none;
  }
}
/* line 3, app/assets/stylesheets/back_to_top.scss */
#back-to-top {
  z-index: 1000000;
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  width: 2rem;
  height: 1.5rem;
  font-size: 1rem;
  text-align: center;
  padding-top: 0.5rem;
  margin: 0;
  border-radius: 0.5rem;
  color: White;
  background-color: #0B7779;
}

/* line 19, app/assets/stylesheets/back_to_top.scss */
#back-to-top:hover {
  background-color: #C91414;
}
/* line 3, app/assets/stylesheets/buttons.scss */
.button {
  display: inline-block;
  color: White;
  background-color: #C91414;
  border-radius: 0.5rem;
  margin: 0;
  padding: 2rem 1rem;
}

/* line 11, app/assets/stylesheets/buttons.scss */
.button:hover {
  color: White;
  background-color: #0B7779;
}

@media screen and (min-width: 10rem) {
  /* line 3, app/assets/stylesheets/buttons.scss */
  .button {
    min-width: 10rem;
  }
}
/* line 4, app/assets/stylesheets/cards.scss */
.cards a, .cards a:active, .cards a:hover {
  color: initial;
}

/* line 8, app/assets/stylesheets/cards.scss */
.cards a h1 {
  color: #0B7779;
}

/* line 12, app/assets/stylesheets/cards.scss */
.cards a:hover h1 {
  color: #C91414;
}

/* line 16, app/assets/stylesheets/cards.scss */
.cards .card {
  display: block;
}

/* line 19, app/assets/stylesheets/cards.scss */
.cards .card header img {
  width: 100%;
}

/* line 23, app/assets/stylesheets/cards.scss */
.cards .card main {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 27, app/assets/stylesheets/cards.scss */
.cards .card main h1 {
  font-size: 1.5em;
  text-align: center;
}

@media screen and (min-width: 40rem) {
  /* line 3, app/assets/stylesheets/cards.scss */
  .cards {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 40, app/assets/stylesheets/cards.scss */
  .cards .card {
    width: 50%;
  }
  /* line 43, app/assets/stylesheets/cards.scss */
  .cards .card header {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  /* line 48, app/assets/stylesheets/cards.scss */
  .cards .card main p {
    text-align: center;
  }
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/cards.scss */
  .cards {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 59, app/assets/stylesheets/cards.scss */
  .cards .card {
    width: 33.3%;
  }
}
@charset "UTF-8";
/* line 3, app/assets/stylesheets/carousel.scss */
.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* line 8, app/assets/stylesheets/carousel.scss */
.carousel .carousel-item {
  width: calc(100% - 3rem);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 14, app/assets/stylesheets/carousel.scss */
.carousel nav {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* line 23, app/assets/stylesheets/carousel.scss */
.carousel nav::before {
  content: "«";
  position: absolute;
  left: 0;
  top: calc(50% - 1.5rem);
  padding: 0.5rem;
  font-size: 2rem;
  color: White;
}

/* line 33, app/assets/stylesheets/carousel.scss */
.carousel nav::after {
  content: "»";
  position: absolute;
  right: 0;
  top: calc(50% - 1.5rem);
  padding: 0.5rem;
  font-size: 2rem;
  color: White;
}

/* line 44, app/assets/stylesheets/carousel.scss */
.carousel nav .left, .carousel nav .right {
  position: absolute;
  display: block;
  width: 10rem;
  max-width: 50%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 3rem;
  background-color: White;
  opacity: 0%;
  transition-duration: 100ms;
  outline: 0;
  pointer-events: initial;
}

/* line 61, app/assets/stylesheets/carousel.scss */
.carousel nav .left:hover, .carousel nav .right:hover {
  opacity: 50%;
}

/* line 66, app/assets/stylesheets/carousel.scss */
.carousel nav .left {
  left: 0;
  top: 0;
}

/* line 71, app/assets/stylesheets/carousel.scss */
.carousel nav .right {
  right: 0;
  top: 0;
}

@media not screen and (min-width: 60rem) {
  /* line 77, app/assets/stylesheets/carousel.scss */
  .carousel nav .left, .carousel nav .right {
    display: none;
  }
}
/* line 4, app/assets/stylesheets/columns.scss */
.columns .column {
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}

/* line 10, app/assets/stylesheets/columns.scss */
.columns .column h1 {
  font-size: 1.5em;
  color: #0B7779;
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/columns.scss */
  .columns {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 25, app/assets/stylesheets/columns.scss */
  .columns .column {
    width: calc(33.3% - 1rem);
  }
}
/* line 3, app/assets/stylesheets/footer.scss */
body > footer {
  text-align: center;
  color: White;
  background-color: #0B7779;
}

/* line 8, app/assets/stylesheets/footer.scss */
body > footer a, body > footer a:active {
  color: White;
}

/* line 12, app/assets/stylesheets/footer.scss */
body > footer a:hover {
  color: White;
  background-color: #C91414;
}

/* line 17, app/assets/stylesheets/footer.scss */
body > footer a.logo:hover {
  background-color: inherit;
}

/* line 21, app/assets/stylesheets/footer.scss */
body > footer .logo {
  display: block;
  text-align: center;
  padding: 0.5rem;
}

/* line 26, app/assets/stylesheets/footer.scss */
body > footer .logo header {
  font-family: 'Niconne';
  font-size: 4rem;
}

/* line 31, app/assets/stylesheets/footer.scss */
body > footer .logo main {
  font-family: 'Spinnaker';
}

/* line 35, app/assets/stylesheets/footer.scss */
body > footer .logo ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media not all and (min-width: 60rem) {
  /* line 41, app/assets/stylesheets/footer.scss */
  body > footer .logo ol li {
    display: inline-block;
  }
  /* line 44, app/assets/stylesheets/footer.scss */
  body > footer .logo ol li:nth-last-child(n+2):after {
    content: " |";
  }
}

/* line 52, app/assets/stylesheets/footer.scss */
body > footer .imprint {
  list-style-type: none;
  margin: 0;
  padding: 0.5rem;
}

/* line 58, app/assets/stylesheets/footer.scss */
body > footer .links {
  list-style-type: none;
  margin: 0;
  padding: 0.5rem;
}

/* line 64, app/assets/stylesheets/footer.scss */
body > footer .copyright {
  padding: 0 0.5rem;
}

/* line 68, app/assets/stylesheets/footer.scss */
body > footer .attribution {
  padding: 0 0.5rem;
  font-size: smaller;
  color: Silver;
}

/* line 73, app/assets/stylesheets/footer.scss */
body > footer .attribution a, body > footer .attribution a:hover {
  color: Silver;
}

/* line 78, app/assets/stylesheets/footer.scss */
body > footer > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/footer.scss */
  body > footer {
    display: grid;
    grid-template-areas: '  logo        imprint      links' 'copyright    copyright   copyright' 'attribution attribution attribution';
    grid-template-columns: 0.25fr 0.5fr 0.25fr;
    grid-gap: 1rem;
    align-items: center;
    max-width: 60rem;
    padding: 0 calc(50% - 30rem);
  }
  /* line 94, app/assets/stylesheets/footer.scss */
  body > footer .logo {
    grid-area: logo;
    padding: 0.5rem 0 0 0.5rem;
  }
  /* line 99, app/assets/stylesheets/footer.scss */
  body > footer .imprint {
    grid-area: imprint;
    padding: 0.5rem 0 0 0;
  }
  /* line 104, app/assets/stylesheets/footer.scss */
  body > footer .links {
    grid-area: links;
    padding: 0.5rem 0.5rem 0 0;
  }
  /* line 109, app/assets/stylesheets/footer.scss */
  body > footer .copyright {
    grid-area: copyright;
    margin: 0;
  }
  /* line 114, app/assets/stylesheets/footer.scss */
  body > footer .attribution {
    grid-area: attribution;
    margin: 0;
  }
}

/* line 120, app/assets/stylesheets/footer.scss */
body > footer .social-media-icons {
  margin-top: 1em;
}

/* line 123, app/assets/stylesheets/footer.scss */
body > footer .social-media-icons a:hover, body > footer .social-media-icons a:active {
  background-color: transparent;
}
/* line 1, app/assets/stylesheets/get_to_know.scss */
.get-to-know {
  margin-top: 3em;
  margin-bottom: 3em;
  font-size: 1.25em;
  text-align: center;
}

/* line 7, app/assets/stylesheets/get_to_know.scss */
.get-to-know main, .get-to-know footer {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 14, app/assets/stylesheets/get_to_know.scss */
.get-to-know ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 19, app/assets/stylesheets/get_to_know.scss */
.get-to-know ol li {
  margin: 1em;
}

@media screen and (min-width: 40rem) {
  /* line 1, app/assets/stylesheets/get_to_know.scss */
  .get-to-know {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 32, app/assets/stylesheets/get_to_know.scss */
  .get-to-know main, .get-to-know footer {
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
  }
  /* line 37, app/assets/stylesheets/get_to_know.scss */
  .get-to-know footer {
    white-space: nowrap;
  }
}
/* spinnaker-regular - latin */
@font-face {
  font-family: 'Spinnaker';
  font-style: normal;
  font-weight: 400;
  src: url(/google-fonts/spinnaker-v11-latin-regular.eot);
  /* IE9 Compat Modes */
  src: local("Spinnaker"), local("Spinnaker-Regular"), url(/google-fonts/spinnaker-v11-latin-regular.eot?#iefix) format("embedded-opentype"), url(/google-fonts/spinnaker-v11-latin-regular.woff2) format("woff2"), url(/google-fonts/spinnaker-v11-latin-regular.woff) format("woff"), url(/google-fonts/spinnaker-v11-latin-regular.ttf) format("truetype"), url(/google-fonts/spinnaker-v11-latin-regular.svg#Spinnaker) format("svg");
  /* Legacy iOS */
}

/* niconne-regular - latin */
@font-face {
  font-family: 'Niconne';
  font-style: normal;
  font-weight: 400;
  src: url(/google-fonts/niconne-v9-latin-regular.eot);
  /* IE9 Compat Modes */
  src: local("Niconne"), local("Niconne-Regular"), url(/google-fonts/niconne-v9-latin-regular.eot?#iefix) format("embedded-opentype"), url(/google-fonts/niconne-v9-latin-regular.woff2) format("woff2"), url(/google-fonts/niconne-v9-latin-regular.woff) format("woff"), url(/google-fonts/niconne-v9-latin-regular.ttf) format("truetype"), url(/google-fonts/niconne-v9-latin-regular.svg#Niconne) format("svg");
  /* Legacy iOS */
}
/* line 3, app/assets/stylesheets/header.scss */
body > header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 6rem;
  z-index: 1000000;
  background-color: White;
  box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.25);
  transition: height 400ms;
}

/* line 14, app/assets/stylesheets/header.scss */
body > header #logo, body > header #simple-logo {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  list-style-type: none;
  transition: opacity 400ms;
}

/* line 22, app/assets/stylesheets/header.scss */
body > header #logo img, body > header #simple-logo img {
  max-width: 100%;
  height: 5rem;
  min-height: 1.5rem;
  transition: height 400ms;
}

/* line 31, app/assets/stylesheets/header.scss */
body > header #simple-logo {
  opacity: 0;
}

/* line 35, app/assets/stylesheets/header.scss */
body > header.narrow {
  height: 2.5rem;
}

/* line 38, app/assets/stylesheets/header.scss */
body > header.narrow #logo {
  opacity: 0;
}

/* line 42, app/assets/stylesheets/header.scss */
body > header.narrow #simple-logo {
  opacity: 100%;
}

/* line 47, app/assets/stylesheets/header.scss */
body > header.narrow #logo img, body > header.narrow #simple-logo img {
  height: 1.5rem;
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/header.scss */
  body > header {
    height: 9rem;
  }
  /* line 57, app/assets/stylesheets/header.scss */
  body > header #logo img, body > header #simple-logo img {
    height: 8rem;
  }
  /* line 62, app/assets/stylesheets/header.scss */
  body > header.narrow {
    height: 3.25rem;
  }
  /* line 66, app/assets/stylesheets/header.scss */
  body > header.narrow #logo img, body > header.narrow #simple-logo img {
    height: 2.25rem;
  }
}

/* line 74, app/assets/stylesheets/header.scss */
body {
  padding-top: 6rem;
}

@media screen and (min-width: 60rem) {
  /* line 74, app/assets/stylesheets/header.scss */
  body {
    padding-top: 9rem;
  }
}

/* line 83, app/assets/stylesheets/header.scss */
* {
  scroll-margin-top: 3.25rem;
}
/* line 1, app/assets/stylesheets/images.scss */
.image {
  background-size: cover;
  width: 100%;
  height: 100vh;
  margin: 1rem auto 1rem auto;
}

@media screen and (min-width: 40rem) {
  /* line 8, app/assets/stylesheets/images.scss */
  .floating.image {
    width: 20rem;
    height: 20rem;
    float: left;
    margin: 0.5rem;
  }
}

@media screen and (min-width: 61rem) {
  /* line 8, app/assets/stylesheets/images.scss */
  .floating.image {
    margin-left: calc(50% - 29.5rem);
  }
}
/* line 1, app/assets/stylesheets/logo_with_text.scss */
.logo-with-text {
  margin-top: 3em;
  margin-bottom: 3em;
}

/* line 5, app/assets/stylesheets/logo_with_text.scss */
.logo-with-text img {
  max-height: 8em;
}

/* line 9, app/assets/stylesheets/logo_with_text.scss */
.logo-with-text dt, .logo-with-text dd {
  text-align: center;
  padding: 0 0.5rem 0 0.5rem;
  margin: 0;
}

@media screen and (min-width: 40rem) {
  /* line 1, app/assets/stylesheets/logo_with_text.scss */
  .logo-with-text {
    display: table;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 21, app/assets/stylesheets/logo_with_text.scss */
  .logo-with-text dt, .logo-with-text dd {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
  }
  /* line 27, app/assets/stylesheets/logo_with_text.scss */
  .logo-with-text dd {
    width: 100%;
  }
}
/* line 4, app/assets/stylesheets/main.scss */
body > main > h1 {
  font-family: 'Niconne';
  font-weight: normal;
  font-size: 3.3em;
  text-align: center;
  margin-top: 1em;
  color: #C91414;
}

/* line 13, app/assets/stylesheets/main.scss */
body > main > h2, body > main > h3 {
  margin-top: 2em;
  color: #0B7779;
}

/* line 18, app/assets/stylesheets/main.scss */
body > main > p, body > main > h1, body > main > h2, body > main > h3, body > main > ol, body > main > ul {
  padding: 0 0.5rem;
}

@media screen and (min-width: 60rem) {
  /* line 18, app/assets/stylesheets/main.scss */
  body > main > p, body > main > h1, body > main > h2, body > main > h3, body > main > ol, body > main > ul {
    max-width: 59rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 28, app/assets/stylesheets/main.scss */
body > main > ol, body > main > ul {
  padding-left: 2em;
}

@media screen and (min-width: 60rem) {
  /* line 28, app/assets/stylesheets/main.scss */
  body > main > ol, body > main > ul {
    max-width: 57.5rem;
  }
}

/* line 36, app/assets/stylesheets/main.scss */
body > main a, body > main a:active {
  color: #0B7779;
}

/* line 39, app/assets/stylesheets/main.scss */
body > main a:hover, body > main a:active:hover {
  color: #C91414;
}

/* line 43, app/assets/stylesheets/main.scss */
body > main a.external, body > main a.external:active {
  word-break: break-all;
}

/* line 48, app/assets/stylesheets/main.scss */
body > main .avoid-floats {
  clear: both;
}
/* line 3, app/assets/stylesheets/main_navigation.scss */
body > header > nav {
  padding: 0;
  margin: 0;
}

/* line 7, app/assets/stylesheets/main_navigation.scss */
body > header > nav #main-menu {
  position: absolute;
  top: 6rem;
  width: 100%;
  transition: max-height 400ms, top 400ms;
}

/* line 14, app/assets/stylesheets/main_navigation.scss */
body > header > nav a, body > header > nav a:active, body > header > nav label {
  color: #0B7779;
}

/* line 18, app/assets/stylesheets/main_navigation.scss */
body > header > nav a:hover {
  color: White;
  background-color: #0B7779;
}

/* line 23, app/assets/stylesheets/main_navigation.scss */
body > header > nav > .sub-menu label:hover {
  color: White;
  background-color: #0B7779;
}

/* line 28, app/assets/stylesheets/main_navigation.scss */
body > header > nav .current-page {
  color: #C91414;
}

/* line 32, app/assets/stylesheets/main_navigation.scss */
body > header > nav .sub-menu-toggle {
  display: none;
}

/* line 36, app/assets/stylesheets/main_navigation.scss */
body > header > nav .submenu-indicator {
  font-size: 0.5rem;
  vertical-align: middle;
}

/* line 41, app/assets/stylesheets/main_navigation.scss */
body > header > nav label .collapse {
  display: none;
}

/* line 45, app/assets/stylesheets/main_navigation.scss */
body > header > nav .sub-menu {
  z-index: 10000001;
}

/* line 49, app/assets/stylesheets/main_navigation.scss */
body > header > nav ol {
  padding-inline-start: 0;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin: 0;
  list-style-type: none;
}

/* line 60, app/assets/stylesheets/main_navigation.scss */
body > header > nav li {
  padding: 0;
  margin: 0;
}

/* line 64, app/assets/stylesheets/main_navigation.scss */
body > header > nav li a, body > header > nav li span, body > header > nav li label {
  display: block;
  padding: 0.5rem;
  margin: 0;
}

@media not screen and (min-width: 60rem) {
  /* line 72, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu {
    overflow-y: auto;
    max-height: calc(100vh - 6rem);
  }
  /* line 76, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu a, body > header > nav #main-menu span, body > header > nav #main-menu label {
    padding-left: 2rem;
  }
  /* line 82, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu .sub-menu a, body > header > nav #main-menu .sub-menu span, body > header > nav #main-menu .sub-menu label {
    padding-left: 4rem;
  }
  /* line 87, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu-icon + label {
    display: block;
    position: absolute;
    right: 0.5rem;
    top: 2.25rem;
    padding: 0;
    font-size: 1.5rem;
    transition: top 400ms;
  }
  /* line 97, app/assets/stylesheets/main_navigation.scss */
  body > header > nav .sub-menu {
    display: none;
    background-color: White;
  }
  /* line 103, app/assets/stylesheets/main_navigation.scss */
  body > header > nav > .sub-menu > label:hover {
    color: #0B7779;
  }
  /* line 108, app/assets/stylesheets/main_navigation.scss */
  body > header > nav .sub-menu-toggle:checked ~ .sub-menu:first-of-type {
    display: block;
  }
  /* line 113, app/assets/stylesheets/main_navigation.scss */
  body > header > nav .sub-menu-toggle:checked ~ label:first-of-type .expand {
    display: none;
  }
  /* line 117, app/assets/stylesheets/main_navigation.scss */
  body > header > nav .sub-menu-toggle:checked ~ label:first-of-type .collapse {
    display: inline;
  }
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/main_navigation.scss */
  body > header > nav {
    font-size: 1.25rem;
  }
  /* line 126, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu-icon + label {
    display: none;
  }
  /* line 130, app/assets/stylesheets/main_navigation.scss */
  body > header > nav label .expand {
    display: none;
  }
  /* line 134, app/assets/stylesheets/main_navigation.scss */
  body > header > nav label .collapse {
    display: inline;
  }
  /* line 138, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu {
    display: block;
    text-align: right;
    right: 0.5rem;
    top: 0.5rem;
    width: auto;
  }
  /* line 145, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu > li {
    display: inline-block;
    padding: 0;
    word-spacing: 0;
  }
  /* line 150, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu > li > a, body > header > nav #main-menu > li > span, body > header > nav #main-menu > li > label {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  /* line 157, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu .sub-menu {
    display: none;
    position: absolute;
    padding-inline-start: 0;
    overflow-y: auto;
    max-height: calc(100vh - 3.25rem);
    text-align: left;
    border: 0.05rem solid rgba(0, 0, 0, 0.25);
    box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.25);
    background-color: White;
  }
  /* line 169, app/assets/stylesheets/main_navigation.scss */
  body > header > nav #main-menu .sub-menu-toggle ~ label:first-of-type:hover ~ .sub-menu:first-of-type, body > header > nav #main-menu .sub-menu:hover {
    display: block;
  }
}

/* line 176, app/assets/stylesheets/main_navigation.scss */
body > header.narrow > nav #main-menu {
  max-height: calc(100vh - 2.5rem);
  top: 2.5rem;
}

@media screen and (min-width: 60rem) {
  /* line 176, app/assets/stylesheets/main_navigation.scss */
  body > header.narrow > nav #main-menu {
    max-height: calc(100vh - 3.25rem);
    top: 0.5rem;
  }
}

/* line 186, app/assets/stylesheets/main_navigation.scss */
body > header.narrow > nav #main-menu-icon + label {
  top: 0.5rem;
}
/* line 1, app/assets/stylesheets/notifications.scss */
.notice, .alert {
  border-style: solid;
  border-width: 0.2em;
  border-radius: 0.5em;
  margin: 0.5em;
  padding: 0.5em;
}

/* line 8, app/assets/stylesheets/notifications.scss */
.notice .fas, .alert .fas {
  font-size: 2em;
  vertical-align: middle;
}

/* line 14, app/assets/stylesheets/notifications.scss */
.notice {
  border-color: Green;
  background-color: PaleGreen;
  color: DarkGreen;
}

/* line 19, app/assets/stylesheets/notifications.scss */
.notice .fas {
  color: Green;
}

/* line 24, app/assets/stylesheets/notifications.scss */
.alert {
  border-color: FireBrick;
  background-color: LightPink;
  color: DarkRed;
}

/* line 29, app/assets/stylesheets/notifications.scss */
.alert .fas {
  color: FireBrick;
}
/* line 1, app/assets/stylesheets/popups.scss */
.popup {
  display: block;
  width: calc(100% - 1rem);
  max-width: 40rem;
  margin: 1rem auto 1rem auto;
}
/* line 3, app/assets/stylesheets/quotes.scss */
blockquote {
  color: White;
  background-color: #0B7779;
  font-style: italic;
  margin: 0;
  padding: 0.5rem 0;
}

/* line 10, app/assets/stylesheets/quotes.scss */
blockquote main, blockquote footer {
  padding: 0 0.5rem;
}

@media screen and (min-width: 60rem) {
  /* line 10, app/assets/stylesheets/quotes.scss */
  blockquote main, blockquote footer {
    max-width: 59rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 21, app/assets/stylesheets/quotes.scss */
blockquote main a, blockquote main a:hover, blockquote main a:active, blockquote main a:focus {
  color: White;
}

/* line 26, app/assets/stylesheets/quotes.scss */
blockquote footer {
  margin-top: 0.5rem;
  color: Silver;
  font-size: 0.75em;
}

/* line 31, app/assets/stylesheets/quotes.scss */
blockquote footer a, blockquote footer a:hover, blockquote footer a:active, blockquote footer a:focus {
  color: Silver;
}
/* line 4, app/assets/stylesheets/symbols.scss */
.symbols a, .symbols a:active, .symbols a:hover {
  color: initial;
}

/* line 8, app/assets/stylesheets/symbols.scss */
.symbols a h1 {
  color: #0B7779;
}

/* line 12, app/assets/stylesheets/symbols.scss */
.symbols a:hover h1 {
  color: #C91414;
}

/* line 16, app/assets/stylesheets/symbols.scss */
.symbols .symbol {
  display: block;
  margin: 2rem 0;
}

/* line 20, app/assets/stylesheets/symbols.scss */
.symbols .symbol header {
  padding: 0 0.5rem;
  text-align: center;
}

/* line 24, app/assets/stylesheets/symbols.scss */
.symbols .symbol header img {
  width: 100%;
  max-width: 10rem;
}

/* line 30, app/assets/stylesheets/symbols.scss */
.symbols .symbol main {
  padding: 0 0.5rem;
  text-align: center;
}

/* line 34, app/assets/stylesheets/symbols.scss */
.symbols .symbol main h1 {
  font-size: 1.5em;
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/symbols.scss */
  .symbols {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 49, app/assets/stylesheets/symbols.scss */
  .symbols .symbol {
    width: 33.3%;
  }
}
/* line 3, app/assets/stylesheets/title_images.scss */
.title-images {
  min-height: 15rem;
  height: calc(100vh - 6rem);
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/title_images.scss */
  .title-images {
    height: calc(100vh - 9rem);
  }
}

/* line 12, app/assets/stylesheets/title_images.scss */
.title-image {
  position: relative;
  height: calc(100vh - 6rem);
  background-size: cover;
}

@media screen and (min-width: 60rem) {
  /* line 12, app/assets/stylesheets/title_images.scss */
  .title-image {
    height: calc(100vh - 9rem);
  }
}

/* line 21, app/assets/stylesheets/title_images.scss */
.title-image > p, .title-image > blockquote {
  position: absolute;
  width: 50%;
  color: White;
  background-color: rgba(11, 119, 121, 0.5);
  border-radius: 1rem;
  font-size: 1.5rem;
}

@media screen and (min-width: 40rem) {
  /* line 21, app/assets/stylesheets/title_images.scss */
  .title-image > p, .title-image > blockquote {
    width: 33%;
    font-size: 2rem;
  }
}

/* line 35, app/assets/stylesheets/title_images.scss */
.title-image > p {
  padding: 0.5rem;
  margin: 0;
}

/* line 41, app/assets/stylesheets/title_images.scss */
.title-image > blockquote main, .title-image > blockquote footer {
  margin-left: 0;
  margin-right: 0;
  max-width: revert;
}

/* line 47, app/assets/stylesheets/title_images.scss */
.title-image > blockquote footer {
  color: White;
}

/* line 52, app/assets/stylesheets/title_images.scss */
.title-image .top, .title-image .right, .title-image .bottom, .title-image .left {
  position: absolute;
}

/* line 56, app/assets/stylesheets/title_images.scss */
.title-image .top {
  top: 2rem;
}

@media screen and (min-width: 40rem) {
  /* line 56, app/assets/stylesheets/title_images.scss */
  .title-image .top {
    top: 5rem;
  }
}

/* line 64, app/assets/stylesheets/title_images.scss */
.title-image .right {
  right: 2rem;
}

@media screen and (min-width: 40rem) {
  /* line 64, app/assets/stylesheets/title_images.scss */
  .title-image .right {
    right: 5rem;
  }
}

/* line 72, app/assets/stylesheets/title_images.scss */
.title-image .bottom {
  bottom: 7rem;
}

@media screen and (min-width: 40rem) {
  /* line 72, app/assets/stylesheets/title_images.scss */
  .title-image .bottom {
    bottom: 5rem;
  }
}

/* line 80, app/assets/stylesheets/title_images.scss */
.title-image .left {
  left: 2rem;
}

@media screen and (min-width: 40rem) {
  /* line 80, app/assets/stylesheets/title_images.scss */
  .title-image .left {
    left: 5rem;
  }
}

/* line 88, app/assets/stylesheets/title_images.scss */
.title-image .center {
  left: 25%;
}

@media screen and (min-width: 40rem) {
  /* line 88, app/assets/stylesheets/title_images.scss */
  .title-image .center {
    left: 33%;
  }
}
/* line 4, app/assets/stylesheets/two_columns.scss */
.two-columns section {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* line 5, app/assets/stylesheets/two_columns.scss */
.two-columns section h1 {
  font-size: 1.5em;
  color: #0B7779;
}

@media screen and (min-width: 40rem) {
  /* line 3, app/assets/stylesheets/two_columns.scss */
  .two-columns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
  }
}

@media screen and (min-width: 60rem) {
  /* line 3, app/assets/stylesheets/two_columns.scss */
  .two-columns {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 1, app/assets/stylesheets/your_therapist.scss */
.your-therapist {
  margin-top: 3em;
  margin-bottom: 3em;
  text-align: center;
  font-size: 1.25em;
}

/* line 7, app/assets/stylesheets/your_therapist.scss */
.your-therapist img {
  width: 100%;
}

/* line 11, app/assets/stylesheets/your_therapist.scss */
.your-therapist img.unterschrift {
  width: auto;
  max-width: 100%;
  height: 3em;
}

/* line 17, app/assets/stylesheets/your_therapist.scss */
.your-therapist main {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media screen and (min-width: 40rem) {
  /* line 1, app/assets/stylesheets/your_therapist.scss */
  .your-therapist {
    display: grid;
    grid-template-areas: 'image text' 'image button';
    grid-gap: 1rem;
    align-items: center;
  }
  /* line 30, app/assets/stylesheets/your_therapist.scss */
  .your-therapist img {
    width: 20rem;
  }
  /* line 34, app/assets/stylesheets/your_therapist.scss */
  .your-therapist header {
    grid-area: image;
    padding-left: 0.5rem;
  }
  /* line 39, app/assets/stylesheets/your_therapist.scss */
  .your-therapist main {
    grid-area: text;
    padding-left: 0;
  }
  /* line 44, app/assets/stylesheets/your_therapist.scss */
  .your-therapist footer {
    grid-area: button;
    padding-right: 0.5rem;
  }
}

@media screen and (min-width: 60rem) {
  /* line 1, app/assets/stylesheets/your_therapist.scss */
  .your-therapist {
    max-width: 59rem;
    margin-left: auto;
    margin-right: auto;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* line 19, app/assets/stylesheets/application.scss */
body {
  font-family: 'Spinnaker';
  margin: 0;
}

/* line 24, app/assets/stylesheets/application.scss */
a {
  text-decoration: none;
}