/*!
Theme Name: Theme
Theme URI: http://wordpress.org/themes/blankslate
Author: Philipp Polder
Author URI: http://philipppolder.com/
Description: <strong>Theme</strong> - Version: 0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: Philipp Polder

© 2016 Philipp Polder
*/

/*!
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: https://www.linotype.com
*/

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=05108438-8d5e-49ca-a651-275b5f1422ef&fontids=1450206");
@font-face {
  font-family: "Harmonia Black";
  src: url("assets/type/c4dc4023-ea64-4ff7-b9ec-23a91d8a4c7e.eot?#iefix");
  src: url("assets/type/c4dc4023-ea64-4ff7-b9ec-23a91d8a4c7e.eot?#iefix")
    format("eot");
  src: url("assets/type/b66918ae-0cb6-4c69-8276-f2e6ee699bfe.woff2")
    format("woff2");
  src: url("assets/type/baa9d4ac-42d3-4541-ab12-566c0b0f4c4c.woff")
    format("woff");
  src: url("assets/type/74cd859e-e4a9-404e-851b-43abae2c5a61.ttf")
    format("truetype");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
.clear {
  clear: both;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: none;
}
button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  text-align: left;
}
button:hover {
  cursor: pointer;
}
input:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder {
  color: transparent;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  background: none;
}
::-webkit-input-placeholder {
  color: rgba(200, 200, 200, 1);
}
:-moz-placeholder {
  color: rgba(200, 200, 200, 1);
}
::-moz-placeholder {
  color: rgba(200, 200, 200, 1);
}
:-ms-input-placeholder {
  color: rgba(200, 200, 200, 1);
}

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::selection {
  background: rgba(0, 0, 0, 0.99);
  color: white;
}
::-moz-selection {
  background: rgba(0, 0, 0, 0.99);
  color: white;
}

html {
  font-size: 16px;
}

body {
  width: 100%;
  min-width: 320px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem 0;
  overflow-x: hidden;
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 1.0625rem; /*17px*/
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body::-webkit-scrollbar {
  width: 0 !important;
}

body.page-template-template-menschen,
body.page-template-template-menschen nav,
body.single-mensch,
body.single-mensch nav,
body.page-template-template-studium,
body.page-template-template-studium nav,
body.page-template-template-bewerbung,
body.page-template-template-bewerbung nav,
body.page-template-template-bewerbung_schauspiel,
body.page-template-template-bewerbung_schauspiel nav,
body.page-template-template-bewerbung_regie,
body.page-template-template-bewerbung_regie nav,
body.page-template-template-confirmation,
body.page-template-template-confirmation nav,
body.page-template-template-confirmation_schauspiel,
body.page-template-template-confirmation_schauspiel nav,
body.page-template-template-confirmation_regie,
body.page-template-template-confirmation_regie nav,
body.page-template-template-bestaetigung_schauspiel,
body.page-template-template-bestaetigung_schauspiel nav,
body.page-template-template-bestaetigung_regie,
body.page-template-template-bestaetigung_regie nav {
  background: rgba(255, 214, 22, 1);
}

body.error404,
body.error404 nav,
body.absolventen,
body.absolventen nav {
  background: rgba(232, 64, 34, 1);
}

label:not(.fontsize--medium):not(.fontfamily--serif),
.help-block.error {
  font-size: 1.0625rem; /*17px*/
}

h4,
nav,
#intro__nav,
button,
.fontfamily--sans,
strong {
  font-size: 1.125rem /*18px*/;
}

h1,
h2,
h3,
h4,
nav,
#intro__nav,
button,
body[class*="page-template-template-bewerbung"]
  label:not(.fontsize--medium):not(.fontfamily--serif),
strong,
.fontfamily--sans {
  font-family: "Harmonia Black", sans-serif;
}

.fontfamily--serif {
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

h1,
h2,
h3,
h4,
nav,
#intro__nav,
button,
body[class*="page-template-template-bewerbung"]
  label:not(.fontsize--medium):not(.fontfamily--serif),
.uppercase {
  text-transform: uppercase;
}

.fontsize--medium,
body[class*="page-template-template-bewerbung"] input {
  font-size: 1.5625rem /*25px*/;
}

.fontsize--medium span,
label span {
  font-size: 1.625rem /*26px*/;
}

.label label {
  font-size: inherit !important;
}

a {
  text-decoration: none;
  color: inherit;
}

a,
a:active,
a:focus {
  outline: none;
  border: none;
}

a:hover {
  text-decoration: underline;
}

h1 a {
  display: inline-block;
}

h1 a:hover,
nav a:hover {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p:not(:last-child) {
  margin-bottom: 1.278rem;
}

p:empty {
  display: none;
}

img {
  display: block;
  max-width: 100%;
  border: none;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
  /* 	max-width: 100%; */
  height: auto;
}

.embed-container iframe {
  pointer-events: none !important;
}

.aktivitaet__content > .embed-container iframe {
  pointer-events: auto !important;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.glyph {
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 2.875rem;
  display: inline-block;
}

.word {
  white-space: nowrap;
  display: inline-block;
}

.word:not(:last-child)::after {
  content: "";
  margin-right: 0.4em;
}

figcaption .glyph {
  font-size: 1.0625rem; /*17px*/
}

.intro__animation__logo__part .glyph.glyph--1::before,
.logo__part .glyph.glyph--1::before,
body.page-template-template-aktivitaeten .glyph::before,
body.page-template-template-aktivitaeten #nav__symbol::after,
body.page-template-template-aktivitaeten #nav__symbol::before {
  content: "!";
}

.intro__animation__logo__part .glyph.glyph--2::before,
.logo__part .glyph.glyph--2::before,
body.page-template-template-schule .glyph::before,
body.page-template-template-schule #nav__symbol::after,
body.page-template-template-schule #nav__symbol::before {
  content: ".";
}

.intro__animation__logo__part .glyph.glyph--3::before,
.logo__part .glyph.glyph--3::before,
body.page-template-template-studium .glyph::before,
body[class*="page-template-template-bewerbung"] .glyph::before,
body.page-template-template-confirmation .glyph::before,
body.page-template-template-studium #nav__symbol::after,
body.page-template-template-studium #nav__symbol::before {
  content: "/";
}

.intro__animation__logo__part .glyph.glyph--4::before,
.logo__part .glyph.glyph--4::before,
body.page-template-template-menschen .glyph::before,
body.single-mensch .glyph::before,
body.page-template-template-menschen #nav__symbol::after,
body.page-template-template-menschen #nav__symbol::before,
body.single-mensch #nav__symbol::after,
body.single-mensch #nav__symbol::before {
  content: ",";
}

.intro__animation__logo__part .glyph.glyph--5::before,
.logo__part .glyph.glyph--5::before,
body.page-template-template-kontakt .glyph::before,
body.page-template-template-kontakt #nav__symbol::after,
body.page-template-template-kontakt #nav__symbol::before {
  content: "?";
}

.intro__animation__logo__part .glyph.glyph--6::before,
.logo__part .glyph.glyph--6::before,
body.page-template-template-impressum .glyph::before,
body.page-template-template-impressum #nav__symbol::after,
body.page-template-template-impressum #nav__symbol::before {
  content: "–";
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

header {
  position: relative;
}

h1,
.title--small h3,
#archive h3 {
  font-size: 3rem; /*48px*/
  line-height: 0.8958;
  margin-bottom: 1rem;
}

h1 {
  padding: 0 1rem;
}

.logo__part {
  display: block;
}

.logo__part .glyph,
.title--small h3 .glyph,
#archive h3 .glyph {
  font-size: 2.875rem;
}

#social {
  position: absolute;
  top: -6px;
  right: 1rem;
}

.icon__social {
  position: relative;
  width: 2.6875rem; /*???*/
  height: 2.6875rem; /*???*/
}

.icon__social svg {
  position: absolute;
  bottom: 0;
  right: 0;
}

