@charset "UTF-8";
/**
 * @file
 * styling of miscellaneous pages
 *
 */
/* 
    Created on : 03.06.2019, 15:23:37
    Author     : ego
*/
/*** front page - different layout: no left margin, wirder content, teaser image and blocks in two columns ***/
.front #content h1#page-title {
  display: none; }
.front #content .section {
  padding-top: 0; }
@media only screen and (min-width: 400px) {
  .front .region-content #block-system-main {
    padding-bottom: 2em; }
  .front .region-content #block-views-aktuelles-block {
    width: 47%;
    float: left;
    margin-right: 3%; }
  .front .region-content #block-werk-werk-list-latest {
    width: 47%;
    float: left;
    margin-left: 3%; } }

/* fix IE10 bug according to https://gist.github.com/larrybotha/7881691#target-ie-with-css */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 630px !important; } }
/*********************
* miscellaneous pages 
*/
.page-tag h1#page-title, .page-kat h1#page-title {
  padding-top: 0.4em; }

.node-page img.left {
  float: right;
  margin: 6px 30px 20px 0; }

.node-page img.right {
  float: right;
  margin: 6px 0 20px 30px; }

.page-neuerscheinungen .werk-results + hr {
  text-align: center;
  width: 100%;
  margin: 2.5em auto;
  border-top: 1px solid #ddd;
  height: 1px;
  border-bottom: 1px solid #ddd; }

/* 'gesamtwerk'-overviews (by 'werktyp') */
hr.werktyp-overview-separator {
  text-align: center;
  height: 1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: 2em auto 1em; }

ul.werktyp-overview li {
  list-style: none; }

ul.werktyp-overview li a {
  display: block;
  margin: 0 -3px;
  padding: 1px 3px;
  border: 1px solid transparent;
  font-weight: bold; }

ul.werktyp-overview li a:hover {
  background: url("/sites/fh/themes/fhr/images/background-highlight.png") left top repeat-y #FeFeFd;
  border: 1px solid #e0e0e0; }

/*
ul.werktyp-overview li .title {
    color: #333;
}

ul.werktyp-overview li a:hover .title {
    color: inherit;
}
*/
ul.werktyp-overview li .untertitel {
  font-weight: normal;
  color: #181818;
  padding-left: 3px;
  /*    display: block; */ }

ul.werktyp-overview li a:hover .untertitel {
  color: inherit; }

/*
.block-views .full-search-link a {
    display: block;
    width: 148px;
    text-align: right; 
    margin: 0;
    margin-top: -6px;
}
*/
/** intro block on certain pages - since 201901 replaced by beans in some places **/
#content .block-block, #content .block-bean {
  margin-top: -0.5em;
  margin-bottom: 1em; }

.block-bean .field-type-image {
  margin-bottom: 0.66em; }

/* advanced search options */
/*
#views-exposed-form-search-page .views-submit-button input.form-submit {
    clear: left;
}
*/
#content .view-search .view-filters fieldset {
  border: 1px solid #ccc;
  padding: 0; }

#content .view-search .view-filters fieldset.collapsed {
  border: none;
  border-top: 1px solid #ccc; }

#content .view-search .attachment-before .result-count {
  margin: 0 0 1em; }

#content .view-search .view-filters fieldset.collapsed legend {
  position: relative;
  left: -8px; }

#content .view-search .pager {
  text-align: center;
  margin: 1.5em auto 0;
  padding: 0.5em 0 1em;
  border-top: 1px solid #ddd;
  width: 82%;
  overflow: visible;
  white-space: nowrap; }

#content .view-search ul.pager li {
  margin: 0;
  padding: 0; }

#content .view-search ul.pager li a, #content .view-search ul.pager li.pager-current {
  display: inline-block;
  margin: 0;
  padding: 3px 6px; }

/********************************************************
 .ui-tabs (from jquery.ui.tabs.min.js) 
********************************************************/
#content .ui-tabs.ui-widget, #content .ui-tabs .ui-tabs-panel,
#content .ui-tabs .ui-tabs-nav, #content .ui-tabs .ui-tabs-nav li {
  /* reset jquery defaults (admin) */
  margin: 0;
  padding: 0; }

#content .ui-tabs ul.ui-tabs-nav {
  list-style: none;
  border-collapse: collapse;
  margin: 1em 0;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #BBB; }

