/*
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */
/* 
    Created on : 03.06.2019, 15:23:37
    Author     : ego
*/
#page #main .mCSB_scrollTools {
  right: -2px;
  top: 11px; }

#page #main .mCSB_inside > .mCSB_container {
  margin-right: 0; }

#page #main .mCSB_container .mCSB_draggerContainer {
  left: 8px;
  padding-left: 8px; }

/*
 * Body
 */
body {
  background-color: #eee; }

#page-wrapper {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  position: relative;
  margin: 0 auto;
  /* total page width - we leave some right margin, so the page is usable with 1024 */
  max-width: 1000px;
  text-align: left; }
  #page-wrapper #page {
    margin-top: 10px;
    border-right: 1px solid #ddd;
    box-shadow: 4px -4px 6px #ddd;
    background-color: white; }
    #page-wrapper #page #main-wrapper {
      clear: both;
      margin: 0;
      padding: 0;
      z-index: 0; }

/**************
 * Content
 */
#content {
  width: auto;
  height: auto;
  min-height: fit-content;
  margin-left: 315px;
  /* width of left sidebar */
  padding: 0;
  padding-top: 14px; }
  #content > .section {
    position: relative;
    margin: 0 28px;
    padding-top: 9px;
    width: auto;
    height: auto;
    border-top: 1px solid #ddd; }
  #content .breadcrumb {
    padding-top: 0px;
    margin-bottom: 5px; }
  #content .fieldset {
    min-width: auto; }

/*******************
 * First sidebar
 */
.region-sidebar-first {
  position: fixed;
  top: 94px;
  width: 314px;
  margin: 0;
  padding: 1em 0;
  height: 88%;
  overflow: hidden;
  background-color: #fff; }
  .region-sidebar-first .section {
    width: 304px;
    margin: 0;
    margin-right: auto;
    padding: 0; }

#sidebar-toggle button {
  display: none; }

/*****************
 * Header
 */
#header {
  position: fixed;
  width: auto;
  height: auto;
  margin: 0;
  z-index: 10;
  background-color: #ffffff;
  margin: 0;
  margin-top: 41px;
  margin-left: 25px; }
  #header .section {
    height: auto; }
    #header .section a#logo-text {
      font-family: "Stempel Garamond W01", serif;
      color: #007;
      font-size: 32px;
      white-space: nowrap; }

/*********************
 * Navigation
 */
#navigation {
  position: relative;
  padding-left: 315px;
  margin-bottom: 0.5em;
  width: 100%;
  box-sizing: border-box; }
  #navigation .region-navigation {
    padding: 0 28px;
    box-sizing: border-box;
    /*******************
    * quicksearch form
    */ }
    #navigation .region-navigation .section {
      /*    padding-left: 36px;  */ }
    #navigation .region-navigation #block-views-exp-search-page-1 {
      position: static;
      float: right;
      margin-top: 44px;
      text-align: right;
      z-index: 0; }
      #navigation .region-navigation #block-views-exp-search-page-1 input {
        border-width: 1px;
        border-style: groove;
        border-color: #888;
        padding: 2px; }
      #navigation .region-navigation #block-views-exp-search-page-1 .views-widget {
        position: relative; }
      #navigation .region-navigation #block-views-exp-search-page-1 .views-exposed-widget {
        padding: 0px;
        /* override views.css */ }
      #navigation .region-navigation #block-views-exp-search-page-1 .form-text {
        width: 15em;
        margin: 0;
        padding: 0;
        height: 21px; }
      #navigation .region-navigation #block-views-exp-search-page-1 .form-submit {
        position: absolute;
        top: 3px;
        right: 1px;
        margin: 0;
        width: 24px;
        height: inherit;
        color: transparent;
        border: none;
        background: transparent url("/sites/fh/themes/fhr/images/lupe.png") no-repeat 3px top; }
      #navigation .region-navigation #block-views-exp-search-page-1 .full-search-link {
        margin-top: 5px; }
    #navigation .region-navigation #block-menu-menu-primary {
      clear: right; }
      #navigation .region-navigation #block-menu-menu-primary ul.menu {
        line-height: 1.4em;
        font-size: 110%; }
    #navigation .region-navigation #block-common-common-switch-language {
      float: right;
      clear: right;
      height: 0;
      margin-top: 12px; }
      #navigation .region-navigation #block-common-common-switch-language ul {
        margin: 0;
        padding: 0; }
        #navigation .region-navigation #block-common-common-switch-language ul li {
          line-height: inherit;
          list-style: none; }
          #navigation .region-navigation #block-common-common-switch-language ul li.en-gb a {
            background: #fff url("/sites/fh/themes/fhr/images/languageicons/en.png") no-repeat right 5px; }
          #navigation .region-navigation #block-common-common-switch-language ul li.de a {
            background: #fff url("/sites/fh/themes/fhr/images/languageicons/de.png") no-repeat right 5px; }
          #navigation .region-navigation #block-common-common-switch-language ul li a {
            /* color: #444; */
            color: transparent; }
            #navigation .region-navigation #block-common-common-switch-language ul li a:hover {
              /* color: #077 !important; */
              cursor: pointer; }