nav,
#intro__nav {
  position: relative;
  padding: 0 1rem 1rem 1rem;
  background: white;
  z-index: 99;
}

/*
nav {
	margin-bottom: 1rem;
}
*/

nav ul,
#intro__nav ul {
  opacity: 0;
  height: 0;
  pointer-events: none;
}

nav ul.nav--open {
  pointer-events: all;
}

#button__nav {
  margin-top: 1rem;
}

#nav__symbol {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 30px;
  height: 100%;
  text-align: right;
}

#nav__symbol::after,
#nav__symbol::before {
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  position: relative;
  z-index: 99;
}

#nav__symbol::after {
  font-size: 3rem;
}

header nav ul li:first-child {
  padding-top: 1rem;
}

nav:not(.nav--pinned) #nav__symbol::before,
#intro__nav #nav__symbol::before {
  visibility: hidden;
}

.nav--pinned {
  width: 100% !important;
  max-width: 1440px !important;
  top: 0 !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.nav--pinned #nav__symbol::after {
  visibility: hidden;
}

/*
.nav--pinned #nav__symbol::before {
	visibility: visible !important;
}
*/

body.page-template-template-aktivitaeten #nav__symbol::after,
body.page-template-template-schule #nav__symbol::after,
body.page-template-template-menschen #nav__symbol::after,
body.single-mensch #nav__symbol::after,
body.page-template-template-kontakt #nav__symbol::after {
  top: 5px;
  left: 0;
}

body.page-template-template-studium #nav__symbol::after {
  top: 5px;
  left: 2px;
}
body.page-template-template-impressum #nav__symbol::after {
  top: 13px;
  left: 1px;
}

body.page-template-template-aktivitaeten #nav__symbol::before,
body.page-template-template-schule #nav__symbol::before,
body.page-template-template-menschen #nav__symbol::before,
body.single-mensch #nav__symbol::before {
  top: 5px;
  left: 10px;
}

body.page-template-template-kontakt #nav__symbol::before {
  top: 5px;
  left: 13px;
}
body.page-template-template-studium #nav__symbol::before {
  top: 5px;
  left: 17px;
}
body.page-template-template-impressum #nav__symbol::before {
  top: 5px;
  left: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Ticker & Archiv
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#ticker {
  margin-bottom: 1rem;
}

/*
.ticker__container{
  white-space: nowrap;
  overflow: hidden;
}

.ticker__container p {
	width: auto;
  margin: 0;
  padding: 0 1.363636rem 0 0;
  display: inline-block;
}

#ticker p {
	margin-bottom: 0;
	padding-bottom: 1rem;
}
*/

#ticker {
  white-space: nowrap;
  overflow: hidden;
}

.ticker__segment {
  display: inline-block;
  padding-bottom: 1rem;
  animation: scroll 15s infinite linear;
}

.ticker__segment > span {
  /* 	padding: 0 0.5rem; */
}

.ticker__segment > span::after {
  content: "!!!";
  margin: 0 1rem;
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 1.0625rem; /*17px*/
  line-height: 1.2;
}

/*
    
.offset-25
  transform: translateX(-25%)

.offset-50
  transform: translateX(-50%)

.offset-75
  transform: translateX(-75%)
*/

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

main#archive {
  position: relative;
}

/*
main#archive::before {
	content:'';
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: rgba(232,64,34,1);
	z-index: -1;
}
*/

body.page-template-template-aktivitaeten {
  padding-bottom: 0;
}

body.page-template-template-aktivitaeten footer {
  background: rgba(232, 64, 34, 1);
  padding-bottom: 2rem;
}

body.page-template-template-aktivitaeten nav::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: white;
  z-index: -1;
}

body.page-template-template-aktivitaeten footer {
  position: relative;
}

/*
body.page-template-template-aktivitaeten footer::after, #filter__buttons::before {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: rgba(232,64,34,1);
	z-index: -1;
}
*/

main#archive,
body.page-template-template-aktivitaeten footer,
#filter__buttons {
  width: 100vw;
  background: rgba(232, 64, 34, 1);
}

#filter__buttons {
  padding: 1rem 1rem 2rem 1rem;
}

#filter__buttons h4 {
  margin-bottom: 1rem;
}

#filter__buttons button {
  margin: 0rem 0.5rem 1rem 0;
  text-transform: none;
}

#filter__buttons__wrapper {
  margin-bottom: -1rem;
}

#filter__buttons button:not(:last-child)::after {
  content: "/";
  margin-left: 0.5rem;
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
}

.load--disabled {
  pointer-events: none;
  visibility: hidden;
}

.rubriken > span:not(:last-child)::after {
  content: ", ";
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h3 {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 3rem; /*48px*/
  line-height: 0.9; /*???*/
}

main {
  padding: 1rem 1rem 0 1rem;
  display: block;
}

body.page-template-template-menschen main {
  padding: 1rem 0.5rem 0 0.5rem;
}

main:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.content__block {
  padding: 1rem 0;
}

.content__block:last-of-type {
  padding-bottom: 0;
}

.content__section:not(:last-of-type) {
  margin-bottom: 6rem;
}

.button__accordion,
.button__accordion--close,
#button__load,
#button__back,
#button__form,
#button__absolventen__load_more {
  position: relative;
  padding-left: 1.2rem;
}

.aktivitaet__preview .button__accordion {
  display: block;
  clear: both;
}

.button__accordion::before,
.button__accordion--close::before,
#button__form,
#button__absolventen__load_more::before {
  content: attr(data-symbol);
  position: absolute;
  left: 0;
}

.accordion {
  /* 	padding: 1.278rem 0 0 0.9rem; */
  padding: 0 0 0 0.9rem;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.aktivitaet__accordion.accordion {
  padding-left: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Aktivität
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aktivitaet:not(:last-of-type) {
  margin-bottom: 6rem;
}

.aktivitaet__preview,
.aktivitaet__info,
.aktivitaet__content,
.aktivitaet__description,
.aktivitaet__review {
  margin-bottom: 2rem;
}

.aktivitaet__preview:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.aktivitaet__general,
.aktivitaet__media {
  width: 100%;
}

.aktivitaet__general {
  z-index: 60;
  position: relative;
}

.aktivitaet--center .aktivitaet__media {
  display: none;
}

.aktivitaet__media {
  margin-bottom: 2rem;
}

.aktivitaet__basic {
  margin-bottom: 2rem;
  padding-right: 0.5rem;
}

.aktivitaet__date,
.aktivitaet__caption,
.aktivitaet__caption p {
  display: inline;
}

.aktivitaet__content figcaption,
.aktivitaet__media figcaption {
  font-size: 17px;
  margin-top: 0.66rem;
}

.aktivitaet__info li {
  display: inline;
}

.aktivitaet__info span {
  position: relative;
}

.aktivitaet__info span::before,
#mensch__info span::before,
#mensch__lists ul li ul li span::before,
#mensch__lists ul li ul li a.more::before {
  content: "/ ";
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  white-space: nowrap;
}

.aktivitaet__info--small span::before,
#mensch__info span::before {
  font-size: 1.0625rem;
}

.aktivitaet__info--big span::before {
  font-size: 1.5625rem;
}

#page__navigation {
  margin-top: 4rem;
  padding-bottom: 2rem;
}

#button__load::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 100%;
  background: url("assets/ui/buttons/button__load.svg") no-repeat;
}

#button__back::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 100%;
  background: url("assets/ui/buttons/button__back.svg") no-repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Schule
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.content__excerpt {
  margin-bottom: 1rem;
}

.content__bild__col--2:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.content__bild__col--1 img {
  padding: 0 16.666% 0 16.666%;
}

.content__bild__col--2 img:nth-child(1) {
  float: left;
  padding: 0 25% 1rem 25%;
}

.content__bild__col--2 img:nth-child(2) {
  float: right;
  padding: 0 41.666% 0 8.333%;
}

.content__block--bild.pattern:nth-child(3) .content__bild__col--2::before {
  top: 3rem;
}

