.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px
}
@media (min-width:767px) {
  .container {
    width: 100%
  }
}
@media (min-width:980px) {
  .container {
    width: 960px
  }
}
@media (min-width:1300px) {
  .container {
    width: 960px
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px
}
.row {
  margin-left: -12px;
  margin-right: -12px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left
}
.col-xs-12 {
  width: 100%
}
.col-xs-11 {
  width: 91.66666667%
}
.col-xs-10 {
  width: 83.33333333%
}
.col-xs-9 {
  width: 75%
}
.col-xs-8 {
  width: 66.66666667%
}
.col-xs-7 {
  width: 58.33333333%
}
.col-xs-6 {
  width: 50%
}
.col-xs-5 {
  width: 41.66666667%
}
.col-xs-4 {
  width: 33.33333333%
}
.col-xs-3 {
  width: 25%
}
.col-xs-2 {
  width: 16.66666667%
}
.col-xs-1 {
  width: 8.33333333%
}
.col-xs-pull-12 {
  right: 100%
}
.col-xs-pull-11 {
  right: 91.66666667%
}
.col-xs-pull-10 {
  right: 83.33333333%
}
.col-xs-pull-9 {
  right: 75%
}
.col-xs-pull-8 {
  right: 66.66666667%
}
.col-xs-pull-7 {
  right: 58.33333333%
}
.col-xs-pull-6 {
  right: 50%
}
.col-xs-pull-5 {
  right: 41.66666667%
}
.col-xs-pull-4 {
  right: 33.33333333%
}
.col-xs-pull-3 {
  right: 25%
}
.col-xs-pull-2 {
  right: 16.66666667%
}
.col-xs-pull-1 {
  right: 8.33333333%
}
.col-xs-pull-0 {
  right: auto
}
.col-xs-push-12 {
  left: 100%
}
.col-xs-push-11 {
  left: 91.66666667%
}
.col-xs-push-10 {
  left: 83.33333333%
}
.col-xs-push-9 {
  left: 75%
}
.col-xs-push-8 {
  left: 66.66666667%
}
.col-xs-push-7 {
  left: 58.33333333%
}
.col-xs-push-6 {
  left: 50%
}
.col-xs-push-5 {
  left: 41.66666667%
}
.col-xs-push-4 {
  left: 33.33333333%
}
.col-xs-push-3 {
  left: 25%
}
.col-xs-push-2 {
  left: 16.66666667%
}
.col-xs-push-1 {
  left: 8.33333333%
}
.col-xs-push-0 {
  left: auto
}
.col-xs-offset-12 {
  margin-left: 100%
}
.col-xs-offset-11 {
  margin-left: 91.66666667%
}
.col-xs-offset-10 {
  margin-left: 83.33333333%
}
.col-xs-offset-9 {
  margin-left: 75%
}
.col-xs-offset-8 {
  margin-left: 66.66666667%
}
.col-xs-offset-7 {
  margin-left: 58.33333333%
}
.col-xs-offset-6 {
  margin-left: 50%
}
.col-xs-offset-5 {
  margin-left: 41.66666667%
}
.col-xs-offset-4 {
  margin-left: 33.33333333%
}
.col-xs-offset-3 {
  margin-left: 25%
}
.col-xs-offset-2 {
  margin-left: 16.66666667%
}
.col-xs-offset-1 {
  margin-left: 8.33333333%
}
.col-xs-offset-0 {
  margin-left: 0
}
@media (min-width:767px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-11 {
    width: 91.66666667%
  }
  .col-sm-10 {
    width: 83.33333333%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-8 {
    width: 66.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-4 {
    width: 33.33333333%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-2 {
    width: 16.66666667%
  }
  .col-sm-1 {
    width: 8.33333333%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-pull-11 {
    right: 91.66666667%
  }
  .col-sm-pull-10 {
    right: 83.33333333%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-8 {
    right: 66.66666667%
  }
  .col-sm-pull-7 {
    right: 58.33333333%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-5 {
    right: 41.66666667%
  }
  .col-sm-pull-4 {
    right: 33.33333333%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-2 {
    right: 16.66666667%
  }
  .col-sm-pull-1 {
    right: 8.33333333%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-push-11 {
    left: 91.66666667%
  }
  .col-sm-push-10 {
    left: 83.33333333%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-8 {
    left: 66.66666667%
  }
  .col-sm-push-7 {
    left: 58.33333333%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-5 {
    left: 41.66666667%
  }
  .col-sm-push-4 {
    left: 33.33333333%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-2 {
    left: 16.66666667%
  }
  .col-sm-push-1 {
    left: 8.33333333%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }
  .col-sm-offset-0 {
    margin-left: 0
  }
}
@media (min-width:980px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-11 {
    width: 91.66666667%
  }
  .col-md-10 {
    width: 83.33333333%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-8 {
    width: 66.66666667%
  }
  .col-md-7 {
    width: 58.33333333%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-5 {
    width: 41.66666667%
  }
  .col-md-4 {
    width: 33.33333333%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-2 {
    width: 16.66666667%
  }
  .col-md-1 {
    width: 8.33333333%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-pull-11 {
    right: 91.66666667%
  }
  .col-md-pull-10 {
    right: 83.33333333%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-8 {
    right: 66.66666667%
  }
  .col-md-pull-7 {
    right: 58.33333333%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-5 {
    right: 41.66666667%
  }
  .col-md-pull-4 {
    right: 33.33333333%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-2 {
    right: 16.66666667%
  }
  .col-md-pull-1 {
    right: 8.33333333%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-push-11 {
    left: 91.66666667%
  }
  .col-md-push-10 {
    left: 83.33333333%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-8 {
    left: 66.66666667%
  }
  .col-md-push-7 {
    left: 58.33333333%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-5 {
    left: 41.66666667%
  }
  .col-md-push-4 {
    left: 33.33333333%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-2 {
    left: 16.66666667%
  }
  .col-md-push-1 {
    left: 8.33333333%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
}
@media (min-width:1300px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-11 {
    width: 91.66666667%
  }
  .col-lg-10 {
    width: 83.33333333%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-8 {
    width: 66.66666667%
  }
  .col-lg-7 {
    width: 58.33333333%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-5 {
    width: 41.66666667%
  }
  .col-lg-4 {
    width: 33.33333333%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-2 {
    width: 16.66666667%
  }
  .col-lg-1 {
    width: 8.33333333%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-pull-11 {
    right: 91.66666667%
  }
  .col-lg-pull-10 {
    right: 83.33333333%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-8 {
    right: 66.66666667%
  }
  .col-lg-pull-7 {
    right: 58.33333333%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-5 {
    right: 41.66666667%
  }
  .col-lg-pull-4 {
    right: 33.33333333%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-2 {
    right: 16.66666667%
  }
  .col-lg-pull-1 {
    right: 8.33333333%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-push-11 {
    left: 91.66666667%
  }
  .col-lg-push-10 {
    left: 83.33333333%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-8 {
    left: 66.66666667%
  }
  .col-lg-push-7 {
    left: 58.33333333%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-5 {
    left: 41.66666667%
  }
  .col-lg-push-4 {
    left: 33.33333333%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-2 {
    left: 16.66666667%
  }
  .col-lg-push-1 {
    left: 8.33333333%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
}
.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 0
}
.alert h4 {
  margin-top: 0;
  color: inherit
}
.alert .alert-link {
  font-weight: 700
}
.alert > p,
.alert > ul {
  margin-bottom: 0
}
.alert > p + p {
  margin-top: 5px
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit
}
.alert-success {
  background-color: #9acd32;
  border-color: #9acd32;
  color: #2a2a2a
}
.alert-success hr {
  border-top-color: #8bb92d
}
.alert-success .alert-link {
  color: #101010
}
.alert-info {
  background-color: #6495ed;
  border-color: #6495ed;
  color: #fff
}
.alert-info hr {
  border-top-color: #4d85ea
}
.alert-info .alert-link {
  color: #e6e6e6
}
.alert-warning {
  background-color: Bisque;
  border-color: Bisque;
  color: #2a2a2a
}
.alert-warning hr {
  border-top-color: #ffd8aa
}
.alert-warning .alert-link {
  color: #101010
}
.alert-danger {
  background-color: #dc143c;
  border-color: #dc143c;
  color: #fff
}
.alert-danger hr {
  border-top-color: #c51236
}
.alert-danger .alert-link {
  color: #e6e6e6
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}
audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block
}
a:active,
a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted;
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted
}
mark {
  background: #ff0;
  color: #000
}
img {
  border: 0;
  max-width: 100%
}
hr {
  box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  overflow: auto
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
audio:not([controls]) {
  display: none;
  height: 0
}
progress {
  vertical-align: baseline
}
[hidden],
template {
  display: none
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #217c65
}
b,
strong {
  font-weight: bolder
}
dfn {
  font-style: italic
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
svg:not(:root) {
  overflow: hidden
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px
}
legend {
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-input-placeholder {
  opacity: .54
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
blockquote,
body,
caption,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
  margin: 0;
  padding: 0
}
abbr[title],
dfn[title] {
  cursor: help
}
ins,
u {
  text-decoration: none
}
*,
:after,
:before {
  box-sizing: inherit
}
.font-standard {
  font-family: GloberSemiBold,Arial,sans-serif;
  font-weight: 400
}
.font-medium {
  font-family: 'Open Sans','Trebuchet MS',Arial,Helvetica,sans-serif;
  font-weight: 600
}
.font-bold {
  font-family: 'Open Sans','Trebuchet MS',Arial,Helvetica,sans-serif;
  font-weight: 700
}
.font-picto {
  font-family: pictos;
  font-weight: 400
}
.look-alpha,
.look-beta,
h1,
h2 {
  font-size: 2.8rem;
  line-height: 3.4rem;
  font-family: LemonYellowSun,Times,serif
}
.look-gamma,
h3 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: GloberSemiBold,Arial,sans-serif
}
.look-delta,
.look-epsilon,
.look-eta,
.look-zeta,
h4,
h5,
h6,
h7 {
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: GloberSemiBold,Arial,sans-serif
}
.container .container {
  max-width: 100%
}
.float-md,
.float-sm,
.float-xs {
  margin-top: 16px
}
@media (min-width:320px) {
  .float-xs {
    margin-top: 0
  }
}
@media (min-width:767px) {
  .float-sm {
    margin-top: 0
  }
}
@media (min-width:980px) {
  .float-md {
    margin-top: 0
  }
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
  font-family: GloberSemiBold,Arial,sans-serif;
  font-weight: 400
}
button,
input,
select,
textarea {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: GloberSemiBold,Arial,sans-serif
}
a:focus {
  outline: 0
}
a:focus img {
  outline: rgba(127,127,127,.5) solid 1px
}
span:focus {
  text-decoration: underline;
  outline: 0
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.visually,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
  content: " ";
  display: table
}
.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
  clear: both
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.pull-right {
  float: right!important
}
.pull-left {
  float: left!important
}
.hide {
  display: none!important
}
.show {
  display: block!important
}
.invisible {
  visibility: hidden
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}
.hidden {
  visibility: hidden;
  display: none!important
}
.affix {
  position: fixed
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none!important
}
@media (max-width:766px) {
  .visible-xs {
    display: block!important
  }
  table.visible-xs {
    display: table!important
  }
  tr.visible-xs {
    display: table-row!important
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell!important
  }
  .visible-xs-block {
    display: block!important
  }
  .visible-xs-inline {
    display: inline!important
  }
  .visible-xs-inline-block {
    display: inline-block!important
  }
}
@media (min-width:767px) and (max-width:979px) {
  .visible-sm {
    display: block!important
  }
  table.visible-sm {
    display: table!important
  }
  tr.visible-sm {
    display: table-row!important
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell!important
  }
  .visible-sm-block {
    display: block!important
  }
  .visible-sm-inline {
    display: inline!important
  }
  .visible-sm-inline-block {
    display: inline-block!important
  }
}
@media (min-width:980px) and (max-width:1299px) {
  .visible-md {
    display: block!important
  }
  table.visible-md {
    display: table!important
  }
  tr.visible-md {
    display: table-row!important
  }
  td.visible-md,
  th.visible-md {
    display: table-cell!important
  }
  .visible-md-block {
    display: block!important
  }
  .visible-md-inline {
    display: inline!important
  }
  .visible-md-inline-block {
    display: inline-block!important
  }
}
@media (min-width:1300px) {
  .visible-lg {
    display: block!important
  }
  table.visible-lg {
    display: table!important
  }
  tr.visible-lg {
    display: table-row!important
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell!important
  }
  .visible-lg-block {
    display: block!important
  }
  .visible-lg-inline {
    display: inline!important
  }
  .visible-lg-inline-block {
    display: inline-block!important
  }
  .hidden-lg {
    display: none!important
  }
}
@media (max-width:766px) {
  .hidden-xs {
    display: none!important
  }
}
@media (min-width:767px) and (max-width:979px) {
  .hidden-sm {
    display: none!important
  }
}
@media (min-width:980px) and (max-width:1299px) {
  .hidden-md {
    display: none!important
  }
}
.visible-print {
  display: none!important
}
@media print {
  .visible-print {
    display: block!important
  }
  table.visible-print {
    display: table!important
  }
  tr.visible-print {
    display: table-row!important
  }
  td.visible-print,
  th.visible-print {
    display: table-cell!important
  }
}
.visible-print-block {
  display: none!important
}
@media print {
  .visible-print-block {
    display: block!important
  }
}
.visible-print-inline {
  display: none!important
}
@media print {
  .visible-print-inline {
    display: inline!important
  }
}
.visible-print-inline-block {
  display: none!important
}
@media print {
  .visible-print-inline-block {
    display: inline-block!important
  }
  .hidden-print {
    display: none!important
  }
}
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  line-height: 20px
}
.richtext p {
  line-height: 20px
}
.richtext address,
.richtext dl,
.richtext ol,
.richtext p,
.richtext table,
.richtext ul {
  margin-bottom: 24px
}
.richtext address:last-child,
.richtext dl:last-child,
.richtext ol:last-child,
.richtext p:last-child,
.richtext table:last-child,
.richtext ul:last-child {
  margin-bottom: 0
}
.richtext address+.buttons,
.richtext address+h1,
.richtext address+h2,
.richtext dl+.buttons,
.richtext dl+h1,
.richtext dl+h2,
.richtext ol+.buttons,
.richtext ol+h1,
.richtext ol+h2,
.richtext p+.buttons,
.richtext p+h1,
.richtext p+h2,
.richtext table+.buttons,
.richtext table+h1,
.richtext table+h2,
.richtext ul+.buttons,
.richtext ul+h1,
.richtext ul+h2 {
  margin-top: 24px
}
.richtext ul {
  padding: 0
}
.richtext ol {
  padding: 0;
  list-style-type: decimal-leading-zero
}
.richtext ol li,
.richtext ul li {
  padding: 0;
  margin: 0 0 8px
}
.richtext ol li:last-child,
.richtext ul li:last-child {
  margin-bottom: 0
}
.richtext ol li ol,
.richtext ol li ul,
.richtext ul li ol,
.richtext ul li ul {
  margin-left: 1.4em;
  margin-top: 24px
}
.richtext dt {
  font-family: 'Open Sans','Trebuchet MS',Arial,Helvetica,sans-serif;
  font-weight: 700
}
.richtext dd + dt {
  margin-top: 24px
}
.richtext blockquote {
  padding: 0 24px;
  margin: 0 0 24px;
  position: relative
}
.richtext blockquote:before {
  font-family: icomoon;
  content: "\e978";
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  position: absolute;
  top: 0;
  left: 2.8125em
}
.richtext .contents + .contents {
  padding-top: 0
}
.richtext address:empty,
.richtext blockquote:empty,
.richtext dl:empty,
.richtext h1:empty,
.richtext h2:empty,
.richtext h3:empty,
.richtext h4:empty,
.richtext h5:empty,
.richtext li:empty,
.richtext ol:empty,
.richtext p:empty,
.richtext ul:empty {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
  padding: 0
}
@media (min-width:980px) {
  .richtext ul {
    margin-left: 3.75em
  }
  .richtext ol {
    margin-left: 4.375em
  }
  .section-text-breaking .headline > * {
    display: block;
    font-size: 30px
  }
  .section-text-breaking .richtext {
    font-size: 24px
  }
}
.mytyFormBox {
  width: 100%;
  margin: 0;
  font-size: 14px
}
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  width: 100%;
  font-family: GloberSemiBold,Arial,sans-serif;
  font-weight: 400
}
select {
  text-transform: none;
  width: 100%
}
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] {
  box-sizing: border-box;
  padding: 0;
  margin: 4px 0 0;
  line-height: normal
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  box-sizing: border-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
input[type=file] {
  display: block
}
input[type=range] {
  display: block;
  width: 100%
}
select[multiple],
select[size] {
  height: auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px
}
output {
  display: block;
  padding-top: 9px;
  font-size: 14px;
  line-height: 20px;
  color: #2a2a2a
}
optgroup {
  font-family: 'Open Sans','Trebuchet MS',Arial,Helvetica,sans-serif;
  font-weight: 700
}
select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit
}
textarea {
  overflow: auto;
  resize: vertical
}
.tyFormHiddenGroup {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.mytyFormBody {
  margin: 0 -.8rem
}
.mytyFormBox,
.mytyFormField {
  margin-bottom: 1.6rem;
  clear: both;
  float: none
}
.mytyFormField .mytyFormBox {
  margin-bottom: .4rem
}
.mytyFormField {
  padding: 0
}
.col-fm-10,
.col-fm-12,
.col-fm-2,
.col-fm-3,
.col-fm-4,
.col-fm-6,
.col-fm-8,
.col-fm-9 {
  width: 100%;
  float: none;
  clear: both
}
.div-mytyFormBoxHsr + .mytyFormBox,
.mytyFormBox.last + *,
.mytyFormBox.last + .mytyFormBox,
.mytyFormBox.last + .mytyFormField,
.mytyFormField.last + *,
.mytyFormField.last + .mytyFormBox,
.mytyFormField.last + .mytyFormField {
  clear: left
}
.mytyFormEmailValidation,
.mytyFormPasswordValidation {
  width: 100%;
  float: none;
  clear: both
}
.mytyFormEmailValidation .mytyFormBox,
.mytyFormPasswordValidation .mytyFormBox {
  width: 100%;
  float: none;
  clear: both;
  padding-left: 0;
  padding-right: 0
}
.mytyFormEmailValidation .mytyFormElementErrorMsg,
.mytyFormPasswordValidation .mytyFormElementErrorMsg {
  margin-left: .8rem;
  margin-right: .8rem
}
@media (min-width:320px) {
  .col-fm-6 {
    width: 50%;
    float: left;
    clear: none
  }
  .mytyFormBox.last + *,
  .mytyFormField.last + * {
    clear: left
  }
  .buttons button {
    width: auto
  }
}
@media (min-width:767px) {
  .col-fm-1,
  .col-fm-10,
  .col-fm-11,
  .col-fm-2,
  .col-fm-3,
  .col-fm-4,
  .col-fm-5,
  .col-fm-6,
  .col-fm-7,
  .col-fm-8,
  .col-fm-9,
  [class*=mytyFormPassword] {
    float: left;
    clear: none
  }
  .col-fm-1 {
    width: 8.33333333%
  }
  .col-fm-2 {
    width: 16.66666667%
  }
  .col-fm-3 {
    width: 25%
  }
  .col-fm-4 {
    width: 33.33333333%
  }
  .col-fm-5 {
    width: 41.66666667%
  }
  .col-fm-6 {
    width: 50%
  }
  .col-fm-7 {
    width: 58.33333333%
  }
  .col-fm-8 {
    width: 66.66666667%
  }
  .col-fm-9 {
    width: 75%
  }
  .col-fm-10 {
    width: 83.33333333%
  }
  .col-fm-11 {
    width: 91.66666667%
  }
  .col-fm-12 {
    width: 100%
  }
  .mytyFormEmailValidation,
  .mytyFormPasswordValidation {
    padding: 0
  }
  .mytyFormEmailValidation .mytyFormBox,
  .mytyFormPasswordValidation .mytyFormBox {
    width: 50%;
    float: left;
    clear: none;
    padding-left: 8px;
    padding-right: 8px
  }
  .mytyFormEmailValidation .mytyFormElementErrorMsg,
  .mytyFormPasswordValidation .mytyFormElementErrorMsg {
    padding-bottom: 1.6rem
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
  display: block;
  float: none
}
fieldset + fieldset {
  margin-top: 2.4rem
}
legend {
  display: block;
  width: 100%;
  padding: 0 8px;
  margin: 0 0 12px;
  border: 0;
  border-bottom: 1px solid transparent;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #2a2a2a;
  font-family: 'Open Sans','Trebuchet MS',Arial,Helvetica,sans-serif;
  font-weight: 700;
  color: inherit
}
legend .small,
legend small {
  font-weight: 400;
  color: #999;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: GloberSemiBold,Arial,sans-serif
}
.mytyFormSingleFieldset legend {
  display: none
}
.mytyFormElementDescription {
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: GloberSemiBold,Arial,sans-serif;
  margin-bottom: .8rem
}
.mytyFormFieldsetDescription {
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: GloberSemiBold,Arial,sans-serif;
  margin-bottom: .8rem;
  padding: 0 .8rem
}
.mytyFormFieldsetDescription:empty {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
label {
  font-family: GloberSemiBold,Arial,sans-serif;
  font-weight: 400;
  display: inline-block;
  margin-bottom: .8rem;
  padding: .8rem 0
}
.mytyFormCheckbox-headline,
.mytyFormRadio-headline {
  font-family: GloberSemiBold,Arial,sans-serif;
  font-weight: 400;
  margin-bottom: .8rem
}
.mytyFormRequired label:after {
  content: ' *'
}
.ui-datepicker {
  display: none;
  border: 1px solid #000;
  border-radius: 0;
  background-color: #fff;
  width: 299px;
  margin-top: -1px;
  font-family: 'Open Sans','Trebuchet MS',Arial,Helvetica,sans-serif
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 5px 0
}
.ui-datepicker .ui-datepicker-header a {
  text-decoration: none;
  transition-property: color;
  transition-duration: 1s;
  color: #304b50;
  cursor: pointer
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e,
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w {
  display: inline-block;
  font-family: pictos;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  text-decoration: none
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e:before,
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w:before {
  padding-right: 20px;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1em
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e:after,
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w:after {
  padding-left: 20px;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1em
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w:before {
  content: "\ea38";
  padding-left: 5px
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e:before {
  content: "\ea34";
  padding-left: 5px
}
.ui-datepicker .ui-datepicker-header a:hover {
  color: #87c00f
}
.ui-datepicker .ui-datepicker-header a.ui-state-disabled {
  opacity: .33
}
.ui-datepicker .ui-datepicker-header a.ui-state-disabled:hover {
  color: #304b50;
  cursor: not-allowed
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
  color: #97a5a7
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 1px;
  width: 1.8em;
  height: 1.8em;
  overflow: hidden
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  top: 1px
}
.ui-datepicker .ui-datepicker-prev {
  left: 1px
}
.ui-datepicker .ui-datepicker-next {
  right: 1px
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 20px;
  text-align: center;
  background-color: #fff
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%
}
.ui-datepicker select {
  color: #2a2a2a;
  border-color: #000;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.ui-datepicker select:focus {
  border-color: #000;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #333
}
.ui-datepicker table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 0;
  font-family: 'Open Sans','Trebuchet MS',Arial,Helvetica,sans-serif
}
.ui-datepicker th {
  padding: .2em;
  text-align: center;
  font-weight: 400;
  border: 0;
  color: #fff;
  background-color: #304b50;
  text-transform: uppercase
}
.ui-datepicker td {
  border: 0;
  padding: 0;
  background-color: #5d5d5d
}
.ui-datepicker td.ui-datepicker-today {
  background-color: #c0c9ca;
  color: #fff
}
.ui-datepicker td .ui-state-default {
  border: none;
  text-align: center;
  font-weight: 400
}
.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
  background-color: #5d5d5d;
  color: #f7f7f7
}
.ui-datepicker td a {
  transition-property: background;
  transition-duration: 1s
}
.ui-datepicker td a:hover {
  background-color: #87c00f
}
.ui-datepicker td span {
  opacity: .33
}
.ui-datepicker td span:hover {
  cursor: not-allowed
}
.ui-datepicker td.ui-datepicker-today a,
.ui-datepicker td.ui-datepicker-today span {
  background-color: #304b50;
  color: #fff;
  opacity: 1
}
.ui-datepicker td.ui-datepicker-today a:hover,
.ui-datepicker td.ui-datepicker-today span:hover {
  background-color: #5d5d5d;
  color: #f7f7f7
}
.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td.ui-datepicker-current-day span {
  background-color: #9acd32;
  color: #fff
}
.ui-datepicker td.ui-datepicker-current-day a:hover,
.ui-datepicker td.ui-datepicker-current-day span:hover {
  background-color: #5d5d5d;
  color: #f7f7f7
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em;
  width: auto;
  overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}
.ui-datepicker .ui-datepicker-other-month {
  background-color: #f7f7f7;
  opacity: 1
}
.ui-datepicker.ui-datepicker-multi {
  width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}
.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px
}
.tyFormTextCounter {
  padding-left: 5px
}
.mytyFormControl,
.mytyFormRichtextBox .tyContent {
  display: block;
  width: 100%;
  padding: .8rem 1.2rem;
  font-family: GloberSemiBold,Arial,sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #2a2a2a;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: normal;
  -moz-appearance: normal;
  appearance: normal;
  height: auto;
  min-height: 38px
}
.mytyFormControl::-moz-placeholder,
.mytyFormRichtextBox .tyContent::-moz-placeholder {
  color: #999;
  opacity: 1
}
.mytyFormControl:-ms-input-placeholder,
.mytyFormRichtextBox .tyContent:-ms-input-placeholder {
  color: #999
}
.mytyFormControl::-webkit-input-placeholder,
.mytyFormRichtextBox .tyContent::-webkit-input-placeholder {
  color: #999
}
.mytyFormControl:focus,
.mytyFormRichtextBox .tyContent:focus {
  background-color: #fff;
  border-color: #2a2a2a;
  outline: 0;
  color: #2a2a2a
}
.mytyFormControl:focus::-moz-placeholder,
.mytyFormRichtextBox .tyContent:focus::-moz-placeholder {
  color: #fff;
  opacity: 1
}
.mytyFormControl:focus:-ms-input-placeholder,
.mytyFormRichtextBox .tyContent:focus:-ms-input-placeholder {
  color: #fff
}
.mytyFormControl:focus::-webkit-input-placeholder,
.mytyFormRichtextBox .tyContent:focus::-webkit-input-placeholder {
  color: #fff
}
.mytyFormControl[disabled],
.mytyFormControl[readonly],
.mytyFormRichtextBox .tyContent[disabled],
.mytyFormRichtextBox .tyContent[readonly],
fieldset[disabled] .mytyFormControl,
fieldset[disabled] .mytyFormRichtextBox .tyContent {
  cursor: not-allowed;
  background-color: #f7f7f7
}
select.mytyFormControl,
select.mytyFormRichtextBox .tyContent {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0EwQTBBMDt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIgMTguMmwzLjItMy4yIDEuNCAxLjQtNC42IDQuNi00LjYtNC42IDEuNC0xLjQgMy4yIDMuMnptMC0xMi40bC0zLjIgMy4yLTEuNC0xLjQgNC42LTQuNiA0LjYgNC42LTEuNCAxLjQtMy4yLTMuMnoiLz48L3N2Zz4=);
  background-position: right center;
  background-repeat: no-repeat
}
select.mytyFormControl::-ms-expand,
select.mytyFormRichtextBox .tyContent::-ms-expand {
  display: none
}
.mytyFormRichtextBox .tyContent {
  width: 100%!important;
  height: auto!important;
  min-height: 150px;
  overflow: visible!important
}
.mytyFormRichtextBox table.tyTBBorder a img,
.mytyFormRichtextBox table.tyTBBorder img {
  border: 0;
  border-radius: 0;
  width: auto;
  max-width: 19px;
  overflow: hidden
}
.mytyFormRichtextBox table.tyTBBorder .tyTBRight1ButtonBG,
.mytyFormRichtextBox table.tyTBBorder .tyTBRight1ButtonBGhover,
.mytyFormRichtextBox table.tyTBBorder .tyTBRight1DisabledButton {
  width: 23px;
  height: auto
}
.mytyFormRichtextBox table.tyTBBorder .tyTBRight1Seperator,
.mytyFormRichtextBox table.tyTBBorder .tyTBRight1Seperator img {
  height: 25px
}
.mytyFormControl--lg {
  padding: 1.2rem 1.6rem;
  font-size: 2.8rem;
  line-height: 3.4rem;
  height: 6rem;
  border-radius: 0
}
.mytyFormControl--md,
.mytyFormControl--sm {
  padding: .4rem .8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  height: 3rem;
  border-radius: 0
}
.mytyFormInputGroup {
  position: relative;
  display: table;
  border-collapse: separate
}
.mytyFormInputGroup[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0
}
.mytyFormInputGroup .mytyFormControl {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}
.mytyFormInputGroup .mytyFormControl:focus {
  z-index: 3
}
.mytyFormInputGroup .mytyFormControl,
.mytyFormInputGroup-addon,
.mytyFormInputGroup-btn {
  display: table-cell
}
.mytyFormInputGroup .mytyFormControl:not(:first-child):not(:last-child),
.mytyFormInputGroup-addon:not(:first-child):not(:last-child),
.mytyFormInputGroup-btn:not(:first-child):not(:last-child) {
  border-radius: 0
}
.mytyFormInputGroup-addon,
.mytyFormInputGroup-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle
}
.mytyFormInputGroup-addon {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0
}
.mytyFormInputGroup-addon input[type=checkbox],
.mytyFormInputGroup-addon input[type=radio] {
  margin-top: 0
}
.mytyFormInputGroup .form-control:first-child,
.mytyFormInputGroup-addon:first-child,
.mytyFormInputGroup-btn:first-child > .btn,
.mytyFormInputGroup-btn:first-child > .btn-group > .btn,
.mytyFormInputGroup-btn:first-child > .dropdown-toggle,
.mytyFormInputGroup-btn:last-child > .btn-group:not(:last-child) > .btn,
.mytyFormInputGroup-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
.mytyFormInputGroup-addon:first-child {
  border-right: 0
}
.mytyFormInputGroup .form-control:last-child,
.mytyFormInputGroup-addon:last-child,
.mytyFormInputGroup-btn:first-child > .btn-group:not(:first-child) > .btn,
.mytyFormInputGroup-btn:first-child > .btn:not(:first-child),
.mytyFormInputGroup-btn:last-child > .btn,
.mytyFormInputGroup-btn:last-child > .btn-group > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
.mytyFormInputGroup-addon:last-child {
  border-left: 0
}
.mytyFormInputGroup-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap
}
.mytyFormInputGroup-btn > .btn {
  position: relative
}
.mytyFormInputGroup-btn > .btn + .btn {
  margin-left: -1px
}
.mytyFormInputGroup-btn > .btn:active,
.mytyFormInputGroup-btn > .btn:focus,
.mytyFormInputGroup-btn > .btn:hover {
  z-index: 2
}
.mytyFormInputGroup-btn:first-child > .btn,
.mytyFormInputGroup-btn:first-child > .btn-group {
  margin-right: -1px
}
.mytyFormInputGroup-btn:last-child > .btn,
.mytyFormInputGroup-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px
}
.mytyFormCheckbox-headline,
.mytyFormField .mytyFormElementDescription,
.mytyFormRadio-headline {
  padding: .8rem
}
.mytyFormField .mytyFormLabel {
  display: inline-block;
  padding-left: 2.2rem;
  vertical-align: middle
}
.mytyFormField label {
  margin-bottom: 0
}
.mytyFormField input[type=checkbox],
.mytyFormField input[type=radio] {
  display: inline-block;
  height: 1.4rem;
  width: 1.4rem;
  border: 1px solid #000;
  overflow: hidden;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: 0;
  background: #fff;
  position: absolute;
  margin-top: 1.2rem
}
.mytyFormField input[type=radio] {
  border-radius: 50%
}
.mytyFormField input[type=checkbox]:before,
.mytyFormField input[type=radio]:before {
  display: block
}
.mytyFormField input[type=radio]:checked:before {
  content: '';
  height: 1.4rem;
  width: 1.4rem;
  margin: -1px auto 0;
  border-radius: 50%;
  background: #00a8e6
}
.mytyFormField input[type=checkbox]:checked:before,
.mytyFormField input[type=checkbox]:indeterminate:before {
  content: "\e5ca";
  -webkit-font-smoothing: antialiased;
  text-align: center
}
.mytyFormField input[type=checkbox]:indeterminate:before {
  content: "\e5ca"
}
.mytyFormField input[type=checkbox]:disabled,
.mytyFormField input[type=radio]:disabled {
  border-color: #999
}
.mytyFormField input[type=radio]:disabled:checked:before {
  background-color: #f7f7f7
}
.mytyFormField input[type=checkbox]:disabled:checked:before,
.mytyFormField input[type=checkbox]:disabled:indeterminate:before {
  color: #777
}
.mytyFormCheckboxInlineField .mytyFormBox,
.mytyFormRadioInlineField .mytyFormBox {
  width: auto;
  display: inline-block
}
.mytyFormCheckboxInlineField label,
.mytyFormRadioInlineField label {
  vertical-align: middle;
  padding: 0 0 0 5rem;
  position: relative
}
.mytyFormCheckboxInlineField label:after,
.mytyFormCheckboxInlineField label:before,
.mytyFormRadioInlineField label:after,
.mytyFormRadioInlineField label:before {
  content: " ";
  display: table
}
.mytyFormCheckboxInlineField label:after,
.mytyFormRadioInlineField label:after {
  clear: both
}
.mytyFormCheckboxInlineField input[type=checkbox],
.mytyFormCheckboxInlineField input[type=radio],
.mytyFormRadioInlineField input[type=checkbox],
.mytyFormRadioInlineField input[type=radio] {
  margin-top: 0;
  line-height: normal;
  position: absolute;
  left: 0;
  top: 2px;
  margin-right: .8rem
}
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
  cursor: not-allowed
}
.mytyFormCaptchaBox {
  padding: 0 10px
}
.mytyFormCaptchaBox:after,
.mytyFormCaptchaBox:before {
  content: " ";
  display: table
}
.mytyFormCaptchaBox:after {
  clear: both
}
.mytyFormCaptchaBox .mytyFormElementDescription,
.mytyFormCaptchaBox .mytyFormElementErrorMsg,
.mytyFormCaptchaBox .mytyFormElementInfoMsg,
.mytyFormCaptchaBox .mytyFormElementSuccessMsg,
.mytyFormCaptchaBox .mytyFormElementWarningMsg,
.mytyFormCaptchaBox .mytyFormLabel {
  float: none;
  clear: both
}
.mytyFormCaptchaImgBox {
  width: 180px;
  float: left;
  padding: 0;
  position: relative;
  z-index: 5
}
.mytyFormCaptchaImgBox img {
  border-radius: 0;
  border-width: 0;
  max-width: 100%;
  height: 3.8rem;
  display: block
}
.mytyFormCaptchaInputBox {
  padding: 0;
  width: 100%;
  float: left;
  margin-left: -180px;
  position: relative;
  z-index: 4
}
.mytyFormCaptchaInputBox input[type=text] {
  padding-left: 190px
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5
}
button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none
}
.has-info .info {
  display: none!important
}
.mytyFormElementErrorMsg,
.mytyFormElementInfoMsg,
.mytyFormElementSuccessMsg,
.mytyFormElementWarningMsg {
  float: none;
  clear: both;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 0;
  margin-top: .8rem
}
.mytyFormElementErrorMsg h4,
.mytyFormElementInfoMsg h4,
.mytyFormElementSuccessMsg h4,
.mytyFormElementWarningMsg h4 {
  margin-top: 0;
  color: inherit
}
.mytyFormElementErrorMsg .alert-link,
.mytyFormElementInfoMsg .alert-link,
.mytyFormElementSuccessMsg .alert-link,
.mytyFormElementWarningMsg .alert-link {
  font-weight: 700
}
.mytyFormElementErrorMsg > p,
.mytyFormElementErrorMsg > ul,
.mytyFormElementInfoMsg > p,
.mytyFormElementInfoMsg > ul,
.mytyFormElementSuccessMsg > p,
.mytyFormElementSuccessMsg > ul,
.mytyFormElementWarningMsg > p,
.mytyFormElementWarningMsg > ul {
  margin-bottom: 0
}
.mytyFormElementErrorMsg > p + p,
.mytyFormElementInfoMsg > p + p,
.mytyFormElementSuccessMsg > p + p,
.mytyFormElementWarningMsg > p + p {
  margin-top: 5px
}
.mytyFormError label {
  color: #dc143c
}
.mytyFormError .mytyFormControl {
  color: #dc143c;
  background-color: #fff;
  border-color: #dc143c
}
.mytyFormError .mytyFormControl:focus {
  border-color: #999;
  color: #2a2a2a;
  background-color: #fff
}
.mytyFormError .input-group-addon {
  color: #dc143c;
  background-color: #fff;
  border-color: #dc143c
}
.mytyFormSuccess label {
  color: #9acd32
}
.mytyFormSuccess .mytyFormControl {
  color: #2a2a2a;
  background-color: #fff;
  border-color: #9acd32
}
.mytyFormSuccess .mytyFormControl:focus {
  border-color: #999;
  color: #2a2a2a;
  background-color: #fff
}
.mytyFormSuccess .input-group-addon {
  color: #2a2a2a;
  background-color: #fff;
  border-color: #9acd32
}
.mytyFormWarning label {
  color: Bisque
}
.mytyFormWarning .mytyFormControl {
  color: #2a2a2a;
  background-color: #fff;
  border-color: Bisque
}
.mytyFormWarning .mytyFormControl:focus {
  border-color: #999;
  color: #2a2a2a;
  background-color: #fff
}
.mytyFormWarning .input-group-addon {
  color: #2a2a2a;
  background-color: #fff;
  border-color: Bisque
}
.mytyFormInfo label {
  color: #6495ed
}
.mytyFormInfo .mytyFormControl {
  color: #2a2a2a;
  background-color: #fff;
  border-color: #6495ed
}
.mytyFormInfo .mytyFormControl:focus {
  border-color: #999;
  color: #2a2a2a;
  background-color: #fff
}
.mytyFormInfo .input-group-addon {
  color: #2a2a2a;
  background-color: #fff;
  border-color: #6495ed
}
.mytyFormBtnBox:after,
.mytyFormBtnBox:before {
  content: " ";
  display: table
}
.mytyFormBtnBox:after {
  clear: both
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0!important;
  -webkit-backface-visibility: hidden
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}
.mfp-align-top .mfp-container:before {
  display: none
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}
.mfp-ajax-cur {
  cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out
}
.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
  cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.mfp-loading.mfp-figure {
  display: none
}
.mfp-hide {
  display: none!important
}
.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}
.mfp-preloader a {
  color: #ccc
}
.mfp-preloader a:hover {
  color: #fff
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none
}
button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation
}
button::-moz-focus-inner {
  padding: 0;
  border: 0
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace
}
.mfp-close:focus,
.mfp-close:hover {
  opacity: 1
}
.mfp-close:active {
  top: 1px
}
.mfp-close-btn-in .mfp-close {
  color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}
.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
  margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}
.mfp-arrow-left {
  left: 0
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
  right: 0
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}
.mfp-iframe-holder .mfp-close {
  top: -40px
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #000
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}
.mfp-figure {
  line-height: 0
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #444
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}
.mfp-figure figure {
  margin: 0
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}
.mfp-image-holder .mfp-content {
  max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,0,0,.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,.6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}
@media all and (max-width:900px) {
  .mfp-arrow {
    transform: scale(.75)
  }
  .mfp-arrow-left {
    transform-origin: 0
  }
  .mfp-arrow-right {
    transform-origin: 100%
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0,0,0)
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
.slick-dots {
  position: absolute;
  z-index: 2;
  bottom: 84px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  border: 3px solid #fff;
  border-radius: 50%;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: .2s ease-in-out
}
.slick-dots li button:focus {
  border: 7px solid #fff;
  box-shadow: 0 0 10px #000
}
.slick-dots li.slick-active button {
  background: #fef100
}
@media (max-width:480px) {
  .slick-list,
  .slick-slide {
    height: 430px!important
  }
  .teaser__media.slick-slider img {
    position: absolute;
    z-index: 1;
    width: auto;
    height: 380px;
    max-width: none;
    transform: translateX(-25%)
  }
}
@media (min-width:767px) {
  .slick-dots {
    bottom: 15px
  }
}
@media (min-width:980px) {
  .slick-dots {
    bottom: 90px
  }
  .slick-dots li {
    margin: 0 10px
  }
  .slick-dots li.slick-active button,
  .slick-dots li:hover button {
    border: 7px solid #fff
  }
  .slick-dots li,
  .slick-dots li button {
    height: 35px;
    width: 35px
  }
}
@font-face {
  font-family: PackDeinStudium;
  src: url(../fonts/PackDeinStudium.ttf) format('truetype'),url(../fonts/PackDeinStudium.woff) format('woff');
  font-weight: 400;
  font-style: normal
}
[class*=" picto-"],
[class^=picto-] {
  font-family: PackDeinStudium!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.picto-up_down:before {
  content: "\e910"
}
.picto-link:before {
  content: "\e911"
}
.picto-youtube2:before {
  content: "\ea9e"
}
.picto-close:before {
  content: "\e90f"
}
.picto-bubble:before {
  content: "\e96b"
}
.picto-calendar:before {
  content: "\e953"
}
.picto-compass2:before {
  content: "\e94a"
}
.picto-down:before {
  content: "\e901"
}
.picto-facebook:before {
  content: "\ea90"
}
.picto-google-plus:before {
  content: "\ea8b"
}
.picto-left:before {
  content: "\e902"
}
.picto-linkedin2:before {
  content: "\eaca"
}
.picto-menue:before {
  content: "\e906"
}
.picto-radio-checked2:before {
  content: "\ea55"
}
.picto-radio-unchecked:before {
  content: "\ea56"
}
.picto-right:before {
  content: "\e903"
}
.picto-search:before {
  content: "\e986"
}
.picto-sg-board:before {
  content: "\e907"
}
.picto-sg-bulb:before {
  content: "\e908"
}
.picto-sg-cog:before {
  content: "\e909"
}
.picto-sg-heart:before {
  content: "\e90a"
}
.picto-sg-lab:before {
  content: "\e90b"
}
.picto-sg-pic:before {
  content: "\e90c"
}
.picto-sg-piechart:before {
  content: "\e90d"
}
.picto-sg-tech:before {
  content: "\e905"
}
.picto-sg-world:before {
  content: "\e90e"
}
.picto-share2:before {
  content: "\ea82"
}
.picto-twitter:before {
  content: "\ea96"
}
.picto-up:before {
  content: "\e904"
}
.picto-user:before {
  content: "\e900"
}
.picto-whatsapp:before {
  content: "\ea93"
}
.picto-xing2:before {
  content: "\ead4"
}
@font-face {
  font-family: LemonYellowSun;
  src: url(../fonts/327156_0_0.woff) format('woff2'),url(../fonts/327156_0_0.woff) format('woff'),url(../fonts/327156_0_0.ttf) format('truetype')
}
@font-face {
  font-family: GloberSemiBold;
  src: url(../fonts/31584A_1_0.woff) format('woff2'),url(../fonts/31584A_1_0.woff) format('woff'),url(../fonts/31584A_1_0.ttf) format('truetype')
}
@media print {
  body,
  header {
    height: auto;
    background: 0 0;
    padding: 0
  }
  main {
    min-height: 0
  }
  .header__logo {
    margin-bottom: 32px
  }
  .col-xs-12 {
    width: 100%
  }
  .content-list {
    page-break-inside: avoid;
    margin: 0;
    width: 100%;
    padding: 32px 0 8px;
    border-bottom: 1px solid #217c65
  }
  .content-list:first-of-type {
    border-top: 1px solid #217c65
  }
  .app-box:last-of-type {
    margin-bottom: 0
  }
}
.cookie-bar-wrapper {
  margin: 0 0 24px
}
.cookie-bar {
  background-color: rgba(255,255,255,.97);
  padding: 24px;
  width: 750px;
  max-width: 96%;
  text-align: left;
  border-radius: 5px;
  color: #000;
  position: absolute;
  z-index: 9999;
  top: -10%;
  left: 50%;
  border: 1px solid #eee;
  opacity: 0;
  transform: translateX(-50%);
  transition: .3s ease-in-out;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  pointer-events: none
}
.cookie-bar.is-invisible {
  display: none
}
.cookie-bar.fade-in-out {
  pointer-events: auto;
  opacity: 1;
  transition: .3s ease-in-out;
  top: 1%
}
.cookie-bar__desc {
  margin-bottom: 12px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999
}
.cookie-bar__desc.richtext h1,
.cookie-bar__desc.richtext h2,
.cookie-bar__desc.richtext h3 {
  margin-bottom: 16px
}
.cookie-bar__desc.richtext p {
  margin-bottom: 12px
}
.cookie-bar__inputs {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap
}
.cookie-bar__inputs label {
  display: block;
  width: 50%;
  cursor: pointer;
  position: relative;
  z-index: 1;
  padding: 6px 0 6px 22px
}
.cookie-bar__inputs input {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 10px;
  width: 15px;
  margin: 0;
  cursor: pointer
}
.cookie-bar__buttons {
  display: flex;
  margin: 0 -6px;
  justify-content: space-between
}
.cookie-bar__buttons .btn {
  margin: 0 6px
}
.cookie-switches.is-invisible {
  display: none
}
.cookie-switches.is-invisible + .cookie-switches-info {
  display: block
}
.cookie-switches-info {
  display: none
}
.cookie-switch {
  margin-bottom: 16px;
  background: #fafafa;
  border: 1px solid #999;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.cookie-switch__label {
  font-weight: 700;
  margin: 16px
}
.cookie-switch__label p {
  margin: 0
}
.cookie-switch__check {
  position: relative;
  z-index: 1;
  width: 85px;
  height: 20px;
  margin: 16px
}
.cookie-switch__input[type=checkbox] {
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
  width: 37px;
  left: 0;
  height: 21px;
  margin: 0;
  padding: 0;
  top: -1px;
  z-index: 2;
  opacity: 0
}
.cookie-switch__input[type=checkbox]:checked + .cookie-switch__text:before {
  background: #71b9b8
}
.cookie-switch__input[type=checkbox]:checked + .cookie-switch__text:after {
  left: 17px;
  border-color: #018786;
  background-color: #018786
}
.cookie-switch__input[type=checkbox]:disabled + .cookie-switch__text {
  opacity: .5
}
.cookie-switch__text {
  position: relative;
  z-index: 1;
  padding-left: 42px
}
.cookie-switch__text:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
  border-radius: 7px;
  background-color: rgba(0,0,0,.4);
  padding-left: 32px;
  width: 32px;
  height: 13px;
  transition: background-color .16s ease-in-out
}
.cookie-switch__text:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  transition: .16s ease-in-out
}
@media (max-width:980px) {
  .cookie-table {
    background-color: transparent;
    margin: 0;
    width: 100%
  }
  .cookie-table thead {
    display: none
  }
  .cookie-table tr {
    display: block;
    margin: 0 0 16px;
    background-color: #fff;
    padding: 12px 16px
  }
  .cookie-table td {
    display: block;
    padding: 0!important;
    width: auto!important;
    margin: 0!important;
    border: none!important
  }
  .cookie-table td:before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0 2px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #efefef
  }
}
@media (min-width:980px) {
  .cookie-bar {
    position: fixed;
    top: auto;
    bottom: -10%
  }
  .cookie-bar.fade-in-out {
    top: auto;
    bottom: 20px
  }
  .cookie-table {
    display: table;
    background: #fafafa;
    color: #000;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    max-width: 100%;
    table-layout: fixed
  }
  .cookie-table p {
    margin-bottom: 0
  }
  .cookie-table td,
  .cookie-table th {
    padding: 12px 6px;
    line-height: 1.5;
    vertical-align: top;
    text-align: left
  }
  .cookie-table td:first-child,
  .cookie-table th:first-child {
    width: 120px;
    padding-left: 12px;
    border-left: 1px solid #999
  }
  .cookie-table td:last-child,
  .cookie-table th:last-child {
    width: 200px;
    padding-right: 12px;
    border-right: 1px solid #999
  }
  .cookie-table th {
    background: #999;
    color: #fff;
    font-weight: 400
  }
  .cookie-table td {
    border-bottom: 1px solid #999
  }
}
@media (max-width:480px) {
  .cookie-bar {
    padding: 16px
  }
  .cookie-bar__inputs {
    flex-direction: column
  }
  .cookie-bar__inputs label {
    width: 100%
  }
  .cookie-bar__buttons {
    flex-direction: column
  }
  .cookie-bar__buttons .btn {
    margin-bottom: 12px
  }
}
.myty-area {
  border-top: 2px dashed #000!important;
  min-height: 2px;
  position: relative!important
}
.myty-area a {
  position: absolute!important;
  display: block!important;
  right: 0!important;
  left: auto!important
}
.myty-area a img[src="/tycon/themes/spring/images/icon_19x20/area.gif"] {
  border: 1px solid #217c65!important;
  padding: 10px!important;
  background-color: #217c65!important;
  display: block
}
div.tyContent {
  box-shadow: inset 0 0 0 1px rgba(4,220,0,.6)!important
}
div.tyContent-active {
  box-shadow: inset 0 0 0 1px rgba(4,220,0,.3)!important
}
div.tyContentGlobal {
  box-shadow: inset 0 0 0 1px rgba(255,0,0,.6)!important
}
div.tyContentGlobal-active {
  box-shadow: inset 0 0 0 1px rgba(255,0,0,.3)!important
}
body {
  -webkit-font-smoothing: antialiased;
  font-family: GloberSemiBold,Arial,sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #2a2a2a;
  font-weight: 400;
  background: url(../assets/img/body_back.jpg) fixed #fff
}
body :focus {
  outline: #000 dotted 2px
}
a:focus,
a:hover {
  color: #176450
}
p {
  margin: 0 0 16px
}
b,
strong {
  font-family: GloberSemiBold,Arial,sans-serif
}
hr {
  border: 0;
  border-bottom: 1px dashed #000;
  margin: 0
}
hr.short {
  margin: 0 22% 50px
}
.look-alpha,
.look-beta,
h1,
h2 {
  font-weight: 400;
  margin: 0 0 24px;
  color: #217c65;
  display: block
}
.look-gamma,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0 0 12px;
  color: #2a2a2a
}
.heading .look-title {
  display: block;
  margin-top: 12px;
  line-height: 1.4
}
.richtext .look-alpha,
.richtext .look-beta,
.richtext h1,
.richtext h2 {
  font-weight: 400;
  margin: 0 0 24px;
  color: #217c65;
  display: block;
  line-height: 34px
}
.richtext .look-gamma,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  margin: 0 0 6px;
  color: #2a2a2a
}
.richtext p + h3 {
  margin-top: 40px
}
.richtext ol,
.richtext ul {
  margin: 15px 0 25px
}
.richtext ul {
  list-style-type: square
}
.richtext ul li ul {
  margin-top: 8px;
  margin-bottom: 15px;
  list-style-type: circle
}
.richtext ul li ul li ul {
  margin-top: 8px;
  margin-bottom: 15px;
  list-style-type: disc
}
.richtext.text-block {
  max-width: 616px
}
.richtext a {
  text-decoration: underline
}
.richtext a:hover {
  color: #217c65
}
main {
  min-height: calc(100vh - 294px)
}
aside > div.media-box:first-child {
  margin-top: 58px
}
aside > [id*=area_container] {
  padding-top: 58px
}
.app-box {
  margin-bottom: 50px
}
.look-title {
  color: #777;
  font-size: 14px;
  font-family: GloberSemiBold,Arial,sans-serif
}
.align-right {
  text-align: right
}
.align-center {
  text-align: center
}
.static {
  position: static
}
.table {
  width: 100%;
  margin-bottom: 16px
}
.table td,
.table th {
  vertical-align: top;
  text-align: left;
  font-weight: 400
}
.table__label {
  width: 45px
}
.richtext table {
  margin-bottom: 16px
}
.special-separation {
  margin: 55px 0 6px;
  text-align: center
}
.image {
  text-align: center;
  position: relative;
  z-index: 1
}
.image a,
.image img {
  display: block;
  width: 100%
}
.image .image__subtitle {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  padding: 2px 8px;
  font-size: 9px;
  text-shadow: 0 0 3px #000;
  color: #fff
}
.image__text {
  width: 100%;
  background: #217c65;
  padding: 14px;
  color: #fff;
  bottom: 0;
  font-size: 13px;
  text-align: left
}
.embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  width: 100%;
  margin: 0 auto 25px;
  max-width: 616px
}
.embed embed,
.embed iframe,
.embed object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.bf-hidden {
  position: absolute;
  left: -10000px;
  top: -10000px;
  display: inline-block
}
@media (min-width:767px) {
  main {
    min-height: calc(100vh - 499px)
  }
  hr {
    margin: 0 0 50px
  }
}
@media (max-width:480px) {
  .image--full-width {
    margin-left: -12px;
    margin-right: -12px
  }
}
.btn,
.btn-link a,
.cc_btn,
.mytyFormBtn,
.mytyFormSubmitBtn,
.tySubmit,
a.btn,
button,
input.btn,
input[type=submit] {
  background-image: none;
  background-color: rgba(255,255,255,.7);
  color: #217c65;
  font-size: 14px;
  font-family: GloberSemiBold,Arial,sans-serif;
  font-weight: 400;
  display: inline-block;
  border: 2px solid #217c65;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  opacity: 1;
  transition: .2s ease-in-out;
  padding: 8px 16px
}
.btn-link a:focus,
.btn-link a:hover,
.btn:focus,
.btn:hover,
.cc_btn:focus,
.cc_btn:hover,
.mytyFormBtn:focus,
.mytyFormBtn:hover,
.mytyFormSubmitBtn:focus,
.mytyFormSubmitBtn:hover,
.tySubmit:focus,
.tySubmit:hover,
a.btn:focus,
a.btn:hover,
button:focus,
button:hover,
input.btn:focus,
input.btn:hover,
input[type=submit]:focus,
input[type=submit]:hover {
  text-decoration: none;
  color: #176450;
  border-color: #176450
}
.btn-link a.second,
.btn.second,
.cc_btn.second,
.mytyFormBtn.second,
.mytyFormSubmitBtn.second,
.tySubmit.second,
a.btn.second,
button.second,
input.btn.second,
input[type=submit].second {
  border-color: #fff;
  color: #fff;
  background-color: transparent
}
.btn-link a.second:focus,
.btn-link a.second:hover,
.btn.second:focus,
.btn.second:hover,
.cc_btn.second:focus,
.cc_btn.second:hover,
.mytyFormBtn.second:focus,
.mytyFormBtn.second:hover,
.mytyFormSubmitBtn.second:focus,
.mytyFormSubmitBtn.second:hover,
.tySubmit.second:focus,
.tySubmit.second:hover,
a.btn.second:focus,
a.btn.second:hover,
button.second:focus,
button.second:hover,
input.btn.second:focus,
input.btn.second:hover,
input[type=submit].second:focus,
input[type=submit].second:hover {
  opacity: .6;
  text-decoration: none;
  color: #fff;
  border-color: #fff
}
.btn p,
.btn-link a p,
.cc_btn p,
.mytyFormBtn p,
.mytyFormSubmitBtn p,
.tySubmit p,
a.btn p,
button p,
input.btn p,
input[type=submit] p {
  margin-bottom: 0
}
p + p.btn-link {
  margin-top: 50px
}
.btn--cta {
  color: #fff;
  background-color: #217c65
}
.btn--cta:hover {
  color: #fff;
  background-color: #176450
}
header {
  padding: 0;
  margin-bottom: 60px;
  background: #217c65;
  height: 40px
}
header a:focus,
header.header--home a:focus {
  outline-color: #000
}
header a.pull-left {
  outline-color: #fff
}
header .picto-close {
  display: none
}
.header__logo {
  display: block;
  width: 160px;
  margin-top: 8px
}
.btn-nav {
  font-size: 40px;
  color: #fff
}
.btn-nav:focus,
.btn-nav:hover {
  color: #fff;
  outline-color: #fff
}
.btn-nav--active .picto-menue {
  display: none
}
.btn-nav--active .picto-close {
  display: block
}
.header--home {
  background: #f0efec;
  height: 125px;
  padding: 16px 0 2px
}
.header--home .header__logo {
  width: 110px;
  margin-top: 0;
  outline-color: #000
}
.header--home .btn-nav {
  color: #217c65;
  margin-top: 8px
}
.header--home .btn-nav .picto-menue {
  font-size: 75px
}
.header--home .btn-nav .picto-close {
  padding: 14px
}
.smwk-logo {
  padding: 8px 12px 4px;
  background: #fff;
  text-align: right
}
.smwk-logo a {
  display: inline-block
}
@media (min-width:767px) {
  header {
    height: 125px;
    background: #f0efec;
    padding: 16px 0 2px
  }
  header a.pull-left {
    outline-color: #000
  }
  .btn-nav {
    color: #217c65;
    margin-top: 8px
  }
  .btn-nav .picto-menue {
    font-size: 75px
  }
  .btn-nav .picto-close {
    padding: 14px
  }
  .btn-nav:focus,
  .btn-nav:hover {
    color: #217c65;
    outline-color: #000
  }
  .header__logo {
    margin-top: 0;
    width: 110px
  }
}
@media (min-width:980px) {
  main {
    min-height: calc(100vh - 554px)
  }
  .richtext ol,
  .richtext ul {
    margin-left: 18px
  }
  header {
    padding: 16px 0 2px;
    height: auto;
    background: rgba(255,255,255,.6)
  }
  .header__logo {
    width: 140px
  }
  .btn-nav {
    margin-top: 20px
  }
  .header--home {
    padding: 32px 0 16px;
    background: rgba(255,255,255,.6);
    height: auto
  }
  .header--home .header__logo {
    width: 140px
  }
  .smwk-logo {
    display: none
  }
  .header-top {
    display: flex;
    justify-content: space-between
  }
  .header-top p {
    color: #777
  }
}
.footer {
  margin-top: 50px
}
.footer__top {
  padding: 32px 0;
  background-color: rgba(255,255,255,.6);
  min-height: 120px
}
.footer__bottom {
  padding: 50px 0;
  background-color: #fff
}
.footer__bottom svg {
  fill: #217c65
}
.footer__right img {
  float: right;
  margin-left: 32px
}
.footer__right p img {
  position: relative;
  top: -15px;
  max-width: 180px
}
.footer__icon {
  line-height: 2
}
.footer__icon:after,
.footer__icon:before {
  content: " ";
  display: table
}
.footer__icon:after {
  clear: both
}
.footer__icon p {
  float: left;
  margin: 0 12px 0 0
}
.footer__icon img {
  display: block;
  margin-top: 6px
}
.footer__icon a {
  float: left;
  font-size: 22px;
  position: relative;
  top: -7px;
  padding: 0 8px
}
.bf-emblem {
  width: 80px;
  top: -15px;
  position: relative
}
.mobile-nav-bottom {
  display: flex;
  justify-content: space-between
}
.language-box li {
  display: inline-block
}
.language-box li:after {
  content: "|";
  color: #2a2a2a;
  position: relative
}
.language-box li:last-child:after {
  content: ''
}
.language-box span {
  padding: 12px 8px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  text-decoration: underline
}
.language-box a span {
  text-decoration: none
}
.mobile-footer {
  padding: 8px 14px 25px;
  border-bottom: 2px solid #999
}
.mobile-footer .language-box {
  margin-bottom: 16px;
  padding-bottom: 25px;
  display: flex;
  align-items: flex-end
}
.mobile-footer .language-box.list.unstyled {
  margin-left: -6px
}
.mobile-footer p img {
  margin-left: 6px;
  position: relative;
  top: 10px;
  max-width: 180px
}
@media (max-width:479px) {
  .hidden-xs-down {
    display: none!important
  }
}
@media (min-width:767px) {
  .bf-emblem {
    width: 80px;
    top: -35px;
    position: relative
  }
  .language-box {
    text-align: right;
    margin-left: 0
  }
  .hidden-sm-up {
    display: none!important
  }
}
@media (max-width:766px) {
  .hidden-sm-down {
    display: none!important
  }
}
@media (min-width:980px) {
  .hidden-md-up {
    display: none!important
  }
}
@media (max-width:979px) {
  .hidden-md-down {
    display: none!important
  }
}
@media (max-width:1299px) {
  .hidden-lg-down {
    display: none!important
  }
}
@media (min-width:1300px) {
  .hidden-lg-up,
  .hidden-xl-up {
    display: none!important
  }
}
.edit-desktop {
  box-shadow: 0 0 0 5px orange
}
.edit-mobil {
  box-shadow: 0 0 0 5px #8080ff
}
.nav ul {
  list-style: none
}
.nav ul:after,
.nav ul:before {
  content: " ";
  display: table
}
.nav ul:after {
  clear: both
}
.nav__item {
  position: relative;
  z-index: 1
}
.nav__level-0 > .nav__item {
  float: left;
  margin: 0 8px
}
.nav__link {
  color: #2a2a2a;
  padding: 12px 8px;
  display: block;
  position: relative
}
.nav__link--active strong {
  font-weight: 400
}
.nav--top {
  margin-top: 22px;
  float: right;
  display: none
}
.btn-nav--active + .nav--top {
  display: block;
  background: #fff;
  padding: 50px 6px;
  position: absolute;
  top: 109px;
  left: 0;
  z-index: 20;
  width: 100%;
  text-align: center;
  margin: 0
}
.btn-nav--active + .nav--top > ul {
  display: inline-block
}
.nav--footer {
  margin-bottom: 12px
}
.nav--footer li {
  display: inline-block
}
.nav--footer a {
  color: #2a2a2a;
  padding: 12px 8px;
  display: inline-block;
  position: relative
}
.nav--footer a:first-child {
  padding-left: 0
}
.nav--footer a.is-active {
  text-decoration: underline
}
.nav--dropdown {
  max-width: 600px;
  padding: 0
}
.nav--dropdown .nav__link {
  padding: 12px 32px 12px 16px;
  font-size: 18px;
  z-index: 2
}
.nav--dropdown .nav__link span:after {
  font-family: PackDeinStudium;
  content: "\e901";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  z-index: 11;
  right: 12px;
  top: 12px;
  font-size: 18px
}
.nav--dropdown .nav__level-0 > .nav__item {
  width: 25%;
  margin: 0
}
.nav--dropdown .nav__level-1 {
  display: none;
  transition: opacity .2s ease-in-out;
  background: #217c65;
  width: 300px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 78px 0 38px;
  opacity: 0
}
.nav--dropdown .nav__level-1 .nav__item {
  width: 100%;
  display: block;
  margin: 0 0 15px
}
.nav--dropdown .nav__level-1 .nav__link {
  color: #fff;
  padding: 12px 0;
  margin: 0 16px;
  border-bottom: 1px solid #fff;
  font-size: 14px
}
.nav--dropdown .nav__level-1 .nav__link:focus {
  outline-color: #fff
}
.nav--dropdown .nav__level-1 .nav__link span {
  padding: 0 32px 0 0;
  width: 100%;
  display: block
}
.nav--dropdown .nav__level-1 .nav__link span:after {
  content: "\e903";
  right: 0;
  bottom: 16px;
  top: auto
}
.nav--dropdown .nav__level-1 .nav__link:hover {
  opacity: .7
}
.nav--dropdown .nav__item--open {
  z-index: 12
}
.nav--dropdown .nav__item--open > .nav__link {
  color: #fff;
  height: 44px
}
.nav--dropdown .nav__item--open > .nav__link :hover {
  color: #fff
}
.nav--dropdown .nav__item--open > .nav__link span {
  width: 268px;
  position: absolute;
  border-bottom: 1px dotted #fff;
  padding-bottom: 12px
}
.nav--dropdown .nav__item--open > .nav__link span:after {
  top: 0;
  right: 0;
  content: "\e904"
}
.nav--dropdown .nav__item--open .nav__level-1 {
  display: block;
  opacity: 1;
  transition: opacity .2s ease-in-out
}
.nav-select {
  border: 2px solid #217c65;
  background: #fff;
  max-width: 400px;
  width: 100%
}
.nav-select--fixed {
  border: none;
  border-bottom: 2px solid #999;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 9;
  max-width: none
}
.nav-select__link {
  color: #217c65;
  padding: 0 12px;
  font-size: 14px;
  display: block
}
.nav-select__link span {
  border-bottom: 1px solid #999;
  padding: 12px 32px 12px 0;
  display: block;
  position: relative
}
.nav-select__trigger {
  color: #2a2a2a
}
.nav-select__trigger span {
  border-bottom: 1px dotted transparent
}
.nav-select__trigger span:after {
  font-family: PackDeinStudium;
  content: "\e901";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  z-index: 11;
  right: 0;
  bottom: 17px;
  font-size: 18px
}
.nav-select__trigger:hover {
  color: #2a2a2a;
  opacity: 1
}
.nav-select__trigger--active span {
  border-bottom-color: #999
}
.nav-select__trigger--active span:after {
  content: "\e904"
}
.nav-select__trigger--active + .nav-select__content {
  max-height: 500px;
  opacity: 1
}
.nav-select__content {
  max-height: 1px;
  opacity: 0;
  overflow: hidden;
  transition: .2s ease-in-out
}
.nav-select__content .nav-select__link:first-child span {
  padding-top: 24px
}
.nav-select__content .nav-select__link:last-child span {
  border-bottom: none
}
.nav-select--single_element span:after {
  display: none
}
@media (min-width:767px) {
  .nav--horizontal .nav__link--active {
    color: #217c65
  }
  .nav--horizontal .nav__link--active span {
    border-bottom: 2px solid #217c65;
    padding-bottom: 12px
  }
  .nav--top {
    display: block
  }
  .nav--top [class*=nav__index-] {
    display: none
  }
  .nav--top .nav__index-1,
  .nav--top .nav__index-2,
  .nav--top .nav__index-3 {
    display: block;
    font-size: 13px;
    margin: 0
  }
  .nav--top .nav__index-6 {
    display: none!important
  }
  .nav--top .nav__level-1 {
    display: none
  }
  .btn-nav--active+.nav--top,
  .btn-nav--active+.nav--top [class*=nav__index-] {
    display: block
  }
  .btn-nav--active + .nav--top .nav__level-1 {
    display: none
  }
  .nav-select--fixed {
    top: auto;
    left: auto;
    position: relative;
    z-index: 2;
    border: 2px solid #217c65
  }
  .nav--dropdown .nav__level-0 > .nav__item {
    width: 23%;
    margin: 0 2% 0 0
  }
  .nav-select--headline {
    background: 0 0;
    padding: 0;
    border: none;
    max-width: none
  }
  .nav-select--headline h1 {
    margin-bottom: 0
  }
  .nav-select--headline .nav-select__trigger {
    padding: 0
  }
  .nav-select--headline .nav-select__trigger span {
    border-bottom: none;
    padding: 0
  }
  .nav-select--headline .nav-select__trigger span:after {
    display: inline-block;
    right: auto;
    bottom: 15px;
    margin-left: 15px
  }
  .nav-select--headline .nav-select__trigger--active span {
    border-bottom: none
  }
  .nav-select--headline .nav-select__content {
    border: 2px solid #217c65;
    background: #fff;
    width: 100%;
    margin: 10px 0
  }
  .nav-select--headline .nav-select__content .nav-select__link:first-child span {
    padding-top: 12px
  }
  .nav-select--headline.nav-select--single_element .nav-select__trigger {
    cursor: default
  }
  .nav-select--headline.nav-select--single_element span:after {
    display: none
  }
}
@media (min-width:980px) {
  .nav__level-0 > .nav__item:last-child {
    margin-right: 0
  }
  .nav__level-0 > .nav__item:last-child .nav__link {
    padding-right: 0
  }
  .nav--top {
    margin-top: 16px;
    width: 100%
  }
  .nav--top [class*=nav__index-] {
    display: block
  }
  .nav--top a {
    font-size: 16px
  }
  .nav--top > ul.nav__level-0 {
    display: flex;
    justify-content: space-between
  }
  .nav--top > ul.nav__level-0 > li.nav__item {
    margin-right: 0;
    margin-left: 0
  }
  .nav--top > ul.nav__level-0 > li.nav__item a {
    padding-right: 0;
    padding-left: 0
  }
  .nav--top > ul.nav__level-0:after,
  .nav--top > ul.nav__level-0:before {
    display: none
  }
  .nav--dropdown {
    max-width: 600px;
    padding: 30px 0 0
  }
  .nav--dropdown .nav__level-0 > .nav__item {
    width: 25%;
    margin-right: 0
  }
  .nav--dropdown .nav__link {
    padding-right: 45px
  }
  .nav--dropdown .nav__link span:after {
    right: 25px
  }
  .nav--horizontal .nav__item:first-child {
    margin-left: 0
  }
  .nav--horizontal .nav__item:first-child .nav__link {
    padding-left: 0
  }
  .nav--horizontal .nav__link {
    transition: .2s ease-in-out
  }
  .nav--horizontal .nav__link:focus,
  .nav--horizontal .nav__link:hover {
    color: #217c65
  }
  .btn-nav--active + .nav--top {
    background: 0 0;
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    text-align: left;
    margin-top: 60px
  }
}
@media (max-width:767px) {
  .nav--horizontal {
    display: none;
    padding: 0;
    background: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 20;
    width: 100%;
    margin: 0;
    text-align: left;
    transition: .2s ease-in-out
  }
  .nav--horizontal .nav__item {
    float: none
  }
  .nav--horizontal .nav__link {
    color: #217c65;
    padding: 12px 32px 12px 0;
    border-bottom: 1px solid #999;
    font-size: 16px;
    display: block;
    position: relative
  }
  .nav--horizontal .nav__link.nav__link--active {
    border-color: #176450
  }
  .nav--horizontal .nav__link--has-children:after {
    font-family: PackDeinStudium;
    content: "\e901";
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    z-index: 11;
    right: 0;
    bottom: 17px;
    font-size: 18px
  }
  .nav--horizontal .nav__link--has-children.nav__link--open {
    border-bottom: 1px dotted #999
  }
  .nav--horizontal .nav__link--has-children.nav__link--open:after {
    content: "\e904"
  }
  .nav--horizontal .nav__link--has-children.nav__link--open + .nav__level-1 {
    display: block;
    transition: .2s ease-in-out;
    padding: 6px 6px 6px 25px
  }
  .nav--horizontal .nav__level-0 {
    padding: 12px 6px 0
  }
  .nav--horizontal .nav__level-0 > .nav__item:first-child .nav__link {
    padding-top: 0
  }
  .nav--horizontal .nav__level-1 {
    padding: 0;
    border-bottom: 1px solid #999;
    transition: .2s ease-in-out;
    display: none
  }
  .nav--horizontal .nav__level-1 .nav__link {
    border-bottom: none;
    color: #666;
    padding-right: 0
  }
  .nav--horizontal .nav__level-1 .nav__link.nav__link--active {
    color: #2a2a2a
  }
  .btn-nav--active + .nav--top {
    text-align: left;
    padding: 0;
    top: 40px
  }
  .btn-nav--active + .nav--top > ul {
    display: block;
    text-align: left
  }
  .header--home .nav--horizontal {
    top: 109px
  }
  .btn-nav {
    margin-right: -12px
  }
  .btn-nav--active + .nav--horizontal {
    transition: .2s ease-in-out;
    display: block
  }
  .nav-select__scrolled {
    position: fixed;
    top: 0
  }
  .nav-select__trigger span:after {
    right: 2px
  }
  .nav-select--headline h1 {
    color: #217c65;
    font-size: 14px;
    margin: 0;
    font-family: GloberSemiBold,Arial,sans-serif;
    line-height: 20px
  }
  .nav--footer li:first-child {
    display: none
  }
}
.teaser {
  position: relative;
  margin: -60px -12px 0
}
.teaser.edit {
  padding-bottom: 400px
}
.teaser__media {
  max-height: 545px;
  overflow: hidden;
  width: 100%;
  display: block;
  position: relative;
  z-index: 1
}
.teaser__media img {
  height: auto;
  position: relative;
  z-index: 1;
  width: 100%
}
.teaser__media.teaser__media--edit {
  height: 530px
}
.teaser__mobile-headline {
  background: #217c65;
  padding: 14px;
  color: #fff;
  font-size: 13px
}
.teaser__mobile-subline {
  width: 100%;
  background: #217c65;
  padding: 14px;
  color: #fff;
  position: absolute;
  z-index: 2;
  bottom: 0;
  font-size: 13px
}
.teaser__mobile-subline span {
  height: 42px;
  overflow: hidden;
  display: block;
  align-items: center
}
.teaser__media__subtitle {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 2px 8px;
  font-size: 9px;
  text-shadow: 0 0 3px #000;
  color: #fff
}
.teaser__content {
  width: 100%;
  height: auto;
  padding-left: 0;
  background: #fff
}
.teaser__content__info {
  background: #fff;
  width: 100%;
  height: auto;
  display: inline-block;
  padding: 25px 14px 0
}
.teaser__content__info img {
  max-width: 180px;
  max-height: 35px;
  margin-top: -8px;
  float: right
}
.teaser__content__info h1 {
  font-size: 24px
}
.teaser__content__info p {
  color: #777
}
.teaser__content__navigation {
  position: relative;
  z-index: 10;
  padding: 0 12px 25px
}
@media (min-width:767px) {
  .teaser__content {
    height: 245px
  }
  .teaser__content__info {
    height: 130px;
    padding: 25px 14px
  }
  .teaser__content__info h1 {
    font-size: 28px
  }
  .teaser__content__navigation {
    padding: 0
  }
  .teaser__media__subtitle {
    top: auto;
    bottom: 0
  }
  .teaser:not(.edit) .teaser__mobile-headline,
  .teaser:not(.edit) .teaser__mobile-subline {
    display: none
  }
}
@media (min-width:980px) {
  .teaser {
    padding-bottom: 305px;
    margin: 0
  }
  .teaser__media {
    max-height: 545px
  }
  .teaser__content {
    height: 395px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: -30px;
    right: auto;
    padding-left: 40px;
    background: url(../assets/img/karton.png) left 0 no-repeat;
    max-width: 830px
  }
  .teaser__content__info {
    padding: 60px 12px 40px;
    max-width: 625px;
    background: 0 0;
    height: 180px;
    display: flex;
    align-items: center
  }
}
.media-box {
  background-color: #fff;
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto 50px;
  z-index: 1
}
.media-box .richtext {
  padding: 25px
}
.media-box.masonry__element {
  margin-bottom: 24px
}
.media-box p:last-child {
  margin-bottom: 0;
  padding-bottom: 0
}
.masonry__gutter {
  width: 24px
}
.media-box--fullwidth {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto
}
.media-box--fullwidth.media-box--space {
  padding-bottom: 75px
}
.media-box--fixed {
  min-height: 480px;
  overflow: hidden
}
.media-box--fixed .look-title {
  display: block
}
.media-box--fixed .btn-link {
  position: absolute;
  bottom: 30px;
  left: 25px
}
.media-box--fixed .link-list {
  margin-bottom: 0
}
.media-box--small {
  max-height: 405px;
  max-width: 296px;
  overflow: hidden;
  margin-bottom: 24px
}
.media-box--small .media-box__highlight {
  height: 130px;
  overflow: hidden
}
.media-box--small .media-box__highlight .richtext {
  max-height: 107px;
  overflow: hidden
}
.media-box--space {
  padding-top: 25px;
  padding-bottom: 25px
}
.media-box--primary {
  background-color: #217c65;
  color: #fff
}
.media-box--primary .look-alpha,
.media-box--primary .look-beta,
.media-box--primary h1,
.media-box--primary h2 {
  color: #fff
}
.media-box--primary .look-title {
  color: #f7f7f7;
  line-height: 20px
}
.media-box--primary .btn-link a {
  border-color: #fff;
  color: #fff;
  background-color: transparent
}
.media-box--primary .btn-link a:hover {
  opacity: .6;
  text-decoration: none;
  color: #fff;
  border-color: #fff
}
.media-box--primary .btn-link a:focus {
  outline-color: #fff
}
.media-box--secondary {
  background-color: #fef100
}
.media-box--secondary .link-list a,
.media-box--secondary .look-alpha,
.media-box--secondary .look-beta,
.media-box--secondary a,
.media-box--secondary h1,
.media-box--secondary h2 {
  color: #2a2a2a
}
.media-box__header .look-alpha,
.media-box__header .look-beta,
.media-box__header h1,
.media-box__header h2 {
  margin: 0
}
.media-box__header img {
  display: block
}
.media-box__header .picto {
  font-size: 40px
}
.media-box__header .picto.edit {
  font-size: 14px;
  position: relative;
  top: 2px
}
.edit {
  color: #2a2a2a;
  font-family: GloberSemiBold,Arial,sans-serif;
  font-size: 14px
}
.edit-info {
  color: #2a2a2a!important;
  font-family: GloberSemiBold,Arial,sans-serif;
  font-size: 12px;
  position: absolute;
  top: 3px;
  right: 3px;
  background: #fff;
  padding: 0 10px;
  border-radius: 3px
}
.edit-info .picto {
  display: inline-block;
  margin: 0;
  font-size: 10px
}
.media-box__header--image .richtext {
  height: 240px
}
.media-box__header--image img {
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden
}
.media-box__header--icons {
  padding: 16px 0;
  font-size: 18px
}
.media-box__header--icons .picto {
  margin-right: 12px;
  font-size: 25px;
  position: relative;
  top: 4px
}
.media-box__header--primary {
  background: #217c65;
  text-align: center;
  height: 240px;
  color: #fff
}
.media-box__header--primary .look-alpha,
.media-box__header--primary .look-beta,
.media-box__header--primary h1,
.media-box__header--primary h2 {
  color: #fff
}
.media-box__header--primary .richtext {
  display: table;
  width: 100%;
  height: 100%
}
.media-box__header--primary .richtext h2,
.media-box__header--primary .richtext h3 {
  display: table-cell;
  vertical-align: middle
}
.media-box__header--primary .richtext h2 span,
.media-box__header--primary .richtext h3 span {
  display: block;
  margin-bottom: 16px
}
.media-box__header--primary .richtext h2 a,
.media-box__header--primary .richtext h3 a {
  color: #fff;
  text-decoration: none
}
.media-box__header__single-letter {
  font-size: 66px;
  line-height: 1;
  margin-top: -20px
}
.media-box__highlight {
  background: #f7f7f7
}
.media-box__highlight .look-alpha,
.media-box__highlight .look-beta,
.media-box__highlight h1,
.media-box__highlight h2 {
  margin-bottom: 12px
}
.media-box__highlight--event {
  min-height: 200px
}
.media-box__highlight--event a {
  text-decoration: none
}
@media (max-width:767px) {
  .media-box__dropdown {
    cursor: pointer
  }
  .media-box__dropdown.media-box__header {
    min-height: 125px;
    height: auto
  }
  .media-box__dropdown .picto {
    position: absolute;
    right: 25px;
    font-size: 30px;
    top: 32px
  }
  .media-box__dropdown .picto:before {
    content: '\e901'
  }
  .media-box__dropdown + .media-box__content {
    display: none
  }
  .media-box__dropdown .richtext h3 {
    text-align: left;
    font-size: 24px;
    padding-right: 55px;
    vertical-align: top
  }
  .media-box__dropdown--active .picto:before {
    content: '\e904'
  }
  .media-box__dropdown--active + .media-box__content {
    display: block
  }
}
@media (max-width:480px) {
  .media-box--small {
    max-height: 430px;
    max-width: 100%
  }
}
.subject-list__box {
  background-color: #fff;
  margin: 0 0 24px;
  width: 100%
}
.subject-list__header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 230px;
  margin: 0;
  text-align: center
}
.subject-list__header .picto {
  display: block;
  margin-bottom: 12px;
  font-size: 40px
}
.subject-list__opener {
  display: flex;
  font-size: 30px;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-color: #f7f7f7
}
.subject-list__opener .picto {
  transition: transform .1s ease-in-out
}
.subject-list__opener:hover {
  color: #176450
}
.subject-list__opener.is-active .picto {
  transform: rotate(-180deg)
}
.subject-list__list {
  display: none;
  background-color: #f7f7f7
}
.subject-list__list ul {
  padding: 25px;
  margin: 0;
  list-style: none
}
.white-box {
  display: block;
  margin: 0 0 10px;
  background-color: #fff;
  padding: 18px 25px 25px
}
.form-flex {
  display: flex;
  white-space: nowrap;
  align-items: center
}
.search-opener {
  margin: 0;
  display: flex;
  justify-content: space-between;
  padding: 0;
  color: #217c65
}
.search-opener .picto {
  position: relative;
  z-index: 1;
  top: 3px;
  margin: 0 0 0 6px;
  height: 10px;
  transition: transform .1s ease-in-out
}
.search-opener.is-active .picto {
  top: 6px;
  transform: rotate(-180deg)
}
.white-box__content {
  padding-top: 50px;
  display: none
}
.white-box--form {
  display: flex;
  flex-direction: column
}
.white-box--form .btn {
  width: 140px;
  margin-top: 16px
}
.white-box__input {
  margin: 0 50px 0 0;
  color: #000;
  border-color: #000
}
.white-box__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.white-box__form .form-fieldset {
  padding-top: 46px
}
.white-box__form .form-fieldset,
.white-box__form .mytyFormSelectBox {
  width: 30%;
  margin-bottom: 24px
}
.white-box__form .form-fieldset:after,
.white-box__form .mytyFormSelectBox:after {
  right: 0
}
.white-box__form .form-fieldset select,
.white-box__form .mytyFormSelectBox select {
  border-bottom-style: dashed
}
.white-box__form .form-fieldset .mytyFormCheckboxBox input {
  height: 15px
}
.result-table {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0 10px;
  table-layout: fixed
}
.result-table > thead th {
  background-color: #217c65;
  color: #fff;
  padding: 15px 30px;
  font-weight: 400;
  vertical-align: top;
  white-space: nowrap
}
.result-table__inner {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
  table-layout: fixed
}
.result-table__inner th {
  background-color: #fff;
  color: #2a2a2a;
  padding: 15px 30px;
  font-weight: 400;
  vertical-align: top
}
.result-table__inner tbody.result-table__inner-body {
  display: none
}
.result-table__inner tbody.result-table__inner-body.is-active {
  display: table-row-group
}
.result-table__inner tbody.result-table__inner-body td {
  background-color: #fff;
  color: #2a2a2a;
  padding: 15px 30px;
  vertical-align: top;
  border-bottom: 1px solid #b2b2b2
}
.result-table__inner tbody.result-table__inner-body tr:first-child td {
  padding-top: 0
}
.result-table__inner tbody.result-table__inner-body tr:last-child td {
  border-bottom: none
}
.result-table__head {
  background-color: #217c65
}
.result-table__head a {
  color: #fff
}
.result-table__row.is-active .result-table__info {
  display: block
}
.result-table__first-col {
  width: 400px
}
.result-table__last-col {
  width: 80px;
  padding: 0
}
.result-table__heading {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  cursor: pointer
}
.result-table__link {
  display: block;
  font-size: 20px;
  color: #217c65;
  width: 30px;
  text-align: center;
  padding: 0 2px
}
.result-table__opener .picto {
  transition: transform .1s ease-in-out;
  display: block
}
.result-table__opener.is-active .picto {
  transform: rotate(-180deg)
}
.sortable.is-up .picto-up_down:before {
  content: "\e904"!important
}
.sortable.is-down .picto-up_down:before {
  content: "\e901"!important
}
.result-table__info {
  padding-top: 5px;
  display: none
}
.result-table__desktop-hidden {
  visibility: hidden;
  position: absolute;
  z-index: 1
}
@media (max-width:374px) {
  .subject-list__header {
    font-size: 20px
  }
}
@media (min-width:767px) {
  .media-box--fullwidth {
    max-width: 100%
  }
  .result-table__inner tbody.result-table__inner-body .result-table__inner-first {
    padding-left: 0;
    border-left: 60px solid #fff
  }
  .result-table__inner tbody.result-table__inner-body .result-table__inner-last {
    padding-right: 0;
    border-right: 60px solid #fff
  }
  .subject-list__header {
    flex-direction: column;
    padding: 0 24px
  }
}
@media (max-width:767px) {
  .white-box--form {
    flex-direction: column;
    white-space: normal
  }
  .white-box__input {
    margin: 0 24px 0 0
  }
  .white-box__form .form-fieldset {
    padding-top: 10px
  }
  .white-box__form .form-fieldset,
  .white-box__form .mytyFormSelectBox {
    width: 48%
  }
  .result-table__inner {
    background-color: transparent
  }
  .result-table__inner.is-open thead .result-table__link:not(.result-table__opener) {
    display: none
  }
  .result-table__inner tr {
    display: block;
    background-color: #fff;
    padding: 10px 15px
  }
  .result-table__inner thead th {
    display: block;
    padding: 0;
    width: auto;
    margin: 0
  }
  .result-table__inner .result-table__title {
    padding: 0 20px 10px 0
  }
  .result-table__inner tbody.result-table__inner-body tr {
    padding-top: 0;
    padding-bottom: 0
  }
  .result-table__inner tbody.result-table__inner-body tr:first-child td:first-child {
    border-top: 1px solid #b2b2b2;
    padding-top: 10px
  }
  .result-table__inner tbody.result-table__inner-body tr td.result-table__meta {
    display: block;
    padding: 10px 0
  }
  .result-table__inner tbody.result-table__inner-body tr td.result-table__meta a {
    padding: 0
  }
  .result-table__inner tbody.result-table__inner-body tr td.result-table__meta:first-child {
    border-bottom: 0
  }
  .result-table__first-col {
    width: 100%
  }
  .result-table__heading {
    font-size: 16px
  }
  .result-table__row {
    position: relative;
    z-index: 1
  }
  .result-table__arrow {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0
  }
  .result-table__arrow a {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center
  }
  .subject-list__box {
    position: relative;
    z-index: 1;
    margin-bottom: 12px
  }
  .subject-list__box .list.link-list li a {
    padding-right: 0
  }
  .subject-list__box .list.link-list li a:after {
    display: none
  }
  .subject-list__opener {
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    height: 76px;
    padding-right: 12px;
    font-size: 20px
  }
  .subject-list__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    text-align: left;
    padding: 8px 50px 12px 20px;
    font-size: 22px;
    line-height: 1.3;
    height: 76px
  }
  .subject-list__header .picto {
    display: block;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 6px;
    font-size: 32px
  }
  .result-table__link:not(.result-table__opener) {
    width: 100%;
    font-size: 14px;
    padding-top: 10px;
    text-decoration: underline;
    text-align: left
  }
  .result-table__mobile-hidden {
    display: none!important
  }
  .result-table__desktop-hidden {
    visibility: visible;
    position: static
  }
}
@media (max-width:460px) {
  .white-box--form {
    flex-direction: column;
    white-space: normal
  }
  .white-box__form .form-fieldset,
  .white-box__form .mytyFormSelectBox {
    width: 100%
  }
  .form-flex {
    flex-direction: column;
    align-items: flex-start
  }
  .search-opener {
    margin-top: 16px
  }
  .white-box__input {
    margin: 0
  }
}
.rotate {
  perspective: 1500;
  margin-bottom: 24px
}
.rotate--media-box {
  height: 520px;
  max-width: 296px;
  margin: 0 auto 24px
}
.rotate--media-box .media-box {
  margin: 0
}
.rotate--media-box .media-box--fixed {
  height: 520px
}
.rotate--media-box .media-box__highlight {
  height: 235px;
  overflow: hidden
}
.rotate--media-box .special-height {
  height: 157px;
  margin-bottom: 12px;
  overflow: hidden
}
.rotate--media-box .special-height h2 {
  min-height: 70px
}
.rotate__content {
  transition: .5s;
  transform-style: preserve-3d;
  position: relative;
  height: 100%
}
.rotate__content.rotate__content--active {
  transform: rotateY(-180deg)
}
.rotate__content.rotate__content--active .rotate__content__back--hide {
  display: block
}
.rotate__content__back,
.rotate__content__front {
  position: absolute;
  width: 100%;
  height: 100%
}
.rotate__content__front {
  z-index: 2
}
.rotate__content__back {
  transform: rotateY(180deg);
  z-index: 2
}
.rotate__content__back--hide {
  display: none
}
.rotate__content__toggle {
  position: absolute;
  z-index: 10;
  top: 12px;
  right: 18px;
  font-size: 28px;
  padding: 0 6px
}
@media (max-width:480px) {
  .rotate--media-box {
    max-width: 440px
  }
  .media-box__header {
    position: relative;
    z-index: 1;
    height: 210px;
    overflow: hidden
  }
  .media-box__header img {
    position: absolute;
    z-index: 1;
    width: 100%
  }
}
@media (max-width:375px) {
  .media-box__header {
    height: 180px
  }
}
.map {
  width: 936px;
  height: 750px;
  display: block;
  position: relative;
  z-index: 1
}
.map__background {
  position: relative;
  z-index: 1
}
.map__city-wrapper {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0
}
.map__city {
  position: absolute;
  z-index: 3;
  display: block;
  opacity: 1
}
.map__city:hover img {
  opacity: .9;
  transition: opacity .2s ease-in-out
}
.map__city a {
  color: #fff;
  font-family: LemonYellowSun,Times,serif;
  line-height: 1;
  letter-spacing: 1px
}
.map__city a:focus {
  box-shadow: 0 0 0 3px #fef100!important;
  display: block
}
.map__city--leipzig {
  top: 150px;
  left: 110px;
  font-size: 50px
}
.map__city--riesa {
  top: 150px;
  left: 330px;
  font-size: 19px
}
.map__city--dresden {
  top: 274px;
  left: 495px;
  font-size: 50px
}
.map__city--bautzen {
  top: 175px;
  left: 720px;
  font-size: 29px
}
.map__city--goerlitz {
  top: 225px;
  left: 845px;
  font-size: 29px
}
.map__city--zittau {
  top: 355px;
  left: 820px;
  font-size: 29px
}
.map__city--freiberg {
  top: 375px;
  left: 460px;
  font-size: 19px
}
.map__city--chemnitz {
  top: 383px;
  left: 295px;
  font-size: 40px
}
.map__city--glauchau {
  top: 410px;
  left: 200px;
  font-size: 19px
}
.map__city--zwickau {
  top: 460px;
  left: 210px;
  font-size: 29px
}
.map__city--breitenbrunn {
  top: 585px;
  left: 255px;
  font-size: 19px
}
.map__city--plauen {
  top: 570px;
  left: 77px;
  font-size: 29px
}
.map__city--mittweida {
  top: 300px;
  left: 320px;
  font-size: 19px
}
.image-2col img {
  width: 100%;
  display: block;
  max-width: 616px;
  margin: 0 auto
}
.image-text {
  margin: 12px auto 50px;
  max-width: 610px
}
.image-text img {
  display: block
}
.image-text p + p.btn-link {
  margin-top: 16px
}
.image-text__headline {
  height: auto;
  margin-bottom: 16px
}
.image-text__image {
  width: 80px;
  height: 80px;
  margin-bottom: 12px
}
.image-text__image img {
  border-radius: 50%;
  overflow: hidden
}
.image-text__content {
  min-height: auto;
  position: relative
}
.image-text__content h2 {
  color: #217c65;
  margin-bottom: 16px
}
.image-text__content--higher {
  min-height: auto
}
@media (min-width:767px) {
  .image-text {
    margin-top: 0
  }
  .image-text p + p.btn-link {
    margin-top: 50px
  }
  .image-text__headline {
    height: 105px
  }
  .image-text__image {
    margin-bottom: 50px
  }
  .image-text__content {
    min-height: 150px
  }
  .image-text__content:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: -155px;
    width: 130px;
    height: 30px;
    display: block;
    background: url(data:image/svg+xml;base64,ZXhwb3J0IGRlZmF1bHQgIi4uL2ZvbnRzL2ljb25ib3J0ZS5zdmciOw==) no-repeat
  }
  .image-text__content--image-right:after {
    left: auto;
    right: -155px
  }
  .image-text__content--higher {
    min-height: 280px
  }
}
.link-list {
  display: block
}
.link-list a {
  color: #217c65;
  padding: 12px 32px 12px 0;
  border-bottom: 1px solid #999;
  font-size: 14px;
  display: block;
  position: relative;
  text-decoration: none
}
.link-list a:after {
  font-family: PackDeinStudium;
  content: "\e903";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  z-index: 8;
  right: 0;
  bottom: 17px;
  font-size: 18px;
  opacity: 1;
  transition: opacity .2s ease-in-out
}
.link-list a:first-child {
  padding-top: 0
}
.link-list a:focus,
.link-list a:hover {
  color: #176450
}
.link-list a:focus:after,
.link-list a:hover:after {
  opacity: .7
}
.media-box:not(.media-box--fixed) .link-list {
  padding-bottom: 25px
}
.list {
  margin: 15px 0 25px 18px
}
.list li {
  margin-bottom: 8px
}
.list.unstyled {
  margin: 0;
  padding: 0;
  list-style: none
}
.list.link-list li {
  margin: 0
}
.list.link-list li:first-child a {
  padding-top: 0
}
.list.link-list li a {
  padding: 12px 32px 12px 0
}
.content-list {
  padding: 25px;
  display: block;
  background: #fff;
  margin-bottom: 24px
}
.content-list__footer {
  display: flex;
  justify-content: space-between
}
.content-list__footer a {
  text-decoration: none
}
.content-list__sharing {
  display: inline-block
}
.content-list__sharing .social-link {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out
}
.content-list__sharing .social-link a {
  margin: 0 0 0 6px;
  text-decoration: none
}
.content-list__sharing__trigger--active + .social-link {
  opacity: 1;
  visibility: visible
}
.accordion {
  margin-bottom: 1px
}
.accordion__opener {
  display: block;
  margin-bottom: 0
}
.accordion__opener a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 22px 50px 25px 25px;
  background-color: #f7f7f7;
  transition: .2s ease-in-out
}
.accordion__opener a:after {
  display: block;
  font-family: PackDeinStudium;
  content: "\e901";
  width: 18px;
  height: 25px;
  font-size: 18px;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1
}
.accordion__opener a:hover {
  background-color: #fff
}
.accordion__opener a.active {
  background-color: #217c65;
  color: #fff
}
.accordion__opener a.active:after {
  content: "\e904";
  color: #fff
}
.accordion__opener a.active:hover {
  background-color: #217c65
}
.accordion__opener:target {
  display: block
}
.accordion__opener:target a {
  background-color: #217c65;
  color: #fff
}
.accordion__opener:target:before {
  content: '';
  display: block;
  height: 20px;
  margin: -20px 0 0
}
.accordion__opener:target + .accordion__content {
  display: block
}
.accordion__content {
  display: none;
  padding: 25px;
  background-color: #fff
}
.accordion__content ol,
.accordion__content ul {
  margin: 12px -25px 24px
}
.accordion__content ol li,
.accordion__content ul li {
  list-style: none;
  padding: 12px 25px;
  border-bottom: 2px solid #f7f7f7
}
.accordion__content ol li:first-child,
.accordion__content ul li:first-child {
  border-top: 2px solid #f7f7f7
}
.accordion__content ol li a,
.accordion__content ul li a {
  font-size: 16px;
  display: block;
  margin-bottom: 4px;
  text-decoration: none
}
.blog-entry .image-2col {
  position: relative;
  z-index: 1
}
.blog-entry .image-text__content {
  min-height: auto
}
.blog-entry .image-text__content:after {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto
}
.blog-entry .image-text__content .richtext {
  margin-bottom: 32px
}
.blog-entry .image-text__content h2 span {
  position: absolute;
  top: -25px;
  left: 0
}
.blog-entry .image-text {
  margin-bottom: 0
}
.blog-entry hr {
  margin-top: 100px
}
.blog-entry h2 a {
  text-decoration: none
}
.read-more {
  display: block;
  margin-top: 5px
}
.blog-entry__category {
  color: #999;
  font-size: 13px;
  display: none
}
.blog-entry--detail {
  margin-bottom: 50px
}
.blog-entry--detail .image-2col {
  margin-bottom: 25px
}
.blog-entry--detail .image-text__content {
  margin-bottom: 50px
}
.blog-entry--detail .image-text__content:after {
  display: none
}
.blog-entry--detail .image-text__headline {
  margin-top: 5px
}
.blog-entry__buttons {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%
}
.blog-entry__buttons .btn {
  color: #fff;
  background: #217c65;
  width: 50px;
  padding: 13px;
  font-size: 23px
}
.blog-entry__buttons .btn:hover {
  color: #fff;
  border-color: #217c65;
  opacity: .9
}
.blog-entry__buttons form {
  position: absolute;
  bottom: 0
}
.blog-entry__buttons form .btn {
  font-size: 30px;
  background: #dc143c;
  padding: 8px 0;
  margin-right: 0;
  border-color: #dc143c
}
.blog-entry__buttons form .btn:hover {
  border-color: #dc143c
}
.pull-right .blog-entry__buttons {
  left: auto;
  right: 0
}
.pager {
  text-align: center
}
.pager a {
  display: inline-block;
  padding: 2px 3px;
  border: 2px solid #217c65;
  text-align: center;
  min-width: 30px;
  margin: 0 2px 6px;
  transition: .2s ease-in-out
}
.pager a.active,
.pager a:hover {
  border-color: #176450;
  background: #176450;
  color: #fff
}
@media (min-width:767px) {
  .blog-entry .image-text__content {
    min-height: 235px
  }
  .blog-entry .image-text__content h2 span {
    top: -125px
  }
  .blog-entry--detail .image-text__content {
    min-height: auto
  }
  .blog-entry__category {
    display: block
  }
}
.social-link a {
  display: inline-block;
  margin-right: 12px;
  transition: .2s ease-in-out
}
.social-link--big a {
  font-size: 28px;
  margin-right: 16px
}
.social-link__facebook {
  color: #3b5998
}
.social-link__twitter {
  color: #1da0f1
}
.form-wrapper {
  background: #fff;
  padding: 25px;
  margin: 0 0 50px;
  position: relative
}
.form-wrapper--secondary {
  background: #217c65;
  color: #fff;
  padding: 32px 16px
}
.form-wrapper--secondary.form-special label {
  color: #fff
}
.form-wrapper--secondary * {
  outline-color: #fff!important
}
.form-wrapper--secondary .button-row {
  margin: 24px 12px 0
}
.mytyFormBox {
  padding: 0 12px
}
.label {
  margin-bottom: 0
}
.mytyFormBtnBox {
  margin-top: 50px
}
.alert,
.mytyFormElementErrorMsg,
.mytyFormElementInfoMsg,
.mytyFormElementSuccessMsg,
.mytyFormElementWarningMsg {
  margin-bottom: 25px
}
.mytyFormField input[type=checkbox] {
  cursor: pointer;
  min-width: 14px;
  min-height: 14px;
  height: 14px;
  margin: 10px 0 0
}
#bestellformular .mytyFormField input[type=checkbox] {
  margin: 3px 0 0 13px
}
.mytyFormField input[type=checkbox]:checked:before,
.mytyFormField input[type=checkbox]:indeterminate:before {
  font-family: GloberSemiBold,Arial,sans-serif;
  font-weight: 700;
  line-height: 1;
  content: "✓";
  color: #217c65;
  position: relative;
  bottom: 1px;
  font-size: 14px
}
.mytyFormRequired label:after {
  display: none
}
.form-special .mytyFormControl,
.form-special .mytyFormRichtextBox .tyContent {
  border: none;
  border-bottom: 1px solid #999;
  background: 0 0;
  padding-left: 0;
  padding-right: 0
}
.form-special .mytyFormControl:focus,
.form-special .mytyFormRichtextBox .tyContent:focus {
  background: 0 0
}
.form-special .mytyFormError .mytyFormControl,
.form-special .mytyFormError .mytyFormRichtextBox .tyContent {
  border-color: #dc143c
}
.form-special .mytyFormError label {
  color: #dc143c
}
.form-special.form-wrapper .mytyFormControl,
.form-special.form-wrapper .mytyFormRichtextBox .tyContent {
  padding-left: 0
}
.form-special.form-wrapper--secondary .mytyFormControl,
.form-special.form-wrapper--secondary .mytyFormRichtextBox .tyContent {
  border-color: #fff;
  color: #fff
}
.form-special .mytyFormCheckbox-headline,
.form-special label {
  color: #666
}
.form-special .mytyFormCheckboxBox label {
  color: #2a2a2a
}
.form-special .mytyFormSelectBox {
  position: relative
}
.form-special .mytyFormSelectBox:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0;
  border-color: #2a2a2a transparent transparent;
  position: absolute;
  right: 16px;
  bottom: 15px
}
.form-special .mytyFormSelectBox select {
  cursor: pointer
}
textarea.mytyFormControl {
  min-height: 250px;
  min-height: 25rem;
  height: auto;
  min-height: 60px;
  min-height: 6rem
}
::-webkit-input-placeholder {
  color: #000!important
}
:-moz-placeholder {
  color: #000!important
}
::-moz-placeholder {
  color: #000!important
}
:-ms-input-placeholder {
  color: #000!important
}
.mytyForm:target:before {
  content: "";
  display: block;
  height: 100px;
  margin: -120px 0 0
}
.form-fieldset fieldset {
  background: #fff;
  margin: 80px 10px 50px;
  position: relative
}
.form-fieldset legend {
  padding: 0;
  margin: 0;
  height: 35px;
  font-weight: 400;
  color: #217c65;
  font-family: LemonYellowSun,Times,serif;
  font-size: 28px;
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 1
}
.form-fieldset .mytyFormCheckboxBox {
  position: relative;
  padding-left: 12px
}
.form-fieldset .mytyFormCheckboxBox input {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 7px;
  width: auto;
  cursor: pointer
}
.form-fieldset .mytyFormCheckboxBox label {
  padding-left: 12px;
  cursor: pointer;
  margin: 0
}
.form-fieldset .checkboxToggle .form-label {
  display: inline-block
}
.form-fieldset .checkboxToggle .mytyFormLabel.form-label {
  margin-left: 25px
}
.form-fieldset .checkboxToggle .mytyFormControl {
  display: inline-block;
  width: 50px;
  text-align: center;
  border: 1px solid #999;
  margin-left: 10px;
  padding: 5px;
  height: 30px
}
.form-fieldset .mytyFormFieldset-last {
  padding: 25px 13px
}
.form-dropdown {
  position: relative
}
.form-dropdown select {
  width: 100%;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  color: #fff;
  padding: 6px 32px 6px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-bottom: 1px dashed #fff;
  cursor: pointer;
  font-weight: 400;
  position: relative;
  z-index: 2;
  font-size: 18px;
  line-height: 1.6;
  height: 40px
}
.form-dropdown select::-ms-expand {
  display: none
}
.form-dropdown select optgroup,
.form-dropdown select option {
  color: #000;
  font-size: 14px;
  background: #fff
}
.form-dropdown select optgroup:checked,
.form-dropdown select optgroup:hover,
.form-dropdown select option:checked,
.form-dropdown select option:hover {
  color: #fff;
  background: #000!important
}
.form-dropdown:after {
  font-family: PackDeinStudium;
  content: "\e901";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 13px;
  font-size: 14px;
  color: #fff
}
.search:after,
.search:before {
  content: " ";
  display: table
}
.search:after {
  clear: both
}
.search .mytyFormControl {
  float: left;
  max-width: 195px;
  margin-right: 24px;
  padding-left: 0;
  padding-right: 0
}
.search .btn {
  float: left
}
.col-fm-6 {
  width: 100%!important;
  float: none!important
}
.form-fieldset .special-checkbox {
  border-bottom: 1px solid #999;
  padding: 25px 25px 25px 170px;
  margin: 0
}
.form-fieldset .mytyFormBox:not(.special-checkbox) + .special-checkbox {
  border-top: 1px solid #999
}
.form-fieldset [class*=img] {
  min-height: 200px
}
.form-fieldset .img1 {
  background: url(../assets/img/order-form/broschuere_pack_dein_studium.jpg) no-repeat
}
.form-fieldset .img2 {
  background: url(../assets/img/order-form/broschuere_mint.jpg) no-repeat
}
.form-fieldset .img3 {
  background: url(../assets/img/order-form/broschuere_studieren_sachsen.jpg) no-repeat
}
.form-fieldset .img4 {
  padding-top: 70px;
  padding-bottom: 12px;
  min-height: 115px
}
.form-fieldset .img4 .mytyFormCheckboxBox {
  position: relative
}
.form-fieldset .img4 .mytyFormCheckboxBox:before {
  content: 'Studiengangsflyer';
  display: block;
  font-size: 20px;
  position: absolute;
  bottom: 60px;
  left: 0
}
.form-fieldset .img4 .mytyFormCheckboxBox:after {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 1;
  left: -170px;
  top: -70px;
  background: url(../assets/img/order-form/studiengangsflyer.jpg) no-repeat;
  height: 200px;
  width: 150px
}
.form-fieldset .img5 {
  background: url(../assets/img/order-form/jahresplaner-aktuell.jpg) no-repeat
}
.form-fieldset .img--ing {
  background: url(../assets/img/order-form/studiengaenge/ing.png) no-repeat
}
.form-fieldset .img--ing-mab {
  background: url(../assets/img/order-form/studiengaenge/ing_mab.png) no-repeat
}
.form-fieldset .img--kunst {
  background: url(../assets/img/order-form/studiengaenge/kunst.png) no-repeat
}
.form-fieldset .img--lehramt {
  background: url(../assets/img/order-form/studiengaenge/lehramt.png) no-repeat
}
.form-fieldset .img--medien {
  background: url(../assets/img/order-form/studiengaenge/mgsoz.png) no-repeat
}
.form-fieldset .img--nat {
  background: url(../assets/img/order-form/studiengaenge/nawi.png) no-repeat
}
.form-fieldset .img--psmg {
  background: url(../assets/img/order-form/studiengaenge/psmg.png) no-repeat
}
.form-fieldset .img--srk {
  background: url(../assets/img/order-form/studiengaenge/srk.png) no-repeat
}
.form-fieldset .img--wirtschaft {
  background: url(../assets/img/order-form/studiengaenge/wirtschaft_recht.png) no-repeat
}
.form-fieldset .mytyFormFieldset-first .mytyFormTextBox {
  padding-left: 170px
}
.form-fieldset .mytyFormFieldset-first .mytyFormCheckboxBox label {
  font-weight: 700
}
.form-fieldset .mytyFormFieldset-first .mytyFormCheckboxBox label a {
  padding: 8px 0 2px;
  display: inline-block;
  text-decoration: underline
}
@media (min-width:767px) {
  .search .mytyFormControl {
    max-width: 300px
  }
  .col-fm-6 {
    width: 50%!important;
    float: left!important
  }
}
@media (max-width:767px) {
  .form-fieldset .mytyFormFieldset-first {
    background: 0 0
  }
  .form-fieldset .mytyFormFieldset-first .mytyFormTextBox {
    padding: 0 0 12px
  }
  .form-fieldset .mytyFormFieldset-first .special-checkbox {
    margin-bottom: 24px;
    border-bottom: none
  }
  .form-fieldset .mytyFormFieldset-first [class*=img] {
    min-height: 135px;
    background-size: 100px
  }
  .form-fieldset .mytyFormFieldset-first .mytyFormCheckboxBox {
    padding-left: 0
  }
  .form-fieldset .mytyFormFieldset-first .mytyFormCheckboxBox input {
    left: 110px
  }
  .form-fieldset .mytyFormFieldset-first .mytyFormCheckboxBox label {
    padding: 8px 15px 5px 130px;
    font-weight: 400
  }
  .form-fieldset .mytyFormFieldset-first .checkboxToggle {
    padding: 8px 0 0 108px
  }
  .form-fieldset .mytyFormFieldset-first .checkboxToggle .mytyFormControl {
    background: #fff
  }
}
.myty-content--block {
  display: block
}
.myty-content--inline-block,
.myty-content--inline-block .fr-element,
.myty-content--inline-block .fr-wrapper {
  display: inline-block
}
.myty-content--inline,
.myty-content--inline .fr-element,
.myty-content--inline .fr-wrapper {
  display: inline
}
.fr-dib {
  margin: 10px auto;
  display: block;
  float: none;
  vertical-align: top
}
.fr-dib.fr-fil {
  margin-left: 0
}
.fr-dib.fr-fir {
  margin-right: 0
}
.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 10px;
  margin-right: 10px;
  max-width: calc(100% - 20px)
}
.fr-dii.fr-fil {
  float: left;
  margin: 10px 10px 10px 0;
  max-width: calc(100% - 10px)
}
.fr-dii.fr-fir {
  float: right;
  margin: 10px 0 10px 10px;
  max-width: calc(100% - 10px)
}
.fr-rounded {
  border-radius: 100%
}
.fr-bordered {
  border: 1px solid #ccc
}
.mytyFormBox.div-mytyFormAdditionalText,
.mytyFormBox.mytyFormBoxBgImpact {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}