@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/** Variables **/
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea {
  color: #333;
  font-family: "Arial", "verdana", sans-serif; }

body {
  font-size: 1em;
  line-height: 1.4; }

a {
  color: #1ca2dc;
  text-decoration: none; }
  a:visited {
    color: #551a8b; }
  a:hover {
    color: #06e; }
  a:visited {
    color: #1ca2dc; }

/*
 * Remove the gap between images and the bottom of their containers
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
img {
  vertical-align: middle;
  max-width: 100%; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Prevent callout */
.nocallout {
  -webkit-touch-callout: none; }

.pressed {
  background-color: rgba(0, 0, 0, 0.7); }

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none; }

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em; }
  .ir br {
    display: none; }

/*
 * Hide from both screenreaders and browsers
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: https://www.drupal.org/node/897638
 */
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/**
 * Clearfix helper
 * Used to contain floats: http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clearfix:before, .resultbox:before, .merkliste_bar_wrapper:before, ul.menu li.parent:before {
  content: "";
  display: table; }
.clearfix:after, .resultbox:after, .merkliste_bar_wrapper:after, ul.menu li.parent:after {
  content: "";
  display: table;
  clear: both; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.text-right, ul.menu {
  text-align: right; }

.text-center {
  text-align: center; }

::-webkit-input-placeholder {
  color: #808080; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #808080; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #808080; }

:-ms-input-placeholder {
  color: #808080; }

input, select, textarea {
  background-color: #e6e6e6;
  padding: 15px 20px;
  border: none;
  font-size: 1.2em;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  width: 100%; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* -------------------------------------------------------------
  BASICS
------------------------------------------------------------- */
h1 {
  font-size: 1.75em; }

/* -------------------------------------------------------------
  HEADER
------------------------------------------------------------- */
header {
  position: relative;
  top: 0;
  left: 0;
  height: 3em;
  width: 100%;
  z-index: 50;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6; }
  header form {
    display: inline-block;
    float: right;
    margin: 9px 0;
    width: 75%; }
    header form .global_searchbox {
      background: #e6e6e6;
      display: block;
      line-height: 30px;
      padding: 0 10px;
      width: 40%;
      float: right;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      transition: width .5s; }
      header form .global_searchbox:focus {
        width: 60%;
        outline: none; }
    header form .gloabl_searchbox_submit {
      background: #e6e6e6 url("../../../img/suche/icon_lupe_mobile.png") no-repeat center;
      background-size: 50%;
      display: block;
      float: right;
      height: 29px;
      width: 35px;
      margin-left: 1px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }

#header_top_logo {
  display: inline-block;
  width: 15%;
  position: absolute;
  margin: .5em;
  max-width: 60px; }