.content__block--bild.pattern:nth-child(3) .content__bild__col--1::before {
  bottom: 1rem;
}

body.page-template-template-studium
  .content__section:nth-child(2)
  .content__block--text.pattern
  .content__text::before {
  left: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Studium
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#studium__application {
  margin-bottom: 6rem;
}

#studium__application ul {
  padding-top: 1rem;
}

.studium__accordion {
  /* 	padding: 1rem 0 0 0.9rem; */
  padding: 0 0 0 0.9rem;
}

.accordion__parent--open,
.studium__accordion p,
.mensch__accordion p {
  margin: 1.275rem 0;
}

.accordion__parent--open:first-child {
  margin-top: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Menschen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menschen:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

#menschen__list,
#menschen__sidebar {
  width: 100%;
  margin-bottom: 3rem;
  float: left;
}

#menschen__sidebar {
  padding: 0 0.5rem;
}

#menschen h5 {
  margin-bottom: 1rem;
}

#menschen__list h3,
#menschen__list h4,
#menschen__list h5 {
  padding: 0 0.5rem;
}

#menschen__list h3 {
  margin-bottom: 2rem;
}

#menschen ul {
  margin-bottom: 2rem;
}

#menschen ul li ul:not(.list--grid),
#menschen__verhaltenskodex li > div {
  padding: 0 0.5rem;
}

#menschen ul li ul.list--grid:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

#menschen ul li {
  margin-bottom: 2rem;
}

#menschen ul li ul:not(.list--grid) li {
  display: inline-block;
  margin-bottom: 0;
}

#menschen ul li ul:not(.list--grid) li:not(:last-child)::after {
  content: ", ";
}

#menschen ul li ul.list--grid li {
  width: 50%;
  margin-bottom: 1rem;
  padding: 0 0.5rem;
  float: left;
}

#menschen ul li ul.list--grid li:nth-child(2n + 1) {
  clear: both;
}

#mensch__status,
#mensch__portrait img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

#mensch__portrait img {
  width: 75%;
  max-width: 520px;
  margin: 0 auto;
}

#mensch__status,
#mensch__portrait {
  margin-bottom: 2rem;
}

#mensch__info {
  margin-bottom: 3rem;
}

#mensch__info ul li {
  display: inline;
}

#mensch__info ul li p {
  display: inline-block;
}

#mensch__info ul li.mensch__info__text:not(:last-child) p {
  padding-bottom: 1rem;
}

#mensch__lists > ul > li {
  margin-bottom: 2rem;
}

#mensch__lists button {
  text-transform: none;
}

#mensch__lists h4, /* #mensch__lists ul>li>ul>li:not(:last-child) */ {
  margin-bottom: 1.278rem;
}

#mensch__lists ul li ul li ul li,
#mensch__lists ul li ul li ul li p {
  display: inline;
  margin-bottom: 0;
}

/*
 #menschen li {
	padding-bottom: 1rem;
}
*/

#menschen__list figure img {
  margin-bottom: 0.66rem;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

#menschen__list figure figcaption {
  /* 	height: 1.7575rem; */
}

#menschen__search__label {
  width: 23px;
  position: relative;
  margin-top: 1rem;
  display: block;
  font-size: inherit;
  line-height: inherit;
}

.search--active#menschen__search__label {
  width: 100%;
  padding-right: 20px;
}

#menschen__search__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("assets/ui/buttons/button__search.svg") no-repeat;
}

.search--active#menschen__search__label::before {
  visibility: hidden;
}

#menschen__search__label::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 17px;
  height: 100%;
  background: url("assets/ui/buttons/button__submit.svg") no-repeat;
  /* 	background-color: rgba(255,214,22,1); */
  visibility: hidden;
}

.search--active#menschen__search__label::after {
  visibility: visible;
}

#menschen__search__label:not(.search--active) input {
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}

.menschen__list {
  padding-top: 2rem;
  text-transform: none;
}

#menschen ul.menschen__list li {
  margin-bottom: 0;
}

#menschen ul li.absolventen__year:last-child {
  margin-bottom: 3rem;
}

.absolventen__year--hidden {
  display: none;
}

#button__absolventen__load_more {
  margin: 1rem 0 3rem 0.5rem;
} /*
aside div {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	transition: 1s ease-out;
}

div:not(.scrollmagic-pin-spacer).aside--pinned {
	background: red;
	-webkit-transform: translateY(-1rem);
	-moz-transform: translateY(-1rem);
	-o-transform: translateY(-1rem);
	-ms-transform: translateY(-1rem);
	transform: translateY(-1rem);
}
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Kontakt
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#kontakt__map__container {
  padding-right: 16.66%;
  margin-bottom: 3rem;
}

#kontakt__map {
  height: 500px;
}

#kontakt__map img {
  opacity: 1;
  max-width: inherit !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Bewerbungsformular
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.form__description {
  width: 100%;
  max-width: 687px;
  padding-bottom: 3rem;
}

input::-webkit-input-placeholder {
  color: black;
}
input:focus::-webkit-input-placeholder {
  opacity: 0;
}

/* Firefox < 19 */
input:-moz-placeholder {
  color: black;
}
input:focus:-moz-placeholder {
  opacity: 0;
}

/* Firefox > 19 */
input::-moz-placeholder {
  color: black;
}
input:focus::-moz-placeholder {
  opacity: 0;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
  color: black;
}
input:focus:-ms-input-placeholder {
  opacity: 0;
}

.form__section {
  margin-bottom: 3rem;
}

.form__section h4 {
  margin-bottom: 1rem;
}

.form__section ul:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.form__section li {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 1rem;
}

.form__section li:last-child,
.form__section li label:last-child,
.form__section li p:last-child {
  margin-bottom: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
  width: 100%;
  border-bottom: 3px solid black;
}

#form__other input,
#form__other p {
  margin-top: 1rem;
}

input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  margin-right: 1rem;
}

input[type="radio"] + label span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid black;
}

input[type="radio"] + label span {
}

input[type="radio"]:checked + label span {
  position: relative;
}

input[type="radio"]:checked + label span::after {
  content: "/";
  display: block;
  position: absolute;
  top: -13px;
  left: -3px;
  width: 100%;
  height: 100%;
}

li#contact__plz,
li#personal__birthday {
  clear: both;
  width: 33.33%;
  padding-right: 0.5rem;
}

li#contact__city,
li#personal__birthplace {
  width: 66.66%;
  padding-left: 0.5rem;
}

li#contact__tel {
  margin-bottom: 0;
}

li#contact__tel,
li#personal__firstname {
  width: 50%;
  padding-right: 0.5rem;
}

li#contact__email,
li#personal__lastname {
  width: 50%;
  padding-left: 0.5rem;
}

body[class*="page-template-template-bewerbung"] label:hover {
  cursor: pointer;
}

#form__button--submit {
  float: right;
}

.error {
  color: inherit !important;
  border-color: inherit !important;
}

.help-block {
  display: block;
}

.form__conditional {
  display: none;
}

.form__button--submit--disabled #form__button--submit,
#form__button--submit.disabled {
  text-decoration: line-through;
  pointer-events: none;
}

#form__errors {
  display: none;
}

.form__button--submit--disabled #form__errors {
  display: block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

footer {
  padding: 6rem 1rem 0 1rem;
  text-align: right;
}

body.page-template-template-aktivitaeten footer,
body.single footer {
  padding-top: 0;
}

#logo__fachakademie {
  max-width: 393px;
  width: 74%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Intro
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.home main {
  background: white;
  z-index: 9;
}

.header--hidden {
  visibility: hidden !important;
}

.header--hidden #nav__symbol::before {
  visibility: hidden !important;
}

#intro__container {
  /* 	padding-top: 1rem; */
  overflow-y: hidden;
}

#intro {
  width: 100%;
}

#intro__animation {
  position: fixed;
  width: 100%;
  max-width: 1440px;
  padding: 1rem;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: -1;
}

