/** 0.1 Variables **/
/* 0.1.2 Font Size */
/* 0.1.3 Font General */
/**********************************************************************************************************************
=== MainLayout ===
 **********************************************************************************************************************/
/* line 9, ../scss/responsive/smartphone/_layout.scss */
#main-2-col-left #left-col,
#main-2-col-left #main-col,
#main-2-col-left #right-col,
#main-2-col-right #left-col,
#main-2-col-right #main-col,
#main-2-col-right #right-col,
#main-3-col #left-col,
#main-3-col #main-col,
#main-3-col #right-col {
  width: 100%;
  max-width: 100%;
  float: none;
  height: auto;
}
/* line 16, ../scss/responsive/smartphone/_layout.scss */
#main-2-col-left #left-col > .inner,
#main-2-col-left #main-col > .inner,
#main-2-col-left #right-col > .inner,
#main-2-col-right #left-col > .inner,
#main-2-col-right #main-col > .inner,
#main-2-col-right #right-col > .inner,
#main-3-col #left-col > .inner,
#main-3-col #main-col > .inner,
#main-3-col #right-col > .inner {
  width: auto;
  min-width: 0;
  max-width: auto;
  float: none;
  padding: 0;
  border-left: none;
  border-right: none;
}

/* line 29, ../scss/responsive/smartphone/_layout.scss */
#main-2-col-left #left-col {
  display: block;
}
/* line 32, ../scss/responsive/smartphone/_layout.scss */
#main-2-col-left #left-col .js-set-height {
  text-align: center;
  overflow: hidden;
}

/* line 40, ../scss/responsive/smartphone/_layout.scss */
.doorpage #main-2-col-left #main-col,
.contentpage #main-2-col-left #main-col {
  max-width: 100%;
  width: 100%;
  padding-left: 0px;
}

/* line 48, ../scss/responsive/smartphone/_layout.scss */
#main-1-col,
#main-2-col-left,
#main-2-col-right,
#main-3-col {
  background: none;
}
/* line 54, ../scss/responsive/smartphone/_layout.scss */
#main-1-col #main-col .inner,
#main-2-col-left #main-col .inner,
#main-2-col-right #main-col .inner,
#main-3-col #main-col .inner {
  padding: 15px 10px;
  position: relative;
}

/* line 62, ../scss/responsive/smartphone/_layout.scss */
.inner .inner {
  padding: 0 !important;
}

/* line 66, ../scss/responsive/smartphone/_layout.scss */
body.doorpage {
  overflow: scroll !important;
}

/**********************************************************************************************************************
=== EOF MainLayout ===
 **********************************************************************************************************************/
/* line 1, ../scss/responsive/smartphone/_typography.scss */
#main-col .subtitle {
  margin-bottom: 0.85em;
}

/* line 5, ../scss/responsive/smartphone/_typography.scss */
#main-col h1 + .subtitle {
  margin-top: 0;
}

/* line 1, ../scss/responsive/smartphone/_navigation-main.scss */
#navigation-main {
  float: left;
  height: 40px;
  width: 70px;
  display: block;
  overflow: visible;
  position: relative;
  z-index: 19;
}
/* line 2, ../scss/responsive/smartphone/_navigation-main.scss */
.home #navigation-main {
  height: 40px;
}
/* line 4, ../scss/responsive/smartphone/_navigation-main.scss */
#navigation-main.opened > .sub {
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* line 6, ../scss/responsive/smartphone/_navigation-main.scss */
#navigation-main #navigation-meta li.mobileHide {
  display: none !important;
}
/* line 7, ../scss/responsive/smartphone/_navigation-main.scss */
#navigation-main #navigation-meta li a {
  display: none;
}

/* line 11, ../scss/responsive/smartphone/_navigation-main.scss */
#header.menuOpened + div {
  display: none !important;
}

