/*!
Theme Name: SAHC
Theme URI: http://www.sahc.ch
Author: Claudius Herwig
Author URI: http://claudiusherwig.de/
Description: The theme for the sahc website
Version: 0.1
Date: 7.9.2018
Text Domain: sahc
Build on Skeleton V2.0.4 - Thanks!
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Imports
- Layout
- Typography
- Header
*/
/* Imports
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 4rem;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Flickity v1.2.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
  background: white;
}
.flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6;
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto;
}
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-prev-next-button .arrow {
  fill: #333;
}
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1;
}
/*! Copyright 2014, Dave Gamache www.getskeleton.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php 12/29/2014 Less Version by Seth Coelen https://github.com/whatsnewsaes */
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Variables
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.row {
  margin-left: -1.5%;
  margin-right: -1.5%;
}
.column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
/* For larger than small */
@media (min-width: 480px) {
  .container {
    width: 95%;
    padding: 0;
  }
}
/* For larger than small */
@media (min-width: 550px) {
  .container {
    width: 90%;
    padding: 0;
  }
}
/* For devices larger than medium */
@media (min-width: 760px) {
  .container {
    width: 85%;
    padding: 0;
  }
}
/* Leave the container-widths at 100% */
.container-wide {
  width: 100%;
}
/* Columns-width */
.one-column {
  width: 5.33333333%;
}
.two-columns {
  width: 13.66666667%;
}
.three-columns {
  width: 22%;
}
.four-columns {
  width: 30.33333333%;
}
.five-columns {
  width: 38.66666667%;
}
.six-columns {
  width: 47%;
}
.seven-columns {
  width: 55.33333333%;
}
.eight-columns {
  width: 63.66666667%;
}
.nine-columns {
  width: 72%;
}
.ten-columns {
  width: 80.33333333%;
}
.eleven-columns {
  width: 88.66666667%;
}
.twelve-columns {
  width: 100%;
}
/* Offsets */
.offset-by-one-column {
  margin-left: 8.33333333%;
}
.offset-by-two-columns {
  margin-left: 16.66666667%;
}
.offset-by-three-columns {
  margin-left: 25%;
}
.offset-by-four-columns {
  margin-left: 33.33333333%;
}
.offset-by-five-columns {
  margin-left: 41.66666667%;
}
.offset-by-six-columns {
  margin-left: 50%;
}
.offset-by-seven-columns {
  margin-left: 58.33333333%;
}
.offset-by-eight-columns {
  margin-left: 66.66666667%;
}
.offset-by-nine-columns {
  margin-left: 75%;
}
.offset-by-ten-columns {
  margin-left: 83.33333333%;
}
.offset-by-eleven-columns {
  margin-left: 91.66666667%;
}
.offset-by-one-third-column {
  margin-left: 33.33333333%;
}
.offset-by-two-thirds-columns {
  margin-left: 66.66666667%;
}
.offset-by-one-half-column {
  margin-left: 50%;
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 1rem sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 10px;
}
@media screen and (min-width: 1400px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 2000px) {
  html {
    font-size: 14px;
  }
}
body {
  line-height: 1.5;
  font-weight: normal;
  font-style: normal;
  font-family: MuseoSansRounded-100, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
  color: #000;
  overflow-y: scroll;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-family: MuseoSansRounded-100, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
h1 {
  font-size: 2rem;
  line-height: 1.1;
}
h2 {
  font-size: 1.8rem;
  line-height: 1.3;
}
h3 {
  font-size: 1.6rem;
  line-height: 1.4;
}
h4 {
  font-size: 1.6rem;
  line-height: 1.4;
}
h5 {
  font-size: 1.6rem;
  line-height: 1.4;
}
h6 {
  font-size: 1.4rem;
  line-height: 1.5;
}
p {
  margin-top: 0;
  font-size: 1.6rem;
}
/* Selection
–––––––––––––––––––––––––––––––––––––––––––––––––– */
::-moz-selection {
  background: #80e1ff;
  color: #000;
  text-shadow: none;
}
::selection {
  background: #80e1ff;
  color: #000;
  text-shadow: none;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #00afe6;
  text-decoration: none;
}
a:hover {
  color: #b3edff;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button {
  display: inline-block;
  height: 3.8rem;
  padding: 0 3rem;
  color: #b3edff;
  text-align: center;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 3.8rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #b3edff;
  cursor: pointer;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 0.2rem 3rem;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 3.8rem;
  letter-spacing: 0.1rem;
  text-decoration: none;
  white-space: nowrap;
  background-color: #00afe6;
  border-radius: 0px;
  border: 1px solid #b3edff;
  cursor: pointer;
}
.button:hover,
button:hover {
  background-color: #1ac8ff;
  outline: 0;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background-color: #1ac8ff;
  outline: 0;
}
.button:focus,
button:focus {
  background-color: #1ac8ff;
  outline: 0;
}
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background-color: #1ac8ff;
  border: 1px solid #80e1ff;
  outline: 0;
}
.button.button-primary,
button.button-primary {
  color: #fff;
  background-color: #00afe6;
  border-color: #00afe6;
}
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #fff;
  background-color: #00afe6;
  border-color: #00afe6;
}
.button.button-primary:hover,
button.button-primary:hover {
  color: #fff;
  background-color: #00afe6;
  border-color: #00afe6;
}
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover {
  color: #fff;
  background-color: #00afe6;
  border-color: #00afe6;
}
.button.button-primary:focus,
button.button-primary:focus {
  color: #fff;
  background-color: #00afe6;
  border-color: #00afe6;
}
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #fff;
  background-color: #00afe6;
  border-color: #00afe6;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"] {
  height: 3.8rem;
  padding: 0.6rem 1rem;
  width: 100%;
  background-color: #fff;
  border: 1px solid #b3edff;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