#intro__animation #social {
  right: 1rem;
  top: 1rem;
  margin-top: -6px;
}

#intro__animation__logo {
  font-size: 160px;
  font-size: 11.11vw;
  line-height: 144px;
  line-height: 10vw;
}

.intro__animation__logo__part .glyph {
  font-size: 152px;
  font-size: 10.56vw;
}

.intro__animation__logo__part {
  display: block;
}

#intro__header {
  position: relative;
  width: 100%;
  height: 94px;
}

#intro__nav {
  /*
	position: absolute;
	left: 0;
	width: 100%;
	max-width: 1440px;
	padding-top: 1rem !important;
	padding-right: 1rem;
	bottom: 0;
*/
}

.intro__nav--fixed {
  position: fixed !important;
  width: 100%;
  max-width: 1440px;
  bottom: 0;
}

/*
#intro__nav::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1rem;
	background: white;
	bottom: -1rem;
	left: 0;
}
*/

#intro__content {
  position: relative;
  padding: 0 1rem;
  /* 	background: lime; */
  padding-top: 100vh;
  height: 200vh;
  overflow: hidden;
}

#intro__content li {
  position: relative;
  height: 10%;
  overflow: visible;
  /* z-index: -1; */
  /* background: orange; */
  /*     border-bottom: 1px dashed red; */
}

#intro__content li::before {
  position: absolute;
  top: 0;
  width: 100%;
}

.intro__teaser {
  width: 100%;
}

.intro__pattern--1 {
  padding-left: 0;
  -webkit-transform: translateY(950%);
  -moz-transform: translateY(950%);
  -o-transform: translateY(950%);
  -ms-transform: translateY(950%);
  transform: translateY(950%);
}

.notrans-message-wrapper {
  background: #fef9ee;
  padding:  0.3rem;
 
}

.intro__pattern--3 {
  padding-left: 211px;
  -webkit-transform: translateY(450%);
  -moz-transform: translateY(450%);
  -o-transform: translateY(450%);
  -ms-transform: translateY(450%);
  transform: translateY(450%);
}
.intro__pattern--6 {
  padding-left: 366px;
  -webkit-transform: translateY(250%);
  -moz-transform: translateY(250%);
  -o-transform: translateY(250%);
  -ms-transform: translateY(250%);
  transform: translateY(250%);
}
.intro__pattern--4 {
  padding-left: 531px;
  -webkit-transform: translateY(550%);
  -moz-transform: translateY(550%);
  -o-transform: translateY(550%);
  -ms-transform: translateY(550%);
  transform: translateY(550%);
}
.intro__pattern--5 {
  padding-left: 728px;
  -webkit-transform: translateY(750%);
  -moz-transform: translateY(750%);
  -o-transform: translateY(750%);
  -ms-transform: translateY(750%);
  transform: translateY(750%);
}
.intro__pattern--2 {
  padding-left: 898px;
  -webkit-transform: translateY(350%);
  -moz-transform: translateY(350%);
  -o-transform: translateY(350%);
  -ms-transform: translateY(350%);
  transform: translateY(350%);
}

/*
.intro__pattern--1::before {top: 0;}
.intro__pattern--2::before {top: 211px;}
.intro__pattern--3::before {top: 366px;}
.intro__pattern--4::before {top: 531px;}
.intro__pattern--5::before {top: 728px;}
.intro__pattern--6::before {top: 898px;}
*/

/*
#intro__content .scrollmagic-pin-spacer:nth-child(1) li {background-color:orange;}
#intro__content .scrollmagic-pin-spacer:nth-child(2) li {background-color:blue;}
#intro__content .scrollmagic-pin-spacer:nth-child(3) li {background-color:lime;}
#intro__content .scrollmagic-pin-spacer:nth-child(4) li {background-color:aqua;}
#intro__content .scrollmagic-pin-spacer:nth-child(5) li {background-color:purple;}
#intro__content .scrollmagic-pin-spacer:nth-child(6) li {background-color:pink;}
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Pattern
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pattern {
  position: relative;
}

.aktivitaet__basic::after,
.aktivitaet__media::after,
.aktivitaet__general h3::after,
.content__block--text.pattern .content__text::before {
  display: none;
}

.aktivitaet--left .aktivitaet__basic,
.aktivitaet--right .aktivitaet__media,
.aktivitaet--center .aktivitaet__general h3 {
  position: relative;
}

.aktivitaet--left .aktivitaet__basic::after,
.aktivitaet--right .aktivitaet__media::after,
.aktivitaet--center .aktivitaet__general h3::after {
  content: attr(data-glyphs);
  position: absolute;
  width: 396px;
  font-family: "Larish Neue Semibold";
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.9;
  word-wrap: break-word;
  pointer-events: none;
}

.aktivitaet--left.pattern--m .aktivitaet__basic::after,
.aktivitaet--right.pattern--m .aktivitaet__media::after,
.aktivitaet--center.pattern--m .aktivitaet__general h3::after {
  font-size: 46px;
  letter-spacing: 23px;
}

.aktivitaet--left.pattern--l .aktivitaet__basic::after,
.aktivitaet--right.pattern--l .aktivitaet__media::after,
.aktivitaet--center.pattern--l .aktivitaet__general h3::after {
  font-size: 91px;
  letter-spacing: 45px;
}

.aktivitaet--left.pattern--xl .aktivitaet__basic::after,
.aktivitaet--right.pattern--xl .aktivitaet__media::after,
.aktivitaet--center.pattern--xl .aktivitaet__general h3::after {
  font-size: 182px;
  /*
margin-top: -9px;
	margin-left: -12px;
*/
  letter-spacing: 45px;
}

.aktivitaet--left.pattern--xxl .aktivitaet__basic::after,
.aktivitaet--right.pattern--xxl .aktivitaet__media::after,
.aktivitaet--center.pattern--xxl .aktivitaet__general h3::after {
  font-size: 364px;
  /*
	margin-top: -16px;
	margin-left: -26px;
*/
  letter-spacing: 91px;
}

.aktivitaet--left .aktivitaet__basic::after {
  left: 133.33%;
  top: 0;
}

.aktivitaet--right .aktivitaet__media::after {
  right: 0;
  top: 0;
}

.aktivitaet--center .aktivitaet__general h3::after {
  left: -50%;
  top: 0;
}

/* Inventory_________________________________________________
	
.intro__pattern.pattern--b.pattern--xxl.pattern--1,
.intro__pattern.pattern--b.pattern--xxl.pattern--2,
.intro__pattern.pattern--b.pattern--xl.pattern--1,
.intro__pattern.pattern--b.pattern--xl.pattern--2,
.intro__pattern.pattern--b.pattern--l.pattern--1,

.intro__pattern.pattern--c.pattern--l.pattern--1,
.intro__pattern.pattern--c.pattern--xl.pattern--1,
.intro__pattern.pattern--c.pattern--xxl.pattern--1,

.intro__pattern.pattern--d.pattern--xxl.pattern--1,
.intro__pattern.pattern--d.pattern--xxl.pattern--2,
.intro__pattern.pattern--d.pattern--xxl.pattern--3,
.intro__pattern.pattern--d.pattern--xl.pattern--1,
.intro__pattern.pattern--d.pattern--l.pattern--1,
.intro__pattern.pattern--d.pattern--l.pattern--2,

.intro__pattern.pattern--e.pattern--xxl.pattern--1,
.intro__pattern.pattern--e.pattern--l.pattern--1,

.intro__pattern.pattern--f.pattern--xl.pattern--1

____________________________________________________________
*/

.intro__pattern::before,
.aktivitaet__content::before,
.aktivitaet__description::before,
.content__block--bild.pattern .content__bild__col--1::before,
.content__block--bild.pattern .content__bild__col--2::before,
.content__block--text.pattern .content__text::before,
#studium__application ul::before,
.menschen__pattern::after,
#mensch__portrait figure::before,
#mensch__portrait figure::after,
#mensch__lists > ul > li:nth-child(3)::after,
#kontakt__information::before,
#kontakt__map__container::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