#content .ui-tabs .ui-tabs-nav li {
  display: inline-block;
  margin: 0 0 3px;
  padding: 0;
  /*    border-bottom: 1px solid #000 !important; */ }

#content .ui-tabs .ui-tabs-nav li a {
  border: 1px solid #ccc;
  border-color: #bbb #bbb #ccc #ccc;
  padding: 4px 1em 3px;
  margin-bottom: -4px;
  background: -moz-linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
  background: -o-linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
  background: -ms-linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
  background: linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
  box-shadow: 1px -1px 0.5px #eee; }

.page-autoren #content .ui-tabs .ui-tabs-nav li a {
  display: block;
  text-align: center;
  width: 21.4px;
  font-size: 1.1em;
  padding: 4px 0px 3px;
  margin-right: 0; }

.page-downloads #content .ui-tabs .ui-tabs-nav li a {
  margin-right: 5px; }

.page-downloads #content .ui-tabs .ui-tabs-nav li a {
  padding: 4px 8px 3px !important; }

#content .ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: #000;
  border-bottom-color: #fff;
  background: none; }

.ui-tabs .ui-tabs-panel {
  margin-top: 1em; }

.ui-tabs .ui-tabs-panel a {
  line-height: 1.33em;
  color: #101077; }

.ui-tabs .ui-tabs-panel a:hover {
  color: #007777; }

.ui-tabs .ui-tabs-hide {
  display: none !important; }

/************************************ Autoren **************************************/
.page-autoren {
  /*
  .view-mode-full .field-name-body h3 {
      clear: left; 
  }
  */ }
  .page-autoren .view-autorengalerie {
    margin: 1.5em 0; }
  .page-autoren .view-autorengalerie .view-content * {
    display: inline;
    margin: 0;
    padding: 0; }
  .page-autoren .view-autorengalerie .view-content img {
    margin-right: 1px; }
  .page-autoren #tabs {
    margin-top: 1em; }
  .page-autoren .ui-tabs-panel {
    column-width: 14em;
    -moz-column-width: 14em;
    -webkit-column-width: 14em;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-gap: 1em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em; }
    .page-autoren .ui-tabs-panel ul {
      list-style: none; }
    .page-autoren .ui-tabs-panel li {
      text-indent: -0.7em;
      margin-left: 0.7em; }
    .page-autoren .ui-tabs-panel li a.author {
      font-family: "FF Meta W01";
      font-weight: bold; }
    .page-autoren .ui-tabs-panel ul.quicklinks {
      top: -2.5em; }
    .page-autoren .ui-tabs-panel .node-autor .field-label {
      font-style: italic;
      letter-spacing: 0.1em;
      margin: 0.6em 0 0.3em; }

/************************************ /Autoren **************************************/
.section-verlag .google-map {
  margin-top: 1em; }

/************************************ Downloads **************************************/
.page-downloads #content .ui-tabs-panel ul {
  margin: 0; }
.page-downloads #content .ui-tabs-panel ul li {
  list-style: none; }
.page-downloads #content .ui-tabs-panel ul li a {
  /*    display: inline-block; */ }
.page-downloads .ui-tabs-panel ul li span.stand {
  color: #555; }
.page-downloads #content li a.first-of-group:before {
  content: ' ';
  display: block;
  height: 0.7em; }
.page-downloads h3.rubrik {
  margin: 2em 0 0.7em; }

/************************************ /Downloads **************************************/
/************************************ Partner **************************************/
.page-partner .node-partnerseiten {
  position: relative;
  margin-bottom: 1.6em; }
.page-partner .node-partnerseiten .field {
  float: left; }
.page-partner .node-partnerseiten .field-name-field-screenshot img {
  display: none; }

/*********************************** /Partner **************************************/
/*********************************** Newsletter (Cleverrach) **************************************/
.section-newsletter form.layout_form {
  padding: 0;
  margin: 0; }
.section-newsletter form.layout_form * {
  font-family: "FF Meta", Helvetica, Arial, sans-serif !important;
  font-size: 1em; }
.section-newsletter form > table {
  margin: 0 !important; }
.section-newsletter form > table table.cr_page {
  width: auto; }