/* -------------------------------------------------------------
  MENU
------------------------------------------------------------- */
.menubutton {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 6px;
  margin-right: 10px;
  margin-bottom: 6px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  -webkit-transition-duration: .2s;
  -webkit-transform-style: preserve-3d; }
  .menubutton .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
    background-color: #1ca2dc; }
    .menubutton .icon-bar + .icon-bar {
      margin-top: 4px; }
  .menubutton .menu-count-merkliste {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: .8em;
    background-color: #ffffff; }

.jPanelMenu-panel {
  -webkit-box-shadow: 3px 0 3px -2px rgba(0, 0, 0, 0.25);
  -khtml-box-shadow: 3px 0 3px -2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 0 3px -2px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 3px 0 3px -2px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 3px 0 3px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 0 3px -2px rgba(0, 0, 0, 0.25); }
  .jPanelMenu-panel.open .menubutton {
    -webkit-user-select: element;
    -webkit-transform: rotateZ(-90deg); }

#jPanelMenu-menu {
  background-color: #1ca2dc; }

ul.menu {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.menu:first-child {
    border-top: 1px solid #1682b1; }
  ul.menu li a {
    color: #ffffff;
    padding: 10px 15px 10px 0;
    border-bottom: 1px solid #1682b1;
    display: block; }
  ul.menu li .parent_wrapper, ul.menu li .parent_wrapper_nolink {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: stretch; }
    ul.menu li .parent_wrapper a, ul.menu li .parent_wrapper_nolink a {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      ul.menu li .parent_wrapper a.parent_arrow, ul.menu li .parent_wrapper_nolink a.parent_arrow {
        max-width: 10%;
        background: #1682b1 url("/theme/Mobile/img/arrow-down-white.png") no-repeat center; }
      ul.menu li .parent_wrapper a.parent_spacer, ul.menu li .parent_wrapper_nolink a.parent_spacer {
        max-width: 10%;
        background: transparent; }
  ul.menu li.active.active .active .active a {
    background: #1682b1; }
  ul.menu li.active ul.active {
    background: #1991c6;
    border-bottom: 1px solid #1682b1; }
  ul.menu.lvl2 {
    background-color: #1991c6; }
  ul.menu.lvl3 {
    background-color: #1979ae; }
  ul.menu .children {
    display: none; }
  ul.menu .accordion_css3_support {
    display: block;
    max-height: 0;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s linear;
    transform: translate3d(0, 0, 0);
    transition: all 0.5s linear;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000; }
  ul.menu .children.animated {
    max-height: 1000px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  ul.menu .active {
    display: block;
    max-height: 1000px;
    background-color: #1ca2dc; }

/* -------------------------------------------------------------
  CONTENT
------------------------------------------------------------- */
.content_title {
  padding: 0 1.5rem; }

h1.content_title {
  font-size: 1.75em;
  margin-top: 1em; }

.contact_forms {
  padding: 0 1.5rem; }
  .contact_forms div {
    margin-top: 10px; }
  .contact_forms .submit input {
    background: #1ca2dc;
    color: white; }

/* ### Margins aller Elemente entfernen und Abstand (Links/Rechts) hinzuf├╝gen ### */
.pageitem_default_body_title, .pageitem_default_body_subtitle, .pageitem_default_body_content, .pageitem_default_link {
  margin: 0;
  padding: 0 1.5rem; }

.pageitem_default_textwrapper h2 {
  margin-top: 35px; }

.pageitem_1img_text .pageitem_default_textwrapper h2 {
  margin-top: 0; }

.pageitem_default_body_title a {
  color: #333; }

.pageitem_default_body_content p {
  margin: 15px 0 0 0; }

.pageitem_default_body_subtitle {
  font-size: 1em; }

.pageitem_default_link {
  margin-top: 35px; }

.pageitem_1img_text {
  margin-top: 35px; }
  .pageitem_1img_text .pageitem_default_textwrapper {
    padding: 10px 0;
    background: #1ca2dc;
    color: white; }
    .pageitem_1img_text .pageitem_default_textwrapper a {
      color: white; }
  .pageitem_1img_text .pageitem_default_body_image {
    position: relative; }
    .pageitem_1img_text .pageitem_default_body_image .pageitem_default_link {
      position: absolute;
      right: 30px;
      bottom: 25px;
      z-index: 999;
      padding: 0; }

#pages_display .pageitem_default:first-child {
  margin-top: 0; }

.pageitem_2col {
  margin-top: 35px; }
  .pageitem_2col .pageitem_default_body_title {
    margin-top: 15px; }
  .pageitem_2col .pageitem_default_body_content p {
    margin: 0; }

.pageitem_2col_1img {
  margin-top: 35px; }
  .pageitem_2col_1img .pageitem_default_body_image {
    padding: 0 1.5rem; }
    .pageitem_2col_1img .pageitem_default_body_image img {
      margin: 15px 0;
      width: 100%;
      display: block; }
  .pageitem_2col_1img .pageitem_default_body_left {
    margin-bottom: 60px; }

input[type="image"] {
  width: auto; }

.pageitem_default img {
  height: auto !important; }

.pageitem_homepage {
  margin-top: 35px; }
  .pageitem_homepage .pageitem_default_body_image {
    padding: 0 1.5rem; }
  .pageitem_homepage .top {
    margin-bottom: 35px; }
  .pageitem_homepage .pageitem_default_body_image {
    margin: 15px 0; }

a.linklist {
  display: block;
  padding: 5px 0; }

.pageitem_1col_1img {
  margin-top: 35px; }

#faecherspalte1, #faecherspalte2 {
  float: none !important; }

table tr td {
  padding: 15px 0;
  word-wrap: break-word; }
table tr td:first-child {
  padding-left: 15px; }
table tr td:last-child {
  padding-right: 1.5rem; }
table tr:nth-child(2n) td {
  background: #e6e6e6; }

/* -------------------------------------------------------------
  BLOGPOST
------------------------------------------------------------- */
.blogposts_item_meta_date * {
  display: inline-block; }

.blogposts_view {
  padding: 0 1.5rem; }

.blogposts_view_text img {
  height: auto; }

.blogposts_item_title h2 {
  margin-bottom: 0; }

.comments_item {
  padding: 15px 20px;
  background: #e6e6e6;
  margin-bottom: 15px;
  border-left: 2px solid #1ca2dc; }
  .comments_item .comments_item_meta {
    font-weight: bold; }
  .comments_item .comments_item_date {
    margin-bottom: 10px; }

.blogposts_index {
  padding: 0 1.5rem; }
  .blogposts_index .current {
    padding: 10px;
    background: #dadada;
    margin-right: 10px; }
  .blogposts_index .paginate a {
    padding: 10px;
    background: #1ca2dc;
    color: white;
    margin-right: 10px; }

.pageitem_pagemodule_contact_person h2.pageitem_default_body_title {
  margin-top: 35px; }

/* -------------------------------------------------------------
  SIDEBAR
------------------------------------------------------------- */
.teaser_default_head, .teaser_default_body {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.teaser_default_head {
  width: 100%;
  background: #1ca2dc;
  color: white;
  padding: 10px 1.5rem;
  font-size: 1em;
  margin-top: 35px; }
  .teaser_default_head a {
    color: white; }

.teaser_default_body {
  padding: 16px 1.5rem;
  background: white;
  border-bottom: 1px solid #e6e6e6; }

.teaser_default_link {
  margin-top: 15px; }

.sidebar .teaser_default_head, .sidebar .teaser_default_body, .mobile-top-teaser .teaser_default_head, .mobile-top-teaser .teaser_default_body {
  margin-left: 0;
  margin-right: 0;
  border: none;
  box-sizing: border-box; }
.sidebar h2, .mobile-top-teaser h2 {
  margin: 15px 0 0 0; }
.sidebar .submit_arrow, .mobile-top-teaser .submit_arrow {
  background: #1ca2dc;
  color: white;
  margin-top: 15px; }

/* -------------------------------------------------------------
  FOOTER
------------------------------------------------------------- */
footer {
  background: #e6e6e6;
  padding: 35px 1.5rem; }
  footer > * {
    margin: 15px 0 0 0; }
  footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    footer ul li a {
      line-height: 2em; }
  footer .switchToDesktop {
    text-align: center;
    display: block; }
  footer img {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.5rem;
    max-width: 100%;
    display: block; }

/* -------------------------------------------------------------
  MOBILE SUCHE
------------------------------------------------------------- */
.cookie-overlay {
  position: relative;
  height: auto;
  width: 100vw;
  background: #1ca2dc;
  padding: 15px 0;
  z-index: 300;
  color: white;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  display: none; }
  .cookie-overlay a {
    color: white;
    text-decoration: underline; }
  .cookie-overlay .cookie-text {
    display: inline-block;
    width: 75%;
    padding: 0 15px; }
  .cookie-overlay .cookie-x {
    display: inline-block;
    text-decoration: none;
    width: 15%;
    float: right;
    font-size: 1.5em;
    font-weight: bold; }

#body {
  background: #f3f3f3;
  padding: 35px 0; }
  #body .body_left {
    padding: 0 1.5rem; }
    #body .body_left.result_details {
      margin-top: -20px; }
  #body .title_with_sub {
    margin-bottom: 0; }
  #body .internet .result_type_icon, #body .result_type.internet .type {
    background: url("/img/suche/zz_icon_link_full.png") no-repeat center right;
    background-size: contain; }
  #body .book .result_type_icon, #body .result_type.book .type {
    background: url("/img/suche/zz_icon_book_full.png") no-repeat center right;
    background-size: contain; }
  #body .audio .result_type_icon, #body .result_type.audio .type {
    background: url("/img/suche/zz_icon_audio_full.png") no-repeat center right;
    background-size: contain; }
  #body .paper .result_type_icon, #body .result_type.paper .type {
    background: url("/img/suche/zz_icon_paper_full.png") no-repeat center right;
    background-size: contain; }
  #body .video .result_type_icon, #body .result_type.video .type {
    background: url("/img/suche/zz_icon_video_full.png") no-repeat center right;
    background-size: contain; }
  #body .result_type.link .type, #body .result_type.internet .type {
    background: url("/img/suche/zz_icon_link_full.png") no-repeat center right;
    background-size: contain; }
  #body .magazine .result_type_icon, #body .result_type.magazine .type {
    background: url("/img/suche/zz_icon_magazine_full.png") no-repeat center right;
    background-size: contain; }
  #body .note .result_type_icon, #body .result_type.note .type {
    background: url("/img/suche/zz_icon_note_full.png") no-repeat center right;
    background-size: contain; }
  #body .shared .result_type_icon, #body .result_type.shared .type {
    background: url("/img/suche/zz_icon_shared_full.png") no-repeat center right;
    background-size: contain; }
  #body .suub .result_type_icon, #body .result_type.suub .type {
    background: url("/img/suche/zz_icon_suub_full.png") no-repeat center right;
    background-size: contain; }
  #body .dfg .result_type_icon, #body .result_type.dfg .type {
    background: url("/img/suche/zz_icon_link_full.png") no-repeat center right;
    background-size: contain; }
  #body .fis .result_type_icon, #body .result_type.fis .type {
    background: url("/img/suche/zz_icon_shared_full.png") no-repeat center right;
    background-size: contain; }
  #body .fis_gedruckt .result_type_icon, #body .result_type.fis_gedruckt .type {
    background: url("/img/suche/zz_icon_shared_full.png") no-repeat center right;
    background-size: contain; }
  #body .oabase .result_type_icon, #body .result_type.oabase .type {
    background: url("/img/suche/zz_icon_shared_full.png") no-repeat center right;
    background-size: contain; }
  #body .result_details .result_type {
    position: relative;
    right: 15px; }
    #body .result_details .result_type .status {
      border: 1px solid #fff; }
    #body .result_details .result_type .type {
      width: 50px;
      height: 50px;
      display: block;
      position: relative; }
    #body .result_details .result_type.no_license .status {
      background: #e5322d; }
    #body .result_details .result_type.available_restricted .status {
      background: #ff9900; }
    #body .result_details .result_type.available .status {
      background: #339900; }
    #body .result_details .result_type.not_available .status {
      background: #339900; }
      #body .result_details .result_type.not_available .status:after {
        background: white;
        content: "";
        display: block;
        width: 16px;
        height: 4px;
        transform: rotate(45deg);
        position: absolute;
        top: 6px;
        z-index: 99; }
    #body .result_details .result_type .status {
      width: 16px;
      height: 16px;
      left: 40px;
      bottom: 3px;
      display: block;
      border-radius: 50%;
      z-index: 2;
      position: absolute; }
    #body .result_details .result_type .online_flag {
      width: 40px;
      height: 20px;
      z-index: 3;
      position: absolute;
      top: 0px;
      left: -4px;
      display: none;
      background: url("/img/suche/online_flag.png") no-repeat; }
    #body .result_details .result_type.online .online_flag {
      display: block; }
  #body h1.result_headline {
    color: #1ca2dc;
    font-size: 1.2em; }
  #body h2.result_headline {
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 1em; }
  #body .result_headline {
    margin: 0;
    margin-bottom: 5px; }
  #body .search_pagination {
    display: block;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    margin-top: 35px;
    text-align: center; }
    #body .search_pagination * {
      display: inline-block;
      padding: 5px; }
    #body .search_pagination div {
      font-weight: bold; }
    #body .search_pagination a:last-child {
      margin-right: 25px; }
  #body td {
    vertical-align: top; }
  #body .details table {
    width: 100%; }
    #body .details table td {
      background: none;
      padding: 0; }
    #body .details table tr td {
      padding-bottom: 5px; }
      #body .details table tr td.min-height {
        display: block;
        min-height: 25px; }
    #body .details table tr td:first-child {
      width: 30%;
      color: #1ca2dc;
      font-weight: bold;
      padding-right: 10px; }
  #body .label {
    color: #1ca2dc;
    font-weight: bold;
    padding-right: 10px;
    display: inline;
    float: left;
    width: 40%; }
  #body .value {
    padding-bottom: 5px;
    display: inline;
    float: left;
    width: 46%; }
  #body .count_result {
    color: #b4b4b4;
    float: right;
    font-size: 10px;
    margin-right: 5px;
    text-align: right; }
  #body .ac-container .detail .subTitle {
    display: block;
    color: #1ca2dc;
    font-weight: bold; }
  #body .ac-container .detail .available {
    color: #319801;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase; }
  #body .ac-container .detail .status {
    color: #ff9900;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; }
  #body .cover_image {
    text-align: left;
    margin-top: 15px; }
    #body .cover_image img {
      width: 50px; }
  #body .image2 {
    left: 25px;
    position: absolute;
    top: 120px;
    z-index: 99; }
  #body .cover {
    margin-top: 35px; }
    #body .cover .actions {
      margin-top: 35px; }
      #body .cover .actions a {
        display: block;
        padding: 15px 1.5rem;
        background: white;
        font-weight: bold;
        border-top: 1px solid #e6e6e6;
        color: inherit;
        margin-left: -1.5rem;
        margin-right: -1.5rem; }
      #body .cover .actions a:last-child {
        border-bottom: 1px solid #e6e6e6; }
  #body .vertippt-vorschlaege ul {
    margin-left: 0; }
  #body .gesetzte-filter {
    margin-bottom: -10px; }
    #body .gesetzte-filter a {
      padding: 10px;
      background: #e6e6e6;
      color: inherit;
      margin-right: 10px;
      margin-top: 10px;
      display: inline-block; }
  #body .tagcloud a {
    padding: 10px;
    background: #e6e6e6;
    color: inherit;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block; }
  #body ul {
    padding: 0;
    margin-top: 0;
    list-style: none; }
    #body ul li a {
      padding: 10px;
      background: #e6e6e6;
      color: inherit;
      display: inline-block;
      margin-bottom: 10px; }
      #body ul li a span {
        color: #1ca2dc; }
  #body h4 {
    margin: 0;
    margin-bottom: 15px; }