.intro__pattern.pattern--a.pattern--l.pattern--1::before {
  width: 187.5px;
  height: 249.5px;
  background-image: url("assets/ui/pattern/aktivitaeten/ofs__pattern__aktivitaeten--l--1.svg");
}
.intro__pattern.pattern--a.pattern--xl.pattern--1::before {
  width: 114px;
  height: 150px;
  background-image: url("assets/ui/pattern/aktivitaeten/ofs__pattern__aktivitaeten--xl--1.svg");
}
.intro__pattern.pattern--a.pattern--xxl.pattern--1::before {
  width: 129px;
  height: 135.5px;
  background-image: url("assets/ui/pattern/aktivitaeten/ofs__pattern__aktivitaeten--xxl--1.svg");
}

.aktivitaet__content.pattern.pattern--l::before,
.aktivitaet__description.pattern.pattern--l::before {
  width: 44px;
  height: 120.5px;
  background-image: url("assets/ui/pattern/aktivitaeten/ofs__pattern__aktivitaeten--l--2.svg");
}

.aktivitaet__content.pattern.pattern--xl::before,
.aktivitaet__description.pattern.pattern--xl::before {
  width: 15.5px;
  height: 150px;
  background-image: url("assets/ui/pattern/aktivitaeten/ofs__pattern__aktivitaeten--xl--2.svg");
}

.intro__pattern.pattern--b.pattern--l.pattern--1::before,
.content__block--bild.pattern--xl .content__bild__col--1::before {
  width: 184.5px;
  height: 222.5px;
  background-image: url("assets/ui/pattern/schule/ofs__pattern__schule--l--2.svg");
}
.intro__pattern.pattern--b.pattern--xxl.pattern--1::before,
.content__block--bild.pattern--xxl .content__bild__col--1::before,
.content__block--bild.pattern--xxl .content__bild__col--2::before {
  width: 127px;
  height: 193px;
  background-image: url("assets/ui/pattern/schule/ofs__pattern__schule--xxl--1.svg");
}
.intro__pattern.pattern--b.pattern--xl.pattern--1::before,
.content__block--bild.pattern--xl .content__bild__col--2::before {
  width: 112px;
  height: 178.5px;
  background-image: url("assets/ui/pattern/schule/ofs__pattern__schule--xl--1.svg");
}
.intro__pattern.pattern--b.pattern--xxl.pattern--2::before,
.content__block--text.pattern--xxl .content__text::before {
  width: 30px;
  height: 29px;
  background-image: url("assets/ui/pattern/schule/ofs__pattern__schule--xxl--3.svg");
}
.intro__pattern.pattern--b.pattern--xl.pattern--2::before,
.content__block--text.pattern--xl .content__text::before {
  width: 112px;
  height: 178.5px;
  background-image: url("assets/ui/pattern/schule/ofs__pattern__schule--xl--3.svg");
}

.intro__pattern.pattern--c.pattern--l.pattern--1::before,
#studium__application ul::before {
  width: 165.5px;
  height: 259px;
  background-image: url("assets/ui/pattern/studium/ofs__pattern__studium--l--1.svg");
}
.intro__pattern.pattern--c.pattern--xxl.pattern--1::before,
.page-template-template-studium
  .content__block--text.pattern--xxl
  .content__text::before {
  width: 127px;
  height: 193px;
  background-image: url("assets/ui/pattern/studium/ofs__pattern__studium--xxl--2.svg");
}
.intro__pattern.pattern--c.pattern--xl.pattern--1::before,
.page-template-template-studium
  .content__block--text.pattern--xl
  .content__text::before {
  width: 112px;
  height: 178.5px;
  background-image: url("assets/ui/pattern/studium/ofs__pattern__studium--xl--2.svg");
}

.intro__pattern.pattern--d.pattern--xxl.pattern--1::before,
.menschen__pattern::after {
  width: 37.5px;
  height: 214.5px;
  background-image: url("assets/ui/pattern/menschen/ofs__pattern__menschen--xxl--1.svg");
}
.intro__pattern.pattern--d.pattern--l.pattern--1::before,
#mensch__portrait figure.pattern--xxl_l::before {
  width: 81.5px;
  height: 142px;
  background-image: url("assets/ui/pattern/mensch/ofs__pattern__mensch--l--2.svg");
}
.intro__pattern.pattern--d.pattern--xxl.pattern--2::before,
#mensch__portrait figure.pattern--xxl_l::after {
  width: 37.5px;
  height: 50.5px;
  background-image: url("assets/ui/pattern/mensch/ofs__pattern__mensch--xxl--2.svg");
}
.intro__pattern.pattern--d.pattern--xl.pattern--1::before,
#mensch__portrait figure.pattern--l_xl::after {
  width: 224px;
  height: 185px;
  background-image: url("assets/ui/pattern/mensch/ofs__pattern__mensch--l--1.svg");
}
.intro__pattern.pattern--d.pattern--l.pattern--2::before,
#mensch__portrait figure.pattern--l_xl::before {
  width: 68px;
  height: 189.5px;
  background-image: url("assets/ui/pattern/mensch/ofs__pattern__mensch--xl--2.svg");
}
.intro__pattern.pattern--d.pattern--xxl.pattern--3::before,
#mensch__lists > ul > li:nth-child(3)::after {
  width: 37.5px;
  height: 50.5px;
  background-image: url("assets/ui/pattern/mensch/ofs__pattern__mensch--xxl--2.svg");
}

.intro__pattern.pattern--e.pattern--xxl.pattern--1::before,
#kontakt__information::before {
  width: 59px;
  height: 134.5px;
  background-image: url("assets/ui/pattern/kontakt/ofs__pattern__kontakt--xxl--2.svg");
}
.intro__pattern.pattern--e.pattern--l.pattern--1::before,
#kontakt__map__container::before {
  width: 142.5px;
  height: 163px;
  background-image: url("assets/ui/pattern/kontakt/ofs__pattern__kontakt--l--1.svg");
}

.intro__pattern.pattern--f.pattern--xl.pattern--1::before,
.page-template-template-impressum #kontakt__information::before {
  width: 51.5px;
  height: 173px;
  background-image: url("assets/ui/pattern/impressum/ofs__pattern__impressum--xl--1.svg");
}

.intro__pattern.pattern--f.pattern--m.pattern--1::before {
  width: 51.5px;
  height: 173px;
  background-image: url("assets/ui/pattern/impressum/ofs__pattern__impressum--m--1.svg");
}

.aktivitaet__content.pattern::before {
  top: 0;
  left: 0;
}
.aktivitaet__description.pattern::before {
  top: 0;
  left: 83.33%;
  margin-left: 1rem;
}
.content__block--bild.pattern .content__bild__col--1::before {
  left: 16.66%;
  bottom: 0;
}
.content__block--bild.pattern .content__bild__col--2::before {
  top: 7rem;
  left: 0;
}
.content__block--text.pattern .content__text::before {
  top: 1rem;
  left: 83.33%;
  margin-left: 1rem;
}
#studium__application ul::before {
  top: 1rem;
  right: -100%;
}
.page-template-template-studium
  .content__block--text.pattern
  .content__text::before {
  top: 1rem;
  left: 83.33%;
}
.menschen__pattern {
  height: 429px;
}
.menschen__pattern::after {
  top: 0;
  left: 0;
}
#mensch__portrait figure.pattern--xxl_l::before {
  top: 0;
  left: 116.66%;
}
#mensch__portrait figure.pattern--xxl_l::after {
  top: 50%;
  left: -50%;
}
#mensch__portrait figure.pattern--l_xl::before {
  top: 0;
  left: 116.66%;
}
#mensch__portrait figure.pattern--l_xl::after {
  top: 50%;
  left: -50%;
}
#mensch__lists > ul > li:nth-child(3) {
  position: relative;
}
#mensch__lists > ul > li:nth-child(3)::after {
  left: 50%;
  bottom: 100%;
  margin-bottom: 2rem;
}
#kontakt__information::before {
  top: 0;
  left: 0;
}
#kontakt__map__container::before {
  top: 50%;
  right: 0;
  z-index: 1;
}
.page-template-template-impressum #kontakt__information::before {
  top: 0;
  left: 0;
}