.section-newsletter form table td {
  margin: 0;
  padding: 0; }
.section-newsletter form table td.cr_body {
  margin: 0;
  padding: 0; }
.section-newsletter form table div.cr_ipe_item {
  margin: 0;
  padding: 0.1em 0;
  font-family: inherit; }
.section-newsletter .cr_body .cr_ipe_item label {
  margin-bottom: 0.1em; }
.section-newsletter .cr_body .cr_ipe_item input {
  margin: 0;
  margin-right: 5px;
  padding: 1px;
  background-color: transparent; }
.section-newsletter #recaptcha_widget {
  margin: 0;
  margin-top: 2em; }
.section-newsletter #recaptcha_widget input#recaptcha_response_field {
  width: 16em !important; }
.section-newsletter button.cr_button {
  clear: all;
  float: left;
  font-weight: normal;
  border: 1px solid transparent;
  border-color: #999 #bbb #bbb #999;
  border-radius: 0px;
  background: transparent -moz-linear-gradient(center bottom, #E8E8E8 0%, #FFF 100%) repeat scroll 0% 0%;
  line-height: 1.4em;
  padding: 0 1em; }

/************************************* /Newsletter ****************************************/
/************************************ custom columns **************************************/
.custom-columns {
  clear: left; }

.custom-column {
  width: 48%;
  min-width: 18em; }

.custom-column.column-left {
  float: left;
  margin-right: auto; }

.custom-column.column-right {
  float: left;
  margin-left: auto; }

/*** "Kontakt" ***/
.page-node-51 #content h5 {
  margin-top: 0.6em; }

.page-node-51 #content hr {
  clear: left;
  padding: 0 0 1em; }

.page-node-51 p {
  margin: 0.6em 0 1em; }

/************************************ /custom columns **************************************/
/*
// unused 

@mixin multicolumn($count, $width,  $gap : 1em) {
  column-count: $count;
  -moz-column-count: $count;
  -webkit-column-count: $count;
  column-width: $width;  
  -moz-column-width: $width;
  -webkit-column-width: $width;
  column-gap: $gap;
  -moz-column-gap: $gap;
  -webkit-column-gap: $gap;
}

.AAsection-kontakt #content { 
  @include multicolumn(auto, 18em,  1em);
}

*/
/************************************ mitarbeiter **************************************/
.page-verlag-mitarbeiter .view-mitarbeiter-liste {
  margin-top: -1.2em; }
  .page-verlag-mitarbeiter .view-mitarbeiter-liste h3 {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #aaa;
    padding-bottom: 2px; }
  .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser .content {
    margin-left: 140px;
    margin-bottom: 20px; }
  .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser .content .field-type-image {
    float: left;
    margin-top: 4px;
    margin-left: -140px; }
  .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser h4.title {
    margin-bottom: 0.4em; }
  .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser .field-name-field-mitarbeiter-zustaendigkeit {
    margin-bottom: 0.3em; }
    .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser .field-name-field-mitarbeiter-zustaendigkeit .field-item {
      display: inline; }
      .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser .field-name-field-mitarbeiter-zustaendigkeit .field-item:before:not(:first-child) {
        content: ' – '; }

@media only screen and (max-width: 1024px) {
  #views-exposed-form-search-page .views-exposed-widget {
    max-width: 70%; } }
@media only screen and (max-width: 600px) {
  .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser .content {
    margin: 0; }
    .page-verlag-mitarbeiter .view-mitarbeiter-liste .node-teaser .content .field-type-image {
      margin: 0 1em 1em 0;
      padding: 0;
      float: left; } }
.section-verlag .field-name-body dl dd img {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 2em; }

html.js .section-datenschutz fieldset.collapsed {
  border-width: 0; }

.page-neuerscheinungen .bean-image-block {
  margin: 2em 0 -1em; }

/* sa201901: what was that for? 
html.js .page-neuerscheinungen .block-block .content {
   float: left; 
   padding-left: 116px;
   width: 480px;
}

html.js .page-neuerscheinungen .block-block .content img {
   float: left; 
   margin-left: -116px;
   margin-top: 10px;
}

html.js .page-neuerscheinungen .block-block::after {
   content: ".";
   display: block; 
   height: 0;
   visibility: hidden;
   clear: both; 
}
*/

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