.filter_wrapper {
  margin: -1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background: #e6e6e6;
  padding: 20px 0 10px 0;
  margin-top: -35px;
  margin-bottom: 25px;
  color: #808080; }
  .filter_wrapper .left {
    padding-left: 1.5rem; }
    .filter_wrapper .left .term_wrapper {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.2; }
  .filter_wrapper .right .filter_icon {
    background: url("/img/suche/filter.png") no-repeat;
    background-size: contain;
    width: 30px;
    height: 44px;
    display: block;
    margin-right: 1.5rem; }

.merkliste_bar_wrapper {
  margin: -1.5rem;
  display: block;
  background: #e6e6e6;
  padding: 0 1.5rem;
  margin-top: -35px;
  margin-bottom: 15px; }
  .merkliste_bar_wrapper .merkliste_bar_items {
    float: right; }
    .merkliste_bar_wrapper .merkliste_bar_items a {
      line-height: 55px;
      color: inherit;
      font-weight: bold; }
      .merkliste_bar_wrapper .merkliste_bar_items a img {
        padding-left: 10px;
        height: 35px; }

body #body .ac-container:not(:first-child) {
  margin-top: -1px; }
body #body ul {
  margin-top: 15px;
  margin-left: 35px; }
  body #body ul li a {
    background: none;
    padding: 0; }
    body #body ul li a.more {
      color: #1ca2dc; }