@media screen and (min-width: 375px) {
}

@media screen and (min-width: 480px) {
  html {
    font-size: 22px;
  }

  body {
    font-size: 1.045rem /*23px*/;
  }

  label:not(.fontsize--medium):not(.fontfamily--serif),
  .help-block.error {
    font-size: 0.772rem; /*17px*/
  }

  nav,
  #intro__nav,
  h4,
  button,
  .fontfamily--sans,
  strong {
    font-size: 1.09rem /*24px*/;
  }

  .fontsize--medium,
  body[class*="page-template-template-bewerbung"] input {
    font-size: 1.545rem /*34px*/;
  }

  .fontsize--medium span,
  label span {
    font-size: 1.636rem /*36px*/;
  }

  .accordion {
    /* 		padding: 1.254rem 0 0 0.9rem; */
    padding: 0 0 0 0.9rem;
  }

  h1,
  .title--small h3 {
    font-size: 2.181rem; /*48px*/
  }

  #archive h3 {
    font-size: 2.7265rem;
  }

  .logo__part .glyph,
  .title--small h3 .glyph {
    font-size: 2.096rem;
  }

  #archive h3 .glyph {
    font-size: 2.593rem;
  }

  h3 {
    font-size: 3.272rem; /*72px*/
  }

  .glyph {
    font-size: 3.09rem;
  }

  figcaption .glyph {
    font-size: 1.045rem /*23px*/;
  }

  p:not(:last-child) {
    margin-bottom: 1.254rem;
  }

  .icon__social {
    width: 1.954rem; /*???*/
    height: 1.954rem; /*???*/
  }

  #nav__symbol::after {
    font-size: 3.09rem;
  }

  body.page-template-template-aktivitaeten #nav__symbol::after,
  body.page-template-template-schule #nav__symbol::after,
  body.page-template-template-menschen #nav__symbol::after,
  body.single-mensch #nav__symbol::after,
  body.page-template-template-kontakt #nav__symbol::after {
    top: 5px;
    left: 1px;
  }

  body.page-template-template-studium #nav__symbol::after {
    top: 5px;
    left: -2px;
  }
  body.page-template-template-impressum #nav__symbol::after {
    top: 14px;
    left: -8px;
  }

  body.page-template-template-aktivitaeten #nav__symbol::before,
  body.page-template-template-schule #nav__symbol::before,
  body.page-template-template-menschen #nav__symbol::before,
  body.single-mensch #nav__symbol::before {
    top: 5px;
    left: 14px;
  }

  body.page-template-template-kontakt #nav__symbol::before {
    top: 5px;
    left: 16px;
  }
  body.page-template-template-studium #nav__symbol::before {
    top: 5px;
    left: 14px;
  }
  body.page-template-template-impressum #nav__symbol::before {
    top: 5px;
    left: 15px;
  }

  .aktivitaet__info--small span::before,
  #mensch__info span::before {
    font-size: 1.045rem;
  }

  .aktivitaet__info--big span::before {
    font-size: 1.545rem;
  }

  .accordion__parent--open,
  .studium__accordion p,
  .mensch__accordion p {
    margin: 1.254rem 0;
  }

  #mensch__lists h4/* , #mensch__lists ul li ul li:not(:last-child) */ {
    margin-bottom: 1.254rem;
  }

  #button__back::before {
    width: 21px;
  }

  #button__load::before,
  #button__back::before {
    top: 6px;
  }

  input[type="radio"]:checked + label span::after {
    top: -21px;
    left: -5px;
  }
}

@media screen and (min-width: 580px) {
  #menschen ul li ul.list--grid li {
    width: 33.33%;
    margin-bottom: 1rem;
    padding: 0 0.5rem;
    float: left;
  }

  #menschen ul li ul.list--grid li:nth-child(2n + 1) {
    clear: none;
  }

  #menschen ul li ul.list--grid li:nth-child(3n + 1) {
    clear: both;
  }
}

@media screen and (min-width: 768px) {
  .aktivitaet__info--small,
  .aktivitaet__content,
  .aktivitaet__description,
  .aktivitaet__review {
    padding: 0 8.33%;
  }

  .content__excerpt {
    height: 3rem;
    padding-right: 66.66%;
  }

  .content__block {
    padding: 1rem 8.33%;
  }

  .content__bild__col--1 {
    padding-left: 20%;
  }

  .content__block--bild:nth-child(3) .content__bild__col--1,
  .content__block--bild:nth-child(3) .content__bild__col--2 {
    /* 		margin-top: -4rem; */
  }

  .content__excerpt {
    margin-bottom: 0;
  }

  .content__bild__col--1 img {
    padding: 0 0 2rem 0;
  }

  .content__bild__col--2 img {
    width: 50%;
  }

  .content__bild__col--2 img:nth-child(1) {
    float: left;
    padding: 6rem 0.5rem 0 0;
  }

  .content__bild__col--2 img:nth-child(2) {
    float: right;
    padding: 0 0 0 0.5rem;
  }

  #studium__application ul {
    width: 50%;
  }

  #menschen ul li ul.list--grid li {
    width: 25%;
  }

  #menschen ul li ul.list--grid li:nth-child(3n + 1) {
    clear: none;
  }

  #menschen ul li ul.list--grid li:nth-child(4n + 1) {
    clear: both;
  }

  #kontakt__information {
    padding: 0 8.33%;
  }

  #kontakt__information li {
    width: 50%;
  }

  form,
  form__confirmation {
    padding: 0 8.33%;
  }
}