/***********************************
 * primary & secondary menu
 */
#block-menu-menu-primary .content ul li, #block-menu-menu-secondary .content ul li {
  display: inline; }
  #block-menu-menu-primary .content ul li:not(.first):before, #block-menu-menu-secondary .content ul li:not(.first):before {
    content: ' | ';
    color: #888;
    color: #ccc;
    padding: 0.25em; }

#block-menu-menu-secondary {
  float: right; }

/***************
 * region footer
 */
.region-footer {
  position: static;
  clear: both; }
  .region-footer .block {
    padding: 3px 0 1px; }
  .region-footer a.to-top-link {
    display: block;
    width: auto;
    text-align: right;
    margin-left: auto;
    margin-right: 6px;
    margin-bottom: 3px;
    line-height: 1.6em; }

/***************
 * region bottom
 */
.region-bottom {
  margin-left: 315px;
  margin-top: 6px;
  padding-left: 10px; }

.region-bottom .block {
  padding: 4px 0;
  float: left; }

/*********************************
 * modification for narrow screens
 */
@media only screen and (max-width: 1024px) {
  .region-content .block:not(#block-views-autorengalerie-block) img, .region-content .block:not(#block-views-autorengalerie-block) iframe {
    max-width: 100%;
    height: auto; } }
@media only screen and (max-width: 800px) {
  #content > .section {
    margin: 0 28px; }

  #header {
    position: relative;
    float: left; }
    #header .section a#logo-text {
      top: -1em; }

  #content {
    margin-left: 0px; }

  #navigation {
    padding-left: 0px; }
    #navigation .views-exposed-form .form-text {
      width: 25vw; }

  .region-sidebar-first {
    display: none;
    position: absolute;
    height: auto;
    margin-top: -10px;
    margin-left: 1em;
    padding-right: 1em;
    width: 66%;
    z-index: 50;
    background-color: #eee;
    border: 1px solid #888;
    box-shadow: #aaa 2px 2px 5px; }
    .region-sidebar-first .section {
      width: 100%;
      margin-left: 1em;
      padding-left: 2em; }

  #sidebar-toggle > button {
    display: block;
    position: absolute;
    top: 98px;
    left: 28px;
    width: 3em;
    background: url("/sites/fh/themes/fhr/images/hamburger.svg") -3px -3px no-repeat;
    cursor: pointer;
    border: none;
    color: transparent;
    line-height: 2em;
    overflow: visible;
    z-index: 100; }
    #sidebar-toggle > button:active, #sidebar-toggle > button:focus {
      border: none;
      outline: none; }

  #block-menu-menu-primary {
    z-index: 0;
    float: right;
    margin: 2px 3em 10px 0; }

  .region-bottom {
    margin: 0; } }
@media only screen and (max-width: 600px) {
  #header .section a#logo-text {
    float: none; }

  #navigation > .region-navigation #block-views-exp-search-page-1 {
    float: right;
    margin: 0;
    padding-top: 25px;
    margin-left: 3em;
    text-align: right; }
    #navigation > .region-navigation #block-views-exp-search-page-1 .views-widget {
      float: left;
      display: inline; }
      #navigation > .region-navigation #block-views-exp-search-page-1 .views-widget .form-text {
        width: 40vw; }
    #navigation > .region-navigation #block-views-exp-search-page-1 .full-search-link {
      display: inline-block;
      padding-left: 0.8em;
      margin: 0; }
  #navigation > .region-navigation #block-menu-menu-primary .shopping-cart-link .optional {
    display: none; }
  #navigation > .region-navigation #block-common-common-switch-language {
    clear: both; }

  /*
  html.js #content > .section > .region-content > .block {
    width: 100%; 
    float: none; 
  } 
  */ }
@media only screen and (max-width: 600px) and (min-width: 400px) {
  #sidebar-toggle > button {
    top: 120px; }

  .region-sidebar-first {
    margin-top: 12px; } }
@media only screen and (max-width: 400px) {
  #header .section a#logo-text {
    font-size: 9vw; } }

/*# sourceMappingURL=layout.css.map */