body #body #sortBy {
  margin-top: 15px; }

.resultbox {
  background: white;
  padding-top: 15px;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-left: 6px solid #ff9900; }
  .resultbox .tooltip-legend {
    align-self: flex-end;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #f3f3f3;
    border-radius: 50%;
    color: #1ca2dc;
    border: 1px solid #e6e6e6; }
  .resultbox.not_available {
    border-left-color: greenyellow; }
  .resultbox.available {
    border-left-color: #339900; }
  .resultbox.unavailable {
    border-left-color: red; }
  .resultbox.available_restricted {
    border-left-color: #ff9900; }
  .resultbox.available_restricted {
    border-left-color: #339900;
    border-left-style: dashed; }
  .resultbox h3 {
    margin: 0; }
  .resultbox .result_type, .resultbox .result_info, .resultbox .merkliste_actions {
    float: left;
    vertical-align: top;
    box-sizing: border-box; }
  .resultbox .result_type {
    width: 15%;
    padding-right: 10px;
    position: relative;
    align-self: flex-start; }
    .resultbox .result_type .type {
      width: 100%;
      height: 50px;
      display: block; }
    .resultbox .result_type .status {
      width: 11px;
      height: 11px;
      bottom: 8px;
      right: 6px;
      display: none;
      border-radius: 50%;
      background: red;
      z-index: 2;
      position: absolute; }
    .resultbox .result_type.no_license .status {
      background: #e5322d; }
    .resultbox .result_type.available_restricted .status {
      background: #ff9900; }
    .resultbox .result_type.available .status {
      background: #339900; }
    .resultbox .result_type.not_available .status {
      background: #339900; }
      .resultbox .result_type.not_available .status:after {
        background: white;
        content: "";
        display: block;
        width: 16px;
        height: 4px;
        transform: rotate(45deg);
        position: absolute;
        top: 6px;
        z-index: 99; }
    .resultbox .result_type .online_flag {
      width: 54px;
      height: 27px;
      z-index: 3;
      position: absolute;
      top: -24px;
      left: -35px;
      display: none;
      background: url("/img/suche/online_flag.png") no-repeat; }
    .resultbox .result_type.online .online_flag {
      display: block; }
  .resultbox .result_info {
    width: 70%;
    padding-bottom: 15px; }
  .resultbox .merkliste_actions {
    width: 15%;
    align-self: flex-end; }
    .resultbox .merkliste_actions a {
      display: block;
      width: 100%;
      max-width: 55px;
      float: right;
      height: 50px;
      border-left: 1px solid #e6e6e6;
      border-top: 1px solid #e6e6e6; }
      .resultbox .merkliste_actions a.add_to_merkliste {
        background: url("/img/add-to-merkliste.png") no-repeat center;
        background-size: 55%; }
      .resultbox .merkliste_actions a.export_result {
        background: url("/img/export-merkliste.png") no-repeat center;
        background-size: 55%; }
      .resultbox .merkliste_actions a.remove_from_merkliste {
        background: url("/img/suche/icon_entfernen.png") no-repeat center;
        background-size: 65%; }

.pageitem_default_body_content object embed {
  width: 100%;
  height: auto; }

.loginButton {
  position: relative;
  width: 80%;
  display: block;
  margin: 5px auto 15px auto;
  font-weight: 800;
  font-size: .8em;
  text-transform: uppercase;
  background: white;
  color: #1ca2dc;
  padding: 6px 0;
  text-align: center; }

.availability .item_actions {
  height: 25px;
  width: 190px; }

.availability .item_actions a {
  background: transparent url("../img/suche/csg-508532a5412ae.png") no-repeat scroll 0 0;
  display: inline-block;
  height: 25px;
  padding: 0 2px;
  width: 25px; }

.availability .item_actions a.standort {
  background-position: 0 -1228px; }

.availability .item_actions a.order {
  background-position: 0 -160px; }

.availability .item_actions a.vormerken {
  background-position: 0 -726px; }

.availability .item_actions a.standort.disabled {
  background-position: 0 -1303px; }

.availability .item_actions a.order.disabled {
  background-position: 0 -235px; }

.availability .item_actions a.vormerken.disabled {
  background-position: 0 -801px; }

.availability .item_actions a.comment {
  background: transparent url("/img/suche/status_comment.png") no-repeat scroll 0 0; }

/* -------------------------------------------------------------
  ACCORDION
------------------------------------------------------------- */
.ac-container label {
  z-index: 20;
  position: relative;
  display: block;
  background: #fff;
  padding: 15px 1.5rem;
  font-weight: bold;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.ac-container {
  width: 100%;
  text-align: left;
  margin-top: 35px;
  border-bottom: 1px solid #e6e6e6; }

.ac-container label:after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  right: 1.5rem;
  top: 50%;
  margin-top: -10px;
  background: url("/theme/Mobile/img/arrow-up.png") no-repeat center center; }

.ac-container input:checked + label:after {
  background: url("/theme/Mobile/img/arrow-down.png"); }

.ac-container input {
  display: none; }

.ac-container article {
  background: white;
  margin-top: -1px;
  overflow: hidden;
  height: 0;
  position: relative;
  z-index: 10;
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.ac-container article p {
  padding: 0 1.5rem; }

.ac-container p.comment {
  display: none; }

.ac-container .comment_text {
  color: #666666; }

.ac-container input:checked ~ article {
  box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3); }

.ac-container input:checked ~ article.ac-small {
  height: auto; }

a.download-item {
  padding: 8px 10px 5px 10px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  padding-right: 30px;
  background: #e12a26 url("/img/suche/csg-508532a5412ae.png") 105px -2289px no-repeat;
  margin: 10px 0 0 0; }

#choose_lang {
  text-align: right;
  margin: 5px auto 0 auto;
  width: 80%; }
  #choose_lang img {
    height: 35px; }

.loginbox_intern {
  background: none !important; }
  .loginbox_intern input {
    margin-bottom: .5em; }

.teaser_default_link .pfeilrechts {
  margin-left: 5px;
  margin-bottom: 2px; }

/* -------------------------------------------------------------
  VIEWPORTS
------------------------------------------------------------- */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */

/*# sourceMappingURL=main.css.map */