@media screen and (min-width: 1024px) {
  html {
    font-size: 33px;
  }

  body {
    font-size: 0.696rem;
  }

  label:not(.fontsize--medium):not(.fontfamily--serif),
  .help-block.error {
    font-size: 0.515rem; /*17px*/
  }

  nav,
  #intro__nav,
  h4,
  button,
  .fontfamily--sans,
  strong {
    font-size: 0.727rem /*24px*/;
  }

  .fontsize--medium,
  body[class*="page-template-template-bewerbung"] input {
    font-size: 1.03rem /*34px*/;
  }

  .fontsize--medium span,
  label span {
    font-size: 1.09rem /*36px*/;
  }

  h1,
  .title--small h3 {
    font-size: 1.454rem; /*48px*/
  }

  #archive h3 {
    font-size: 2.1815rem;
  }

  .logo__part .glyph,
  .title--small h3 .glyph {
    font-size: 1.393rem;
  }

  #archive h3 .glyph {
    font-size: 2.075rem;
  }

  #logo__hyphen {
    display: none;
  }

  h3 {
    font-size: 2.909rem;
  }

  body:not(.page-template-template-aktivitaeten):not(.mensch-template-default)
    h3 {
    padding-right: 25%;
  }

  .glyph {
    font-size: 2.757rem;
  }

  figcaption .glyph {
    font-size: 0.696rem;
  }

  p:not(:last-child) {
    margin-bottom: 0.8352rem;
  }

  .header--hidden {
    height: 0;
  }

  #button__nav {
    display: none;
  }

  header nav ul li:first-child {
    padding-top: 0;
  }

  nav,
  #intro__nav {
    padding-top: 1rem;
    /* 		margin-top: 1rem; */
  }

  nav ul,
  #intro__nav ul {
    opacity: 1;
    height: auto;
    pointer-events: all;
  }

  nav ul li,
  #intro__nav ul li {
    display: inline-block;
  }

  nav ul li:not(:last-child),
  #intro__nav ul li:not(:last-child) {
    margin-right: 0.8rem;
  }

  .icon__social {
    width: 1.303rem; /*???*/
    height: 1.303rem; /*???*/
  }

  #nav__symbol::after {
    font-size: 2.757rem;
  }

  .ticker__segment > span::after {
    font-size: 0.696rem;
  }

  #filter__buttons:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }

  #filter__buttons h4 {
    width: 25%;
    float: left;
    margin-bottom: 0;
  }

  #filter__buttons__wrapper {
    width: 75%;
    float: right;
  }

  body.page-template-template-aktivitaeten #nav__symbol::after,
  body.page-template-template-schule #nav__symbol::after,
  body.page-template-template-menschen #nav__symbol::after,
  body.single-mensch #nav__symbol::after {
    top: 5px;
    left: 2px;
  }

  body.page-template-template-kontakt #nav__symbol::after {
    top: 5px;
    left: -6px;
  }

  body.page-template-template-studium #nav__symbol::after {
    top: 5px;
    left: -10px;
  }
  body.page-template-template-impressum #nav__symbol::after {
    top: 20px;
    left: -20px;
  }

  body.page-template-template-aktivitaeten #nav__symbol::before,
  body.page-template-template-schule #nav__symbol::before,
  body.page-template-template-menschen #nav__symbol::before,
  body.single-mensch #nav__symbol::before {
    top: 5px;
    left: 18px;
  }

  body.page-template-template-kontakt #nav__symbol::before {
    top: 5px;
    left: 16px;
  }
  body.page-template-template-studium #nav__symbol::before {
    top: 5px;
    left: 14px;
  }
  body.page-template-template-impressum #nav__symbol::before {
    top: 5px;
    left: 15px;
  }

  .content__block--text {
    padding: 1rem 16.66%;
  }

  .button__accordion,
  .button__accordion--close,
  #button__load,
  #button__form,
  #button__absolventen__load_more {
    position: relative;
    padding-left: 0.84rem;
  }

  #button__back {
    padding-left: 0.9rem;
  }

  #button__load::before,
  #button__back::before {
    top: 6px;
  }

  .accordion {
    /* 		padding: 0.8352rem 0 0 0.84rem; */
    padding: 0 0 0 0.84rem;
  }

  .aktivitaet__info--small span::before,
  #mensch__info span::before {
    font-size: 0.696rem;
  }

  .aktivitaet__info--big span::before {
    font-size: 1.03rem;
  }

  .aktivitaet__general,
  .aktivitaet__media {
    width: 50%;
  }

  .aktivitaet__media {
    margin-bottom: 0;
  }

  .aktivitaet__info--small,
  .aktivitaet__content,
  .aktivitaet__description,
  .aktivitaet__review {
    padding: 0 16.66%;
  }

  .aktivitaet--left .aktivitaet__general,
  .aktivitaet--left .aktivitaet__media {
    float: left;
  }

  .aktivitaet--right .aktivitaet__general,
  .aktivitaet--right .aktivitaet__media {
    float: right;
  }

  .aktivitaet--center .aktivitaet__general {
    margin-left: 25%;
  }

  .aktivitaet--right .aktivitaet__media {
    padding-right: 16.666%;
    margin-bottom: 2rem;
  }

  .aktivitaet__info--big {
    padding-right: 33.333%;
  }

  .aktivitaet__info--small,
  .aktivitaet__content,
  .aktivitaet__description,
  .aktivitaet__review {
    margin: 0 auto 2rem auto;
  }

  #page__navigation {
    padding-bottom: -0.909rem;
  }

  .studium__accordion {
    /* 		padding: 1rem 0 0 0.84rem; */
    padding: 0 0 0 0.84rem;
  }

  .accordion__parent--open,
  .studium__accordion p,
  .mensch__accordion p {
    margin: 0.8352rem 0;
  }

  #mensch__portrait figure {
    width: 50%;
    margin: 0 auto;
  }

  #menschen__list,
  #menschen__sidebar {
    float: right;
  }

  #menschen__list {
    width: 83.333%;
  }

  #menschen__sidebar {
    width: 16.666%;
    padding: 0;
  }

  div:not(.scrollmagic-pin-spacer).aside--pinned {
    left: auto !important;
    right: 0.5rem !important;
  }

  #mensch__info ul {
    padding-right: 25%;
  }

  #mensch__lists > ul:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }

  #mensch__lists > ul > li {
    width: 33.33%;
    padding-right: 2rem;
    float: left;
  }

  #mensch__lists > ul > li:first-child {
    width: 66.66%;
    padding-left: 33.33%;
  }

  #mensch__lists > ul > li:nth-child(3) {
    clear: both;
  }

  #mensch__lists h4/* , #mensch__lists ul li ul li:not(:last-child) */ {
    margin-bottom: 0.8352rem;
  }

  /*
	.studierende__course__regie li:nth-child(4n+1) {
		margin-left: 5rem;
	}
*/

  /*
	.lehrende__course__regie_theorie {
		padding-left: 5rem;
	}
*/

  #kontakt__information {
    padding: 0 16.66%;
  }

  footer {
    padding-bottom: 1rem;
  }

  form,
  form__confirmation {
    padding: 0 16.66%;
  }

  .aktivitaet__basic::after,
  .aktivitaet__media::after,
  .aktivitaet__general h3::after,
  .content__block--text.pattern .content__text::before {
    display: block;
  }

  .intro__pattern.pattern--a.pattern--l.pattern--1::before {
    width: 375px;
    height: 499px;
  }
  .intro__pattern.pattern--a.pattern--xl.pattern--1::before {
    width: 228px;
    height: 300px;
  }
  .intro__pattern.pattern--a.pattern--xxl.pattern--1::before {
    width: 258px;
    height: 271px;
  }
  .aktivitaet__content.pattern.pattern--l::before,
  .aktivitaet__description.pattern.pattern--l::before {
    width: 88px;
    height: 241px;
  }
  .aktivitaet__content.pattern.pattern--xl::before,
  .aktivitaet__description.pattern.pattern--xl::before {
    width: 31px;
    height: 300px;
  }
  .intro__pattern.pattern--b.pattern--l.pattern--1::before,
  .content__block--bild.pattern--xl .content__bild__col--1::before {
    width: 369px;
    height: 445px;
  }
  .intro__pattern.pattern--b.pattern--xxl.pattern--1::before,
  .content__block--bild.pattern--xxl .content__bild__col--1::before,
  .content__block--bild.pattern--xxl .content__bild__col--2::before {
    width: 254px;
    height: 386px;
  }
  .intro__pattern.pattern--b.pattern--xl.pattern--1::before,
  .content__block--bild.pattern--xl .content__bild__col--2::before {
    width: 224px;
    height: 357px;
  }
  .intro__pattern.pattern--b.pattern--xxl.pattern--2::before,
  .content__block--text.pattern--xxl .content__text::before {
    width: 60px;
    height: 58px;
  }
  .intro__pattern.pattern--b.pattern--xl.pattern--2::before,
  .content__block--text.pattern--xl .content__text::before {
    width: 224px;
    height: 357px;
  }
  .intro__pattern.pattern--c.pattern--l.pattern--1::before,
  #studium__application ul::before {
    width: 331px;
    height: 518px;
  }
  .intro__pattern.pattern--c.pattern--xxl.pattern--1::before,
  .page-template-template-studium
    .content__block--text.pattern--xxl
    .content__text::before {
    width: 254px;
    height: 386px;
  }
  .intro__pattern.pattern--c.pattern--xl.pattern--1::before,
  .page-template-template-studium
    .content__block--text.pattern--xl
    .content__text::before {
    width: 224px;
    height: 357px;
  }
  .intro__pattern.pattern--d.pattern--xxl.pattern--1::before,
  .menschen__pattern::after {
    width: 75px;
    height: 429px;
  }
  .intro__pattern.pattern--d.pattern--l.pattern--1::before,
  #mensch__portrait figure.pattern--xxl_l::before {
    width: 163px;
    height: 284px;
  }
  .intro__pattern.pattern--d.pattern--xxl.pattern--2::before,
  #mensch__portrait figure.pattern--xxl_l::after {
    width: 75px;
    height: 101px;
  }
  .intro__pattern.pattern--d.pattern--xl.pattern--1::before,
  #mensch__portrait figure.pattern--l_xl::after {
    width: 448px;
    height: 370px;
  }
  .intro__pattern.pattern--d.pattern--l.pattern--2::before,
  #mensch__portrait figure.pattern--l_xl::before {
    width: 136px;
    height: 379px;
  }
  .intro__pattern.pattern--d.pattern--xxl.pattern--3::before,
  #mensch__lists > ul > li:nth-child(3)::after {
    width: 75px;
    height: 101px;
  }
  .intro__pattern.pattern--e.pattern--xxl.pattern--1::before,
  #kontakt__information::before {
    width: 118px;
    height: 269px;
  }
  .intro__pattern.pattern--e.pattern--l.pattern--1::before,
  #kontakt__map__container::before {
    width: 285px;
    height: 326px;
  }
  .intro__pattern.pattern--f.pattern--xl.pattern--1::before,
  .page-template-template-impressum #kontakt__information::before {
    width: 103px;
    height: 346px;
  }
  .intro__pattern.pattern--f.pattern--m.pattern--1::before {
    width: 103px;
    height: 346px;
  }

  .intro__pattern::before,
  .aktivitaet__content::before,
  .aktivitaet__description::before,
  .content__block--bild.pattern .content__bild__col--1::before,
  .content__block--bild.pattern .content__bild__col--2::before,
  .content__block--text.pattern .content__text::before,
  #studium__application ul::before,
  .menschen__pattern::after,
  #mensch__portrait figure::before,
  #mensch__portrait figure::after,
  #mensch__lists > ul > li:nth-child(3)::after,
  #kontakt__information::before,
  #kontakt__map__container::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto;
    pointer-events: none;
  }

  .scrollmagic-pin-spacer figure {
    pointer-events: all;
  }

  .intro__media__content--left {
    padding-left: 50%;
  }

  .intro__media__content--right {
    padding-right: 66.66%;
  }

  /*
	.intro__teaser--0 {padding-top: 1rem;}
	.intro__teaser--1 {padding-top: 30vh;}
	.intro__teaser--2 {padding-bottom: 60vh;}
*/
}