textarea,
select {
  height: 3.8rem;
  padding: 0.6rem 1rem;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #b3edff;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-height: 6.5rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus {
  border: 1px solid #80e1ff;
  outline: 0;
}
textarea:focus,
select:focus {
  border: 1px solid #80e1ff;
  outline: 0;
}
label,
legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: normal;
}
fieldset {
  padding: 0;
  border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
  display: inline;
}
label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-content ul {
  list-style: none;
  padding-left: 2rem;
  margin-top: 0;
}
.page-content ul li::before {
  content: "—";
  margin-left: -2.5rem;
  width: 2.5rem;
  display: inline-block;
}
.page-content ul ul,
.page-content ul ol {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}
.page-content ol {
  list-style: decimal;
  padding-left: 2rem;
  margin-top: 0;
}
.page-content ol ol,
.page-content ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #c4c4c4;
  border: 1px solid #b4b4b4;
  border-radius: 0px;
}
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 1.2rem 1.5rem;
  text-align: left;
  border-bottom: 1px solid #b4b4b4;
}
th:first-child,
td:first-child {
  padding-left: 0;
}
th:last-child,
td:last-child {
  padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem;
}
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
}
.u-max-full-width {
  max-width: 100%;
  height: auto;
  display: block;
}
.u-pull-right {
  float: right;
}
.u-pull-left {
  float: left;
}
.u-text-center {
  text-align: center;
}
.u-text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #000;
}
hr.bold {
  border-top: 3px solid #000;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}
/* Responsive Video Embeding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.embed-container {
  position: relative;
  height: 0;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Always larger (when possible, see below) */
/* Larger than x-small */
/* Larger than small (also point when grid becomes active) */
/* Larger than medium */
/* Larger than large */
/* Larger than x-large */
/* Larger than huge */
/* landscape format */
/* Except these ones */
/* Smaller than small (also point when grid becomes active) */
/* Smaller than medium */
/* Smaller than large */
.sahc-icon {
  display: inline-block;
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(images/sahc_pictos_double.svg) 0 0 no-repeat transparent;
  background-size: 200%;
  width: 5rem;
  height: 5rem;
}
.icon-small {
  width: 2.5rem;
  height: 2.5rem;
}
.sahc-icon--hamburger {
  background-position: 0 0rem;
}
.sahc-icon--hamburger:hover,
.sahc-icon--hamburger:focus,
.sahc-icon--hamburger:active,
.sahc-icon--hamburger.current {
  background-position: -5rem 0rem !important;
}
.sahc-icon--share {
  background-position: 0 -5rem;
}
.sahc-icon--share:hover,
.sahc-icon--share:focus,
.sahc-icon--share:active,
.sahc-icon--share.current {
  background-position: -5rem -5rem !important;
}
.sahc-icon--close {
  background-position: 0 -10rem;
}
.sahc-icon--close:hover,
.sahc-icon--close:focus,
.sahc-icon--close:active,
.sahc-icon--close.current {
  background-position: -5rem -10rem !important;
}
.sahc-icon--arrow-up {
  background-position: 0 -15rem;
}
.sahc-icon--arrow-up:hover,
.sahc-icon--arrow-up:focus,
.sahc-icon--arrow-up:active,
.sahc-icon--arrow-up.current {
  background-position: -5rem -15rem !important;
}
.sahc-icon--arrow-down {
  background-position: 0 -20rem;
}
.sahc-icon--arrow-down:hover,
.sahc-icon--arrow-down:focus,
.sahc-icon--arrow-down:active,
.sahc-icon--arrow-down.current {
  background-position: -5rem -20rem !important;
}
.sahc-icon--arrow-right {
  background-position: 0 -25rem;
}
.sahc-icon--arrow-right:hover,
.sahc-icon--arrow-right:focus,
.sahc-icon--arrow-right:active,
.sahc-icon--arrow-right.current {
  background-position: -5rem -25rem !important;
}
.sahc-icon--plus {
  background-position: 0 -30rem;
}
.sahc-icon--plus:hover,
.sahc-icon--plus:focus,
.sahc-icon--plus:active,
.sahc-icon--plus.current {
  background-position: -5rem -30rem !important;
}
.sahc-icon--minus {
  background-position: 0 -35rem;
}
.sahc-icon--minus:hover,
.sahc-icon--minus:focus,
.sahc-icon--minus:active,
.sahc-icon--minus.current {
  background-position: -5rem -35rem !important;
}
.sahc-icon--download {
  background-position: 0 -40rem;
}
.sahc-icon--download:hover,
.sahc-icon--download:focus,
.sahc-icon--download:active,
.sahc-icon--download.current {
  background-position: -5rem -40rem !important;
}
.sahc-icon--upload {
  background-position: 0 -45rem;
}
.sahc-icon--upload:hover,
.sahc-icon--upload:focus,
.sahc-icon--upload:active,
.sahc-icon--upload.current {
  background-position: -5rem -45rem !important;
}
.sahc-icon--speech-bubble {
  background-position: 0 -50rem;
}
.sahc-icon--speech-bubble:hover,
.sahc-icon--speech-bubble:focus,
.sahc-icon--speech-bubble:active,
.sahc-icon--speech-bubble.current {
  background-position: -5rem -50rem !important;
}
.sahc-icon--search {
  background-position: 0 -55rem;
}
.sahc-icon--search:hover,
.sahc-icon--search:focus,
.sahc-icon--search:active,
.sahc-icon--search.current {
  background-position: -5rem -55rem !important;
}
.sahc-icon--user-logged-out {
  background-position: 0 -60rem;
}
.sahc-icon--user-logged-out:hover,
.sahc-icon--user-logged-out:focus,
.sahc-icon--user-logged-out:active,
.sahc-icon--user-logged-out.current {
  background-position: -5rem -60rem !important;
}
.sahc-icon--user-logged-in {
  background-position: 0 -65rem;
}
.sahc-icon--user-logged-in:hover,
.sahc-icon--user-logged-in:focus,
.sahc-icon--user-logged-in:active,
.sahc-icon--user-logged-in.current {
  background-position: -5rem -65rem !important;
}
.sahc-icon--deutsch {
  background-position: 0 -70rem;
}
.sahc-icon--deutsch:hover,
.sahc-icon--deutsch:focus,
.sahc-icon--deutsch:active,
.sahc-icon--deutsch.current {
  background-position: -5rem -70rem !important;
}
.sahc-icon--english {
  background-position: 0 -75rem;
}
.sahc-icon--english:hover,
.sahc-icon--english:focus,
.sahc-icon--english:active,
.sahc-icon--english.current {
  background-position: -5rem -75rem !important;
}
.sahc-icon--francais {
  background-position: 0 -80rem;
}
.sahc-icon--francais:hover,
.sahc-icon--francais:focus,
.sahc-icon--francais:active,
.sahc-icon--francais.current {
  background-position: -5rem -80rem !important;
}
.sahc-icon--italiano {
  background-position: 0 -85rem;
}
.sahc-icon--italiano:hover,
.sahc-icon--italiano:focus,
.sahc-icon--italiano:active,
.sahc-icon--italiano.current {
  background-position: -5rem -85rem !important;
}
.sahc-icon--twitter {
  background-position: 0 -90rem;
}
.sahc-icon--twitter:hover,
.sahc-icon--twitter:focus,
.sahc-icon--twitter:active,
.sahc-icon--twitter.current {
  background-position: -5rem -90rem !important;
}
.sahc-icon--youtube {
  background-position: 0 -95rem;
}
.sahc-icon--youtube:hover,
.sahc-icon--youtube:focus,
.sahc-icon--youtube:active,
.sahc-icon--youtube.current {
  background-position: -5rem -95rem !important;
}
.sahc-icon--vimeo {
  background-position: 0 -100rem;
}
.sahc-icon--vimeo:hover,
.sahc-icon--vimeo:focus,
.sahc-icon--vimeo:active,
.sahc-icon--vimeo.current {
  background-position: -5rem -100rem !important;
}
.sahc-icon--facebook {
  background-position: 0 -105rem;
}
.sahc-icon--facebook:hover,
.sahc-icon--facebook:focus,
.sahc-icon--facebook:active,
.sahc-icon--facebook.current {
  background-position: -5rem -105rem !important;
}
.icon-small.sahc-icon--hamburger {
  background-position: 0 0rem;
}
.icon-small.sahc-icon--hamburger:hover,
.icon-small.sahc-icon--hamburger:focus,
.icon-small.sahc-icon--hamburger:active,
.icon-small.sahc-icon--hamburger.current {
  background-position: -2.5rem 0rem !important;
}
.icon-small.sahc-icon--share {
  background-position: 0 -2.5rem;
}
.icon-small.sahc-icon--share:hover,
.icon-small.sahc-icon--share:focus,
.icon-small.sahc-icon--share:active,
.icon-small.sahc-icon--share.current {
  background-position: -2.5rem -2.5rem !important;
}
.icon-small.sahc-icon--close {
  background-position: 0 -5rem;
}
.icon-small.sahc-icon--close:hover,
.icon-small.sahc-icon--close:focus,
.icon-small.sahc-icon--close:active,
.icon-small.sahc-icon--close.current {
  background-position: -2.5rem -5rem !important;
}
.icon-small.sahc-icon--arrow-up {
  background-position: 0 -7.5rem;
}
.icon-small.sahc-icon--arrow-up:hover,
.icon-small.sahc-icon--arrow-up:focus,
.icon-small.sahc-icon--arrow-up:active,
.icon-small.sahc-icon--arrow-up.current {
  background-position: -2.5rem -7.5rem !important;
}
.icon-small.sahc-icon--arrow-down {
  background-position: 0 -10rem;
}
.icon-small.sahc-icon--arrow-down:hover,
.icon-small.sahc-icon--arrow-down:focus,
.icon-small.sahc-icon--arrow-down:active,
.icon-small.sahc-icon--arrow-down.current {
  background-position: -2.5rem -10rem !important;
}
.icon-small.sahc-icon--arrow-right {
  background-position: 0 -12.5rem;
}
.icon-small.sahc-icon--arrow-right:hover,
.icon-small.sahc-icon--arrow-right:focus,
.icon-small.sahc-icon--arrow-right:active,
.icon-small.sahc-icon--arrow-right.current {
  background-position: -2.5rem -12.5rem !important;
}
.icon-small.sahc-icon--plus {
  background-position: 0 -15rem;
}
.icon-small.sahc-icon--plus:hover,
.icon-small.sahc-icon--plus:focus,
.icon-small.sahc-icon--plus:active,
.icon-small.sahc-icon--plus.current {
  background-position: -2.5rem -15rem !important;
}
.icon-small.sahc-icon--minus {
  background-position: 0 -17.5rem;
}
.icon-small.sahc-icon--minus:hover,
.icon-small.sahc-icon--minus:focus,
.icon-small.sahc-icon--minus:active,
.icon-small.sahc-icon--minus.current {
  background-position: -2.5rem -17.5rem !important;
}
.icon-small.sahc-icon--download {
  background-position: 0 -20rem;
}
.icon-small.sahc-icon--download:hover,
.icon-small.sahc-icon--download:focus,
.icon-small.sahc-icon--download:active,
.icon-small.sahc-icon--download.current {
  background-position: -2.5rem -20rem !important;
}
.icon-small.sahc-icon--upload {
  background-position: 0 -22.5rem;
}
.icon-small.sahc-icon--upload:hover,
.icon-small.sahc-icon--upload:focus,
.icon-small.sahc-icon--upload:active,
.icon-small.sahc-icon--upload.current {
  background-position: -2.5rem -22.5rem !important;
}
.icon-small.sahc-icon--speech-bubble {
  background-position: 0 -25rem;
}
.icon-small.sahc-icon--speech-bubble:hover,
.icon-small.sahc-icon--speech-bubble:focus,
.icon-small.sahc-icon--speech-bubble:active,
.icon-small.sahc-icon--speech-bubble.current {
  background-position: -2.5rem -25rem !important;
}
.icon-small.sahc-icon--search {
  background-position: 0 -27.5rem;
}
.icon-small.sahc-icon--search:hover,
.icon-small.sahc-icon--search:focus,
.icon-small.sahc-icon--search:active,
.icon-small.sahc-icon--search.current {
  background-position: -2.5rem -27.5rem !important;
}
.icon-small.sahc-icon--user-logged-out {
  background-position: 0 -30rem;
}
.icon-small.sahc-icon--user-logged-out:hover,
.icon-small.sahc-icon--user-logged-out:focus,
.icon-small.sahc-icon--user-logged-out:active,
.icon-small.sahc-icon--user-logged-out.current {
  background-position: -2.5rem -30rem !important;
}
.icon-small.sahc-icon--user-logged-in {
  background-position: 0 -32.5rem;
}
.icon-small.sahc-icon--user-logged-in:hover,
.icon-small.sahc-icon--user-logged-in:focus,
.icon-small.sahc-icon--user-logged-in:active,
.icon-small.sahc-icon--user-logged-in.current {
  background-position: -2.5rem -32.5rem !important;
}
.icon-small.sahc-icon--deutsch {
  background-position: 0 -35rem;
}
.icon-small.sahc-icon--deutsch:hover,
.icon-small.sahc-icon--deutsch:focus,
.icon-small.sahc-icon--deutsch:active,
.icon-small.sahc-icon--deutsch.current {
  background-position: -2.5rem -35rem !important;
}
.icon-small.sahc-icon--english {
  background-position: 0 -37.5rem;
}
.icon-small.sahc-icon--english:hover,
.icon-small.sahc-icon--english:focus,
.icon-small.sahc-icon--english:active,
.icon-small.sahc-icon--english.current {
  background-position: -2.5rem -37.5rem !important;
}
.icon-small.sahc-icon--francais {
  background-position: 0 -40rem;
}
.icon-small.sahc-icon--francais:hover,
.icon-small.sahc-icon--francais:focus,
.icon-small.sahc-icon--francais:active,
.icon-small.sahc-icon--francais.current {
  background-position: -2.5rem -40rem !important;
}
.icon-small.sahc-icon--italiano {
  background-position: 0 -42.5rem;
}
.icon-small.sahc-icon--italiano:hover,
.icon-small.sahc-icon--italiano:focus,
.icon-small.sahc-icon--italiano:active,
.icon-small.sahc-icon--italiano.current {
  background-position: -2.5rem -42.5rem !important;
}
.icon-small.sahc-icon--twitter {
  background-position: 0 -45rem;
}
.icon-small.sahc-icon--twitter:hover,
.icon-small.sahc-icon--twitter:focus,
.icon-small.sahc-icon--twitter:active,
.icon-small.sahc-icon--twitter.current {
  background-position: -2.5rem -45rem !important;
}
.icon-small.sahc-icon--youtube {
  background-position: 0 -47.5rem;
}
.icon-small.sahc-icon--youtube:hover,
.icon-small.sahc-icon--youtube:focus,
.icon-small.sahc-icon--youtube:active,
.icon-small.sahc-icon--youtube.current {
  background-position: -2.5rem -47.5rem !important;
}
.icon-small.sahc-icon--vimeo {
  background-position: 0 -50rem;
}
.icon-small.sahc-icon--vimeo:hover,
.icon-small.sahc-icon--vimeo:focus,
.icon-small.sahc-icon--vimeo:active,
.icon-small.sahc-icon--vimeo.current {
  background-position: -2.5rem -50rem !important;
}
.icon-small.sahc-icon--facebook {
  background-position: 0 -52.5rem;
}
.icon-small.sahc-icon--facebook:hover,
.icon-small.sahc-icon--facebook:focus,
.icon-small.sahc-icon--facebook:active,
.icon-small.sahc-icon--facebook.current {
  background-position: -2.5rem -52.5rem !important;
}
.gallery .slide {
  width: 100%;
}
.gallery .slide img {
  display: block;
  margin: 0 auto;
}
.gallery .flickity-prev-next-button .arrow {
  fill: #b3edff;
}
.gallery .flickity-prev-next-button:hover .arrow {
  fill: #00afe6;
}
.gallery .flickity-prev-next-button {
  display: none;
  background: transparent;
  padding: 0;
}
@media screen and (min-width: 1000px) {
  .gallery .flickity-prev-next-button {
    display: block;
    width: 15rem;
    height: 15rem;
    top: 50%;
  }
}
@media screen and (min-width: 1000px) {
  .gallery .flickity-prev-next-button.previous {
    left: -11rem;
  }
}
@media screen and (min-width: 1000px) {
  .gallery .flickity-prev-next-button.next {
    right: -11rem;
  }
}
.gallery .flickity-prev-next-button:hover {
  background: transparent;
}
@media screen and (min-width: 550px) {
  .gallery .flickity-page-dots {
    bottom: -3.5rem;
  }
}
.gallery .flickity-page-dots .dot {
  width: 1rem;
  height: 1rem;
  background: #FFF;
  filter: alpha(opacity=75);
  opacity: 0.75;
  border: 1px solid #00afe6;
}
@media screen and (min-width: 550px) {
  .gallery .flickity-page-dots .dot {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media screen and (min-width: 1000px) {
  .gallery .flickity-page-dots .dot {
    display: none;
  }
}
.gallery .flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  opacity: 1;
  background: #00afe6;
}
.gallery .slide-text {
  position: relative;
  top: 100%;
  left: 0%;
  right: 0%;
}
@media screen and (min-width: 550px) {
  .gallery .slide-text {
    position: absolute;
    top: 0;
    left: 50%;
    right: 7%;
    bottom: 0;
  }
}
@media screen and (min-width: 760px) {
  .gallery .slide-text {
    position: absolute;
    top: 0;
    left: 50%;
    right: 10%;
    bottom: 0;
  }
}
@media screen and (min-width: 1000px) {
  .gallery .slide-text {
    position: absolute;
    top: 0;
    left: 50%;
    right: 15%;
    bottom: 0;
  }
}
.gallery .slide-text-inner {
  position: relative;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 550px) {
  .gallery .slide-text-inner {
    position: absolute;
    padding: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (min-width: 760px) {
  .gallery .slide-text-inner {
    position: absolute;
    padding: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.gallery .slide-text-inner p {
  margin-top: 0;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 550px) {
  .gallery .slide-text-inner p {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 760px) {
  .gallery .slide-text-inner p {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1000px) {
  .gallery .slide-text-inner p {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.gallery .slide-text-inner h6 {
  margin-bottom: 0;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 550px) {
  .gallery .slide-text-inner h6 {
    font-size: 1.2rem;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 760px) {
  .gallery .slide-text-inner h6 {
    font-size: 1.4rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 1000px) {
  .gallery .slide-text-inner h6 {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
.gallery .slide-text-inner em {
  font-weight: bold;
}
/**
 * WP-Members Styles CSS
 *
 * CSS for the WP-Members plugin
 * 
 * This file is part of the WP-Members plugin by Chad Butler
 * 
 * adapted for the SAHC Theme by Claudius Herwig claudiusherwig.de
 *
 * You can find out more about this plugin at https://rocketgeek.com
 * Copyright (c) 2006-2018 Chad Butler
 * WP-Members(tm) is a trademark of butlerblog.com
 *
 * @package WordPress
 * @subpackage WP-Members
 * @author Chad Butler 
 * @copyright 2006-2018
 */
/* Look for Add ons and changes by CHDG on the end */
/* Error and Dialog Messages */
#wpmem_msg,
.wpmem_msg {
  background: #F9F9F9;
  border: 1px solid lightGrey;
  border-radius: 3px;
  padding: 20px 0 0 0;
}
#wpmem_msg {
  width: 100%;
}
.wpmem_msg {
  width: 74%;
}
/* Sidebar Login Widget */
#wp-members {
  width: 100%;
}
#wp-members fieldset {
  border: none;
  padding: 0px;
}
#wp-members input {
  font-family: inherit;
}
#wp-members input[type="text"],
#wp-members input[type="password"] {
  margin: 0 0 4px 0;
}
#wp-members input[type="submit"] {
  padding: 5px 6px 4px;
  margin: 0 4px 0 0;
}
#wp-members .button_div {
  margin-top: 4px;
}
#wp-members .err {
  width: 100%;
  padding: 5px;
  font-family: inherit;
  border: 1px solid #ccc;
  border-radius: 3px;
}
/* Login Form and Registration Form */
#wpmem_reg,
#wpmem_login {
  font-family: inherit;
}
#wpmem_reg label,
#wpmem_login label {
  display: initial;
}
#wpmem_reg input[type="text"],
#wpmem_reg input[type="password"],
#wpmem_reg input[type="email"],
#wpmem_reg input[type="url"],
#wpmem_reg input[type="number"],
#wpmem_reg input[type="date"],
#wpmem_reg textarea,
#wpmem_login input[type="text"],
#wpmem_login input[type="password"] {
  color: #000;
  padding: 8px 10px 8px;
  background: none repeat scroll 0% 0% #b3edff;
}
#wpmem_reg input,
#wpmem_reg button,
#wpmem_reg select,
#wpmem_reg textarea,
#wpmem_login input,
#wpmem_login button {
  -moz-box-sizing: border-box;
  font-size: 100%;
  margin: 0px;
  max-width: 100%;
  vertical-align: baseline;
}
#wpmem_reg input:focus,
#wpmem_reg textarea:focus,
#wpmem_login input:focus {
  outline: 0px none;
}
#wpmem_reg select {
  width: 100%;
  padding: 8px 10px 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #000;
  margin: 5px 0;
}
#wpmem_reg fieldset,
#wpmem_login fieldset {
  border: none;
  padding: 0;
  margin: 40px 0;
}
#wpmem_reg legend,
#wpmem_login legend {
  font-size: 2rem;
  font-family: MuseoSansRounded-700, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 10px;
  width: 100%;
}
#wpmem_reg .form,
#wpmem_login .form {
  margin: 0;
  padding: 0;
}
#wpmem_reg .clear,
#wpmem_login .clear {
  clear: both;
}
#wpmem_reg .holder,
#wpmem_login .holder {
  background-color: #fff;
}
#wpmem_login .div_text,
#wpmem_reg .div_text,
#wpmem_reg .div_textarea,
#wpmem_reg .div_select,
#wpmem_reg .div_checkbox,
#wpmem_reg .div_multiselect,
#wpmem_reg .div_multicheckbox,
#wpmem_reg .div_radio,
#wpmem_reg .div_image,
#wpmem_reg .div_file,
#wpmem_reg .div_url,
#wpmem_reg .div_number,
#wpmem_reg .div_date {
  width: 74%;
  margin: 0 0 14px 0;
}
#wpmem_login input[type="checkbox"] {
  margin: 12px 2px;
}
#wpmem_reg .div_textarea textarea,
#wpmem_reg .textbox,
#wpmem_login .textbox,
#wpmem_reg .username,
#wpmem_reg .password,
#wpmem_reg .file,
#wpmem_reg .image,
#wpmem_login .username,
#wpmem_login .password {
  width: 100%;
}
#wpmem_reg textarea {
  height: 185px;
}
#wpmem_reg .req {
  color: #bd3500;
  font-size: 22px;
  line-height: 50%;
}
#wpmem_reg .req-text {
  margin: 20px 0px 0px 5px;
  font-size: 1.2rem;
}
#wpmem_reg .noinput {
  width: 93%;
  padding: 8px 10px 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #000;
  margin: 5px 0;
}
#wpmem_reg .captcha {
  width: 74%;
  margin: 5px 0px;
}
#wpmem_reg .captcha table {
  line-height: 0px;
}
#wpmem_login .link-text {
  padding: 4px 0;
  width: 74%;
  text-align: right;
  font-size: 1.2rem;
}
#tos {
  margin-right: 5px;
}
/* Buttons */
#wpmem_reg .button_div,
#wpmem_login .button_div {
  width: 74%;
  /* height:55px; */
  padding: 6px 0;
  text-align: right;
}
/** for smaller screens */
@media screen and (max-width: 720px) {
  #wpmem_reg label.text,
  #wpmem_reg label.checkbox,
  #wpmem_reg label.textarea,
  #wpmem_reg label.select,
  #wpmem_login label,
  #wpmem_reg .div_text,
  #wpmem_reg .div_textarea,
  #wpmem_reg .div_select,
  #wpmem_login .div_text,
  #wpmem_reg .div_checkbox,
  #wpmem_reg .button_div,
  #wpmem_login .button_div {
    float: none;
  }
  #wpmem_reg label.text,
  #wpmem_reg label.checkbox,
  #wpmem_reg label.textarea,
  #wpmem_reg label.select {
    width: 90%;
    padding: 5px 0 0 0;
  }
  #wpmem_reg label.textarea {
    height: 26px;
  }
  #wpmem_reg .div_text,
  #wpmem_reg .div_textarea,
  #wpmem_reg .div_select,
  #wpmem_login .div_text,
  #wpmem_reg .div_checkbox {
    width: 98%;
  }
  #wpmem_msg,
  .wpmem_msg {
    width: 100%;
  }
  #wpmem_reg .button_div,
  #wpmem_login .button_div,
  #wpmem_login .link-text {
    width: 98%;
  }
}
/* Add ons and changes by CHDG */
/** for the user list add on */
#wpmem_ul_search .div_text {
  height: auto !important;
}
#wpmem-ul-list div {
  margin: 0 !important;
}
#wpmem-ul-list .title,
#wpmem-ul-list .first_name,
#wpmem-ul-list .last_name {
  float: left;
  padding-right: 0.5rem;
  color: #00afe6;
}
#wpmem-ul-list .billing_postcode {
  float: left;
  padding-right: 0.5rem;
}
#wpmem-ul-list .billing_city,
#wpmem-ul-list .billing_country,
#wpmem-ul-list .billing_phone,
#wpmem-ul-list .user_url,
#wpmem-ul-list .user_email {
  clear: both;
}
/* Layout
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.standard-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 550px) {
  .standard-column {
    width: 100%;
  }
}
.narrow-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 550px) {
  .narrow-column {
    width: 80.33333333%;
    margin-left: 8.33333333%;
  }
}
@media screen and (min-width: 760px) {
  .narrow-column {
    width: 63.66666667%;
    margin-left: 16.66666667%;
  }
}
@media screen and (min-width: 1000px) {
  .narrow-column {
    width: 47%;
    margin-left: 25%;
  }
}
.thumb-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 550px) {
  .thumb-column {
    width: 22%;
  }
}
.main-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 550px) {
  .main-column {
    width: 47%;
  }
}
.main-solo-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 550px) {
  .main-solo-column {
    width: 47%;
  }
}
@media screen and (min-width: 550px) {
  .main-solo-column {
    margin-left: 25%;
  }
}
.marginalien-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 550px) {
  .marginalien-column {
    width: 22%;
  }
}
.half-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 550px) {
  .half-column {
    width: 47%;
  }
}
.one-third-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 760px) {
  .one-third-column {
    width: 30.33333333%;
  }
}
.two-third-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 760px) {
  .two-third-column {
    width: 63.66666667%;
  }
}
.one-third-column-wide {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
@media screen and (min-width: 1000px) {
  .one-third-column-wide {
    width: 30.33333333%;
  }
}
.team-caption-column {
  width: 97%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 47%;
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 550px) {
  .team-caption-column {
    width: 13.66666667%;
  }
}
@media screen and (min-width: 550px) {
  .team-caption-column:first-of-type {
    margin-left: 8.33333333%;
  }
}
/* Typography
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
em {
  color: #00afe6;
  font-style: normal;
}
.underline {
  border-bottom: 1px solid #00afe6;
  padding-bottom: 1rem;
}
/* Images
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
img {
  max-width: 100%;
  height: auto;
  display: block;
}
img.alignleft {
  float: left;
}
img.aligncenter {
  margin: 0 auto;
}
img.alignright {
  float: right;
}
.wp-caption {
  width: initial !important;
}
/* Startanimation
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.startanimation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 10%;
  left: 0;
}
@media screen and (orientation: landscape) {
  .startanimation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 760px) {
  .startanimation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#animation_container {
  width: 300px;
  height: 380px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* Header
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
body {
  padding-top: 10rem;
}
@media screen and (min-width: 550px) {
  body {
    padding-top: 13rem;
  }
}
@media screen and (min-width: 760px) {
  body {
    padding-top: 8rem;
  }
}
.header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  z-index: 10;
  background: #fff;
}
header.page-scrolled {
  -webkit-box-shadow: 0 0 11px #808080;
          box-shadow: 0 0 11px #808080;
}
header.menu-open {
  height: initial;
  bottom: 0;
  overflow-y: auto;
}
.branding--logo {
  display: inline-block;
  vertical-align: top;
}
.branding--signet {
  width: 15%;
  display: inline-block;
  vertical-align: top;
}
.site-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.site-title a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font: 0/0 a;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  width: 100%;
  height: 8rem;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (min-width: 550px) {
  .site-title a {
    height: 11rem;
  }
}
@media screen and (min-width: 1000px) {
  .site-title a {
    height: 11rem;
  }
}
.page-scrolled .site-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.page-scrolled .site-title a {
  width: 4.5rem;
  height: 3rem;
}
@media screen and (min-width: 550px) {
  .page-scrolled .site-title a {
    width: 7.5rem;
    height: 6rem;
  }
}
.site-name {
  margin-top: 0;
  margin-bottom: 1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (min-width: 760px) {
  .site-name {
    margin-top: 1rem;
  }
}
.site-name a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-size: contain;
  background-position: top left;
  display: inline-block;
}
.site-name__logo {
  background: url(images/SAHC.svg) center center no-repeat transparent;
  width: 9rem;
  height: 3rem;
}
@media screen and (min-width: 760px) {
  .site-name__logo {
    width: 11rem;
    height: 4rem;
  }
}
@media screen and (min-width: 1000px) {
  .site-name__logo {
    width: 14rem;
    height: 5rem;
  }
}
.site-name__long {
  width: 15rem;
  height: 4rem;
  display: none !important;
}
@media screen and (min-width: 760px) {
  .site-name__long {
    width: 16rem;
    height: 4rem;
    display: inline-block !important;
  }
}
@media screen and (min-width: 1000px) {
  .site-name__long {
    width: 21rem;
    height: 4rem;
  }
}
.site-name__logo--animation {
  width: 11rem;
  height: 4rem;
}
@media screen and (min-width: 760px) {
  .site-name__logo--animation {
    width: 11rem;
    height: 4rem;
  }
}
@media screen and (min-width: 1000px) {
  .site-name__logo--animation {
    width: 14rem;
    height: 5rem;
  }
}
.site-name__long--animation {
  width: 19rem;
  height: 4rem;
  display: inline-block !important;
}
@media screen and (min-width: 760px) {
  .site-name__long--animation {
    width: 19rem;
    height: 4rem;
  }
}
@media screen and (min-width: 1000px) {
  .site-name__long--animation {
    width: 23rem;
    height: 4rem;
  }
}
.site-name__long--de {
  background: url(images/SAHC_de.svg) center center no-repeat transparent;
}
.site-name__long--en {
  background: url(images/SAHC_en.svg) center center no-repeat transparent;
}
.site-name__long--fr {
  background: url(images/SAHC_fr.svg) center center no-repeat transparent;
}
.site-name__long--it {
  background: url(images/SAHC_it.svg) center center no-repeat transparent;
}
.menu-icon {
  display: inline-block;
}
@media screen and (min-width: 760px) {
  .menu-icon {
    display: none;
  }
}
.menu-icon .hamburger-nav {
  display: inline-block;
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(images/sahc_pictos_double.svg) 0 0 no-repeat transparent;
  background-size: 200%;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  vertical-align: top;
  margin-top: 1rem;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  margin-left: 0.5rem;
}
@media screen and (max-width: 999px) {
  .menu-icon .hamburger-nav {
    width: 2.5rem;
    height: 2.5rem;
    background-position: 0 0rem;
  }
  .menu-icon .hamburger-nav:hover,
  .menu-icon .hamburger-nav:focus,
  .menu-icon .hamburger-nav:active,
  .menu-icon .hamburger-nav.current {
    background-position: -2.5rem 0rem !important;
  }
}
@media screen and (min-width: 1000px) {
  .menu-icon .hamburger-nav {
    background-position: 0 0rem;
  }
  .menu-icon .hamburger-nav:hover,
  .menu-icon .hamburger-nav:focus,
  .menu-icon .hamburger-nav:active,
  .menu-icon .hamburger-nav.current {
    background-position: -5rem 0rem !important;
  }
}
@media screen and (max-width: 999px) {
  .menu-icon .hamburger-nav.close {
    width: 2.5rem;
    height: 2.5rem;
    background-position: 0 -5rem;
  }
  .menu-icon .hamburger-nav.close:hover,
  .menu-icon .hamburger-nav.close:focus,
  .menu-icon .hamburger-nav.close:active,
  .menu-icon .hamburger-nav.close.current {
    background-position: -2.5rem -5rem !important;
  }
}
@media screen and (min-width: 1000px) {
  .menu-icon .hamburger-nav.close {
    background-position: 0 -10rem;
  }
  .menu-icon .hamburger-nav.close:hover,
  .menu-icon .hamburger-nav.close:focus,
  .menu-icon .hamburger-nav.close:active,
  .menu-icon .hamburger-nav.close.current {
    background-position: -5rem -10rem !important;
  }
}
@media screen and (min-width: 760px) {
  .menu-icon .hamburger-nav {
    margin-left: 1rem;
  }
}
.page-scrolled .menu-icon {
  display: inline-block;
}
.menu-icon .hamburger-nav.show {
  display: inline-block;
}
.service-nav {
  display: inline-block;
  text-align: right;
  vertical-align: top;
}
.service-nav .service-nav-icon {
  display: inline-block;
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(images/sahc_pictos_double.svg) 0 0 no-repeat transparent;
  background-size: 200%;
  width: 5rem;
  height: 5rem;
  margin-left: 0.5rem;
  margin-top: 1rem;
}
@media screen and (min-width: 760px) {
  .service-nav .service-nav-icon {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 1000px) {
  .service-nav .service-nav-icon {
    margin-left: 2rem;
  }
}
.service-nav .service-nav-icon.no-mobile {
  display: none;
}
@media screen and (min-width: 760px) {
  .service-nav .service-nav-icon.no-mobile {
    display: inline-block;
  }
}
.service-nav .login-nav {
  background-position: 0 -60rem;
}
.service-nav .login-nav:hover,
.service-nav .login-nav:focus,
.service-nav .login-nav:active,
.service-nav .login-nav.current {
  background-position: -5rem -60rem !important;
}
.logged-in .service-nav .login-nav {
  background-position: 0 -65rem;
}
.logged-in .service-nav .login-nav:hover,
.logged-in .service-nav .login-nav:focus,
.logged-in .service-nav .login-nav:active,
.logged-in .service-nav .login-nav.current {
  background-position: -5rem -65rem !important;
}
.service-nav .language-nav--de {
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 -35rem;
}
.service-nav .language-nav--de:hover,
.service-nav .language-nav--de:focus,
.service-nav .language-nav--de:active,
.service-nav .language-nav--de.current {
  background-position: -2.5rem -35rem !important;
}
.service-nav .language-nav--en {
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 -37.5rem;
}
.service-nav .language-nav--en:hover,
.service-nav .language-nav--en:focus,
.service-nav .language-nav--en:active,
.service-nav .language-nav--en.current {
  background-position: -2.5rem -37.5rem !important;
}
.service-nav .language-nav--it {
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 -42.5rem;
}
.service-nav .language-nav--it:hover,
.service-nav .language-nav--it:focus,
.service-nav .language-nav--it:active,
.service-nav .language-nav--it.current {
  background-position: -2.5rem -42.5rem !important;
}
.service-nav .language-nav--fr {
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 -40rem;
}
.service-nav .language-nav--fr:hover,
.service-nav .language-nav--fr:focus,
.service-nav .language-nav--fr:active,
.service-nav .language-nav--fr.current {
  background-position: -2.5rem -40rem !important;
}
.service-nav .search-nav {
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 -27.5rem;
}
.service-nav .search-nav:hover,
.service-nav .search-nav:focus,
.service-nav .search-nav:active,
.service-nav .search-nav.current {
  background-position: -2.5rem -27.5rem !important;
}
.search-area {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.search-area .close-area {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
}
.search-area .search-area-inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px #808080;
          box-shadow: 0 0 15px #808080;
  height: 6rem;
}
@media screen and (min-width: 550px) {
  .search-area .search-area-inner {
    height: 11rem;
  }
}
.search-area .search-area-container {
  z-index: 60;
}
.search-area .search-form {
  margin-top: 1rem;
  margin: 0 10%;
}
.search-area .search-field {
  width: 65%;
  height: 2rem;
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
@media screen and (min-width: 550px) {
  .search-area .search-field {
    width: 75%;
    height: 3.8rem;
  }
}
.search-area .search-submit {
  display: inline-block;
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(images/sahc_pictos_double.svg) 0 0 no-repeat transparent;
  background-size: 200%;
  width: 5rem;
  height: 5rem;
  background-position: 0 -55rem;
  padding: 0;
  vertical-align: 0.5rem;
  margin-left: 2rem;
}
.search-area .search-submit:hover,
.search-area .search-submit:focus,
.search-area .search-submit:active,
.search-area .search-submit.current {
  background-position: -5rem -55rem !important;
}
.search-area .search-submit:hover,
.search-area .search-submit:focus {
  background-color: #fff;
  border: none;
}
/* Navigation
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.nav {
  display: none;
  padding: 0;
  text-align: center;
  font-size: 1.6rem;
  margin: 5rem 0 0 0;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 760px) {
  .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.nav li {
  -ms-flex-preferred-size: 22%;
      flex-basis: 22%;
  display: inline-block;
  position: relative;
}
.nav li a {
  display: block;
  font-family: MuseoSansRounded-100, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
  color: #000;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.nav li a:hover {
  font-family: MuseoSansRounded-700, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
}
.nav li::before {
  content: none;
}
.nav li.current_page_item > a,
.nav li.current-menu-ancestor > a {
  font-family: MuseoSansRounded-700, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
}
.nav li:last-of-type {
  text-align: right;
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}
.nav li:last-of-type .sub-menu li {
  text-align: right;
  min-width: 0;
}
.nav li:first-of-type {
  text-align: left;
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
}
.nav .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 0 0 1rem 1rem;
  margin-top: 0;
  background: #fff;
  z-index: 90;
  text-align: left;
  -webkit-box-shadow: 0 10px 15px -5px #808080;
          box-shadow: 0 10px 15px -5px #808080;
}
.nav .sub-menu li {
  display: block;
  min-width: 24rem;
}
.nav .sub-menu li a {
  margin-left: 2rem;
  margin-right: 2rem;
  border-top: 2px solid #fff;
}
.nav .sub-menu li a:hover {
  font-family: MuseoSansRounded-700, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
}
.nav .sub-menu li:last-of-type {
  text-align: left;
}
.nav .sub-menu li.current-menu-item a {
  font-family: MuseoSansRounded-700, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
}
.nav .menu-item:hover .sub-menu {
  display: block;
}
.nav li:last-of-type .sub-menu {
  left: initial;
  right: 0;
}
.nav-versatz {
  padding-top: 13rem;
}
@media screen and (min-width: 550px) {
  .nav-versatz {
    padding-top: 30rem;
  }
}
@media screen and (min-width: 760px) {
  .nav-versatz {
    padding-top: 15rem;
  }
}
@media screen and (min-width: 1400px) {
  .nav-versatz {
    padding-top: 10rem;
  }
}
/* Dropdown menu
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.dropdown-menu {
  position: relative;
  background: white;
  top: -3rem;
  left: 0;
  right: 0;
  z-index: 100;
  display: none;
  -webkit-box-shadow: 0 10px 15px -5px #808080;
          box-shadow: 0 10px 15px -5px #808080;
}
.dropdown-nav {
  padding: 1rem 2rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 550px) {
  .dropdown-nav {
    padding: 1rem 6rem;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 760px) {
  .dropdown-nav {
    padding: 1rem 6rem;
    font-size: 1.6rem;
  }
}
.dropdown-nav li {
  list-style: none;
}
.dropdown-nav li a {
  padding: 0.5rem 0;
  display: block;
  border-bottom: 1px solid #00afe6;
}
@media screen and (min-width: 550px) {
  .dropdown-nav li a {
    padding: 0.2rem 0;
  }
}
@media screen and (min-width: 760px) {
  .dropdown-nav li a {
    padding: 0.5rem 0;
  }
}
.dropdown-nav li a:hover {
  color: #000;
}
.dropdown-nav li.current-menu-item a {
  font-family: MuseoSansRounded-700, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
}
.dropdown-nav li ul {
  padding-left: 0;
  text-indent: 3rem;
  margin-bottom: 0;
}
/* Slideshow
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
/* Post Preview
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.post-preview {
  font-size: 1.4rem;
  margin-top: 5rem;
}
.post-preview-icon {
  width: 7rem;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 2rem;
}
.post-preview-title {
  margin: 1rem 0;
}
.post-preview-text {
  margin-left: 7rem;
}
.post-preview-excerpt {
  margin: 0;
}
.post-preview-excerpt a {
  color: #000;
}
.read-more {
  color: #00afe6;
  font-weight: normal;
}
/* Content
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.editor-content {
  margin-top: 8rem;
}
.header-img,
.featured-img {
  margin: 0 auto;
}
.entry-title {
  margin-top: 3rem;
}
@media screen and (min-width: 550px) {
  .entry-title {
    margin-top: 0;
  }
}
.entry-title--front-page {
  margin-top: 1rem;
}
@media screen and (min-width: 550px) {
  .entry-title--front-page {
    margin-top: 2rem;
  }
}
.page-entry-title {
  margin-top: 2rem;
}
.page-content {
  padding-bottom: 15rem;
  min-height: 100rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 550px) {
  .page-content {
    font-size: 1.6rem;
  }
}
article {
  margin-bottom: 5rem;
}
/* list styles
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.page-content .list-plus {
  padding-left: 4rem;
}
.page-content .list-plus li::before {
  content: "";
  display: inline-block;
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(images/sahc_pictos_double.svg) 0 0 no-repeat transparent;
  background-size: 200%;
  width: 5rem;
  height: 5rem;
  width: 2.5rem;
  height: 2.5rem;
  background-position: 0 -15rem;
  vertical-align: middle;
  margin-right: 1rem;
  margin-left: -3.5rem;
}
.page-content .list-plus li::before:hover,
.page-content .list-plus li::before:focus,
.page-content .list-plus li::before:active,
.page-content .list-plus li::before.current {
  background-position: -2.5rem -15rem !important;
}
/* team-caption
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.team-caption {
  font-size: 1.2rem;
}
@media screen and (min-width: 550px) {
  .team-caption {
    font-size: 1.4rem;
  }
}
/* Front-page
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.wp-video-shortcode video,
video.wp-video-shortcode {
  height: auto;
  padding-bottom: 0;
}
/* kontaktseite
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.google-maps-container {
  padding: 0 10px;
}
.google-maps-container iframe {
  display: block;
}
/* partner
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.partner {
  -webkit-box-shadow: 0px 10px 20px -10px #808080 inset;
          box-shadow: 0px 10px 20px -10px #808080 inset;
  min-height: 12rem;
  padding: 3rem 0;
}
.partner-slogan {
  margin: 0 0 3rem;
}
@media screen and (min-width: 480px) {
  .partner-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
  }
}
.partner-logo {
  background-color: #dadada;
  display: block;
  height: 10rem;
  width: 10rem;
  margin: 1rem auto;
}
@media screen and (min-width: 480px) {
  .partner-logo {
    margin: 0;
  }
}
/* floater
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.floater {
  display: none;
  position: fixed;
  top: 43%;
}
@media screen and (min-width: 1000px) {
  .floater {
    display: block;
  }
}
.home .floater {
  display: none;
}
.floater--left {
  left: 0;
}
.floater--right {
  right: 0;
}
.floater-link {
  display: inline-block;
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(images/sahc_pictos_double.svg) 0 0 no-repeat transparent;
  background-size: 200%;
  width: 5rem;
  height: 5rem;
  width: 7.5rem;
  height: 15rem;
}
.floater-link--slogan {
  background-position: 0 -98rem;
}
.floater-link--slogan:hover {
  background-position: -7.5rem -98rem;
}
.floater-link--event-date {
  background-position: 0 -113rem;
}
.floater-link--event-date:hover {
  background-position: -7.5rem -113rem;
}
/* wp page navi
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.wp-pagenavi {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.wp-pagenavi span,
.wp-pagenavi a {
  padding-right: 1rem;
}
.wp-pagenavi .pages:after {
  content: ":";
}
/* image gallery
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.gallery .gallery-item {
  float: left;
}
/* footer
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
footer {
  min-height: 12rem;
}
.footercontainer {
  border-top: 1px solid #000;
  padding-top: 2rem;
}
.footerheader {
  font-family: MuseoSansRounded-700, HelveticaNeue, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  color: #00afe6;
}
.footertext {
  font-size: 1.4rem;
}
/* back to top
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.back-to-top {
  display: inline-block;
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: url(images/sahc_pictos_double.svg) 0 0 no-repeat transparent;
  background-size: 200%;
  width: 5rem;
  height: 5rem;
  background-position: 0 -15rem;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 1em;
  text-indent: -100%;
}
.back-to-top:hover,
.back-to-top:focus,
.back-to-top:active,
.back-to-top.current {
  background-position: -5rem -15rem !important;
}
/* JavaScript initiated state changes
––––––––––––––––––––––––––––––––––––––––––––––––––
*/
.show {
  display: block !important;
}
.show-inline {
  display: inline-block !important;
}