/* line 14, ../scss/responsive/smartphone/_navigation-main.scss */
.home #navigation-main {
  height: 40px;
}
/* line 16, ../scss/responsive/smartphone/_navigation-main.scss */
.home #navigation-main .show-helper {
  display: none;
}
/* line 18, ../scss/responsive/smartphone/_navigation-main.scss */
.home #navigation-main .menu-trigger {
  height: 40px;
  width: 49px;
  padding: 6px 10px 4px 10px;
  height: 30px;
  text-align: center;
  display: block;
  color: #fff;
  border-right: 1px solid #343037;
  font-size: 0.83333em;
}

/* line 2, ../scss/responsive/smartphone/_navigation-meta.scss */
#navigation-meta li {
  position: static;
}
/* line 6, ../scss/responsive/smartphone/_navigation-meta.scss */
#navigation-meta #meta-search {
  padding: 3%;
  width: 94%;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
}
/* line 14, ../scss/responsive/smartphone/_navigation-meta.scss */
#navigation-meta #meta-search li input[type="text"] {
  float: left;
  padding: 0 3%;
  width: 94%;
  height: 50px;
  font-size: 1.75em;
  border: 0;
  background: #DFDEE0;
}
/* line 24, ../scss/responsive/smartphone/_navigation-meta.scss */
#navigation-meta #meta-search li button[type="submit"] {
  position: absolute;
  right: 3%;
  width: 55px;
  color: transparent;
}
/* line 34, ../scss/responsive/smartphone/_navigation-meta.scss */
#navigation-meta li.box-search a.active + ul {
  display: block !important;
}

/* line 1, ../scss/responsive/smartphone/_meta-sub-nav.scss */
.solid-head
.meta-sub-nav {
  margin-top: -1px;
}
/* line 6, ../scss/responsive/smartphone/_meta-sub-nav.scss */
.solid-head
.meta-sub-nav li a {
  width: 24.5%;
  border: none;
  -webkit-box-shadow: inset 1px 1px 0px 0px #697599;
  -moz-box-shadow: inset 1px 1px 0px 0px #697599;
  box-shadow: inset 1px 1px 0px 0px #697599;
}
/* line 13, ../scss/responsive/smartphone/_meta-sub-nav.scss */
.solid-head
.meta-sub-nav li:first-child a {
  width: 26.5%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 1, ../scss/responsive/smartphone/_lists.scss */
#main-1-col #main-col > .inner {
  padding-right: 10px !important;
}

/* line 3, ../scss/responsive/smartphone/_lists.scss */
.list-results,
.list-events {
  width: 100% !important;
  display: block !important;
}
/* line 11, ../scss/responsive/smartphone/_lists.scss */
.list-results ul.as-tbl div.cell,
.list-events ul.as-tbl div.cell {
  width: 94%;
  float: none;
  display: block;
}
/* line 17, ../scss/responsive/smartphone/_lists.scss */
.list-results ul.as-tbl div.cell.icon,
.list-events ul.as-tbl div.cell.icon {
  display: block;
  padding: 0;
}
/* line 20, ../scss/responsive/smartphone/_lists.scss */
.list-results ul.as-tbl div.cell.icon a,
.list-events ul.as-tbl div.cell.icon a {
  width: 12px;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 8px 4px;
}
/* line 30, ../scss/responsive/smartphone/_lists.scss */
.list-results ul.as-tbl div.cell.add-info,
.list-events ul.as-tbl div.cell.add-info {
  #width: 85% !important;
  #padding-top: 0;
}
/* line 35, ../scss/responsive/smartphone/_lists.scss */
.list-results ul.as-tbl li.row.odd,
.list-results ul.as-tbl li.row.even,
.list-events ul.as-tbl li.row.odd,
.list-events ul.as-tbl li.row.even {
  background-image: none !important;
}

/*EOF .list-results, .list-events */
/* line 5, ../scss/responsive/smartphone/_helper.scss */
.contentpage .rotate-helper,
.doorpage .rotate-helper {
  padding: 10px;
}