@media screen and (min-width: 1200px) {
  nav ul li:not(:last-child),
  #intro__nav ul li:not(:last-child) {
    margin-right: 1.75rem;
  }
  nav ul.lang-sw-wrapper li:not(:last-child)
  {
    margin-right: 0.7rem;
  }


}

@media screen and (min-width: 1440px) {
  /*
	nav ul li:not(:last-child), #intro__nav ul li:not(:last-child) {
		margin-right: 3rem;
	}
*/

  .aktivitaet__info--small,
  .aktivitaet__content,
  .aktivitaet__description,
  .aktivitaet__review {
    padding: 0 25%;
  }

  .content__excerpt {
    padding-right: 75%;
  }

  .content__block {
    padding: 1rem 16.66%;
  }

  .content__block--text {
    padding: 1rem 25%;
  }

  .content__bild__col--1 {
    padding-left: 25%;
  }

  #menschen ul li ul.list--grid li {
    width: 20%;
    margin-bottom: 2rem;
    float: left;
  }

  #menschen ul li ul.list--grid li:nth-child(4n + 1) {
    clear: none;
  }

  #menschen ul li ul.list--grid li:nth-child(5n + 1) {
    clear: both;
  }

  #mensch__status {
    width: 25%;
    float: left;
    padding-right: 0.5rem;
  }

  #mensch__portrait {
    width: 75%;
    padding-right: 25%;
    float: right;
  }

  #mensch__portrait figure {
    width: 100%;
  }

  #mensch__info {
    clear: both;
  }

  #kontakt__information {
    padding: 0 25%;
  }

  form,
  form__confirmation {
    padding: 0 25%;
  }

  #intro__animation__logo {
    font-size: 160px;
    line-height: 144px;
  }

  .intro__animation__logo__part .glyph {
    font-size: 152px;
  }

  .aktivitaet--left.pattern--m .aktivitaet__basic::after,
  .aktivitaet--right.pattern--m .aktivitaet__media::after,
  .aktivitaet--center.pattern--m .aktivitaet__general h3::after {
    font-size: 46px;
    letter-spacing: 23px;
  }

  .aktivitaet--left.pattern--l .aktivitaet__basic::after,
  .aktivitaet--right.pattern--l .aktivitaet__media::after,
  .aktivitaet--center.pattern--l .aktivitaet__general h3::after {
    font-size: 91px;
    letter-spacing: 45px;
  }

  .aktivitaet--left.pattern--xl .aktivitaet__basic::after,
  .aktivitaet--right.pattern--xl .aktivitaet__media::after,
  .aktivitaet--center.pattern--xl .aktivitaet__general h3::after {
    font-size: 182px;
    /*
margin-top: -9px;
		margin-left: -12px;
*/
    letter-spacing: 45px;
  }

  .aktivitaet--left.pattern--xxl .aktivitaet__basic::after,
  .aktivitaet--right.pattern--xxl .aktivitaet__media::after,
  .aktivitaet--center.pattern--xxl .aktivitaet__general h3::after {
    font-size: 364px;
    /*
		margin-top: -16px;
		margin-left: -26px;
*/
    letter-spacing: 91px;
  }

  .aktivitaet__description.pattern::before,
  .content__block--text.pattern .content__text::before {
    margin-left: 0;
  }

  div:not(.scrollmagic-pin-spacer).aside--pinned {
    right: calc(50% - 703px) !important;
  }

  main#archive,
  #filter__buttons,
  body.page-template-template-aktivitaeten footer {
    margin-left: calc((100vw - 1440px) / -2);
    padding: 1rem calc(((100vw - 1440px) / 2) + 1rem);
  }

  #filter__buttons {
    padding: 1rem calc(((100vw - 1440px) / 2) + 1rem) 2rem
      calc(((100vw - 1440px) / 2) + 1rem);
  }
}

@media screen and (max-width: 1024px) {
  .header--hidden {
    visibility: visible !important;
  }

  #intro__container,
  #intro__header {
    display: none;
  }

  #menschen__sidebar .scrollmagic-pin-spacer,
  #menschen__sidebar div div {
    position: static !important;
    width: auto !important;
    height: auto !important;
  }

  .pattern::before,
  .pattern::after,
  .content__bild figure::before,
  .menschen__pattern::after,
  #mensch__portrait figure::before,
  #mensch__portrait figure::after,
  #mensch__lists > ul > li:nth-child(3)::after {
    display: none;
  }
}

.scrollmagic-pin-spacer nav {
  display: flex;
  justify-content: space-between;

}
.current-lang {
  display: none;
}

.lang-item-ls {
  color:transparent ;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cg id='UI_x2F_Leichte-Sprache'%3E%3Cpath id='Combined-Shape' d='M44,13v23l-18,9V22L44,13z M40,31l-10,5v3l10-5V31z M40,25l-10,5v3l10-5V25z M40,19l-10,5v3l10-5V19z'/%3E%3Cpolygon id='Combined-Shape_1_' points='22,22 4,12 4,35 22,45 22,36 '/%3E%3Cpath id='Combined-Shape_2_' d='M14,12l0-0.3C14.2,6.3,18.6,2,24,2c5.5,0,10,4.5,10,10l0,0v2l-10,5l-10-5V12z'/%3E%3C/g%3E%3Cdiv xmlns='' id='divScriptsUsed' style='display: none'/%3E%3Cscript xmlns='' id='globalVarsDetection' src='moz-extension://1f76ee99-b72d-47d4-b8c3-a63130eb0868/js/wrs_env.js'/%3E%3C/svg%3E"); 
}