/* line 3, ../scss/responsive/smartphone/_forms.scss */
.form-generic fieldset div {
  width: 100%;
}
/* line 5, ../scss/responsive/smartphone/_forms.scss */
.form-generic #obligatory {
  display: block;
  margin-left: 0;
  width: 95%;
}
/* line 11, ../scss/responsive/smartphone/_forms.scss */
.form-generic input, .form-generic textarea, .form-generic label,
.form-generic .formError,
.form-generic .styled-select {
  width: 95%;
}

/* line 1, ../scss/responsive/smartphone/_tilesView.scss */
.tile-results .tile {
  width: 46.5%;
  height: 200px;
  margin: 0 1.75% 3.5% 1.75%;
}

@media screen and (max-width: 300px) {
  /* line 8, ../scss/responsive/smartphone/_tilesView.scss */
  .tile-results .tiles {
    margin-left: 0;
  }
  /* line 10, ../scss/responsive/smartphone/_tilesView.scss */
  .tile-results .tiles .tile {
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
  }
  /* line 14, ../scss/responsive/smartphone/_tilesView.scss */
  .tile-results .tiles .tile .overlay {
    height: 100%;
  }
  /* line 16, ../scss/responsive/smartphone/_tilesView.scss */
  .tile-results .tiles .tile .overlay .overlay-txt > * {
    font-size: 1em;
  }
}
/* line 1, ../scss/responsive/smartphone/_calendar.scss */
.list-events ul.as-tbl > li > .cell:first-child img {
  width: 100%;
  height: auto;
}

/* line 6, ../scss/responsive/smartphone/_calendar.scss */
.list-events ul.as-tbl > li > .cell {
  padding: 20px 5%;
  width: 40%;
}

/* line 2, ../scss/responsive/smartphone/_quiz.scss */
.quiz {
  /* Antworten */
}
/* line 4, ../scss/responsive/smartphone/_quiz.scss */
.quiz .teaserImage {
  margin-right: 0;
  width: 100%;
}
/* line 8, ../scss/responsive/smartphone/_quiz.scss */
.quiz .teaserImage img {
  max-width: 100%;
}
/* line 16, ../scss/responsive/smartphone/_quiz.scss */
.quiz #quiz-form .formField .answer {
  width: 100%;
}

/* line 1, ../scss/responsive/smartphone/home/_home.scss */
.home {
  overflow-y: scroll;
  /*tiles on home do not display a hoverinfo on smartphones*/
}
/* line 4, ../scss/responsive/smartphone/home/_home.scss */
.home div.box-large {
  height: 220px;
}
/* line 5, ../scss/responsive/smartphone/home/_home.scss */
.home div.box-large div.scroll-box {
  padding: 10px 10px 0px 10px;
}
/* line 8, ../scss/responsive/smartphone/home/_home.scss */
.home .rotate--90deg {
  bottom: 0px !important;
  transform-origin: 0 0 0;
}
/* line 10, ../scss/responsive/smartphone/home/_home.scss */
.home div.box-text {
  display: block;
  border-bottom: 1px solid #56a8cd;
}
/* line 12, ../scss/responsive/smartphone/home/_home.scss */
.home div.box-text span.rotate--90deg span.rotate-helper {
  font-size: 1em;
  width: 320px;
  min-width: 320px;
  padding: 4px 0px 2px 10px;
}
/* line 19, ../scss/responsive/smartphone/home/_home.scss */
.home .wrapper-hoverInfo h2 {
  display: none;
}
/* line 20, ../scss/responsive/smartphone/home/_home.scss */
.home .wrapper-hoverInfo span {
  display: none;
}
/* line 24, ../scss/responsive/smartphone/home/_home.scss */
.home .box:hover div.wrapper-hoverInfo {
  opacity: 0.5;
}
/* line 25, ../scss/responsive/smartphone/home/_home.scss */
.home .box:hover div.wrapper-hoverInfo .overlay {
  display: block;
  opacity: 0.5;
}

/*EOF HOME*/