/* custom code here */
/* roboto-condensed-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



* {
    box-sizing: border-box;
}
body{
    font-family: 'Roboto Condensed', Tahoma, Arial, Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
}
a {
    border: 0;
    background: transparent;
    /*color: #000;*/
}
a:hover {
    text-decoration: underline;
    background: transparent;
    /*color: #222;*/
}

/* Views - Kacheln */

.view-formular .view-content,
.view-objekt.view-display-id-page_1 .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-column-gap: 1.3%;
    -moz-column-gap: 1.3%;
    column-gap: 1.3%;
    row-gap: 15px;
}
.view-formular .views-row,
.view-objekt.view-display-id-page_1 .views-row {
  width: 300px;
  /*border: 1px solid #ccc;*/
    margin-bottom: 20px;
    padding: 20px;
    /*height: 280px;*/
    height: 260px;
    text-align: center;
    background-color: #f0f0f0;
    /*background-color: #f8f8f8;*/
}
.-formular-hf.views-row img {
   max-height: 135px;
   width: auto;
}
.view-formular .views-field-field-image .field-content,
.view-objekt.view-display-id-page_1 .views-field-field-logo .field-content {
    display: table;
    width: 100%;
}
.view-formular .views-field-field-image a,
.view-objekt.view-display-id-page_1 .views-field-field-logo a {
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    background: #fff;
    box-shadow: inset 0px 0px 4px #ababab;
    padding-top: 2px;
}
.view-formular .views-field-title,
.view-objekt.view-display-id-page_1 .views-field-description__value {
    padding-top: 15px;
    /*border-top: 2px dashed #ffffff;*/
    /*margin-top: 20px;*/
    font-size: 1.3rem;
    line-height: 1.6rem;
}
.view-formular .views-field-title a,
.view-objekt.view-display-id-page_1 .views-field-description__value a {
    color: #000;
}

/* Views - Blöcke */

.view-objekt.view-display-id-block_2 img,
.view-objekt.view-display-id-block_1 img {
    border: 5px solid #fff;
    box-sizing: unset;
}


/* Form */

fieldset {
    border-radius: 8px;
    background-color: #f8f8f8;
    border: 1px solid #eee;
}
fieldset legend {
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: bold;
    color: #444;
}
input, textarea {
    border-color: #eee!important;
}
label {
    font-weight: normal;
    color: #888;
}
/*.webform-submit,*/
/*.printform-submit {*/
.form-actions {
  float: right;
  margin-bottom: 120px;
}
#sepa-submit,
input[type=submit] {
    background: #54b2f0;
    background-image: -webkit-linear-gradient(top, #54b2f0, #0a486e);
    background-image: -moz-linear-gradient(top, #54b2f0, #0a486e);
    background-image: -ms-linear-gradient(top, #54b2f0, #0a486e);
    background-image: -o-linear-gradient(top, #54b2f0, #0a486e);
    background-image: linear-gradient(to bottom, #54b2f0, #0a486e);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
input[type=submit].webform-button--previous  {
  background: #c5d6e1;
  background-image: -webkit-linear-gradient(top, #c5d6e1, #7f8487);
  background-image: -moz-linear-gradient(top, #c5d6e1, #7f8487);
  background-image: -ms-linear-gradient(top, #c5d6e1, #7f8487);
  background-image: -o-linear-gradient(top, #c5d6e1, #7f8487);
  background-image: linear-gradient(to bottom, #c5d6e1, #7f8487);
}
/*.webform-submit:hover,*/
/*.printform-submit:hover {*/
#sepa-submit:hover,
input[type=submit]:hover {
    background: #0d6094;
    background-image: -webkit-linear-gradient(top, #0d6094, #062d47);
    background-image: -moz-linear-gradient(top, #0d6094, #062d47);
    background-image: -ms-linear-gradient(top, #0d6094, #062d47);
    background-image: -o-linear-gradient(top, #0d6094, #062d47);
    background-image: linear-gradient(to bottom, #0d6094, #062d47);
    text-decoration: none;
    color: #ffffff;
}
input[type=submit].webform-button--previous:hover  {
  background: #c5d6e1;
  background-image: -webkit-linear-gradient(top, #c5d6e1, #606466);
  background-image: -moz-linear-gradient(top, #c5d6e1, #606466);
  background-image: -ms-linear-gradient(top, #c5d6e1, #606466);
  background-image: -o-linear-gradient(top, #c5d6e1, #606466);
  background-image: linear-gradient(to bottom, #c5d6e1, #606466);
}
#sepa-submit{
    float: none;
    width: 180px;
    text-align: center;
    cursor: pointer;
  margin-bottom: 120px;
}
.button{
    font-family: inherit;
}


/* Header - Allgemein */
#header {
    background: #ffffff!important;
    /*background: #ffbcbc!important;*/
}

/* Header - Slogan */
.site-branding__slogan {
    color: #000;
    font-style: normal;
    font-size: 2rem;
}
.site-branding__slogan:before {
   content: "| ";
}

/* Header - Menu */
#block-leserservice-main-menu .content {
    margin: 0;
}
#block-leserservice-main-menu .menu {
    border: 2px solid #444;
    border-right: 0;
    border-left: 0;
    padding: 5px 0;
}
#block-leserservice-main-menu .menu-item {
    display: inline-block;
    padding: 0;
}
#block-leserservice-main-menu .menu a {
    border-radius: 0;
    background: transparent;
    text-shadow: none;
    font-weight: bold;
    color: #444;
    padding: 5px 10px;
    margin: 0 10px;

    padding: 5px 20px;
    margin: 0 30px 0 0;
    min-width: 100px;
    width: auto;
    display: inline-block;
    text-align: center;
}

#block-leserservice-main-menu .menu-item--active-trail a,
#block-leserservice-main-menu .menu a:hover {
    color: #fff;
    background: #444;
    text-decoration: none;
}
/*#block-leserservice-main-menu .menu-item a:after {
    content: "|";
    padding: 0 10px 0 12px;
}
#block-leserservice-main-menu .menu-item:last-child a:after {
    content: "";
}*/


/* Footer - Allgemein */
.site-footer {
    padding: 0;
    border-top: 7px solid #547ea4;
    background: #444!important;
    font-family: inherit;
}
.site-footer__bottom {
    border: 0;
    margin: 0;
}
.site-footer__bottom .region {
    margin: 0;
}


/* Footer - Huss-Gruppe Logo */
#block-hussgruppelogo {
    margin: 0;
}
#block-hussgruppelogo .content {
    padding: 0;
}
#block-hussgruppelogo p {
    display: none;
}

/* Footer - AGB-Menu */
.featured-bottom {
    background: #ffffff;
    border: 0;
}
#block-agbmenu,
.region-featured-bottom-first {
  clear:both;
  float: none;
  margin-bottom: 0;
}
#block-agbmenu ul{
  text-align:right;

}
#block-agbmenu .menu-item {
    display: inline-block;
}
#block-agbmenu .menu-item a,
#block-agbmenu .menu-item a:hover {
    color: #000;
}
#block-agbmenu .menu-item a:after {
    content: "|";
    padding-left: 10px;
}
#block-agbmenu .menu-item:last-child a:after {
    content: "";
}

/* Footer - Huss-Menu */
#block-leserservice-footer .menu {
    /*text-align: center;*/
}
#block-leserservice-footer .menu-item {
    /*display: inline-block;*/
    display: inline;
    float: none;
}
#block-leserservice-footer .menu-item a {
    border-bottom: 0;
    margin: 7px 0;
    display: inline;
    float: none;
    line-height: 2rem;
}

/* Footer - Copyright-Block */
#block-copyright {
    text-align: center;
    border-top: 1px solid #555;
    padding-top: 15px;
}

/* Formular - Zahlungsart ändern - SEPA */

.sepa-kdnr {
    color: red;
}
.sepa-sign {
    float: right;
    border-top: 1px solid #000;
    width: 70%;
    margin-bottom: 30px;
}
.sepa-sign .stamp {
    padding-left: 30%;
}
.meta-sepa {
    border: 1px solid #000;
    padding: 50px;
    width: 100%;
}
.tab-sepa {
    border-bottom: 1px solid #000;
    width: 60%;
}
.sepa-row {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.meta-sepa .last {
    margin-bottom: 120px;
}
.sepa-field {
    width: 30%;
}
.sepa-field .tab-span {
    border-bottom: 1px solid #000;
}


.webform-flex--container fieldset {
  margin: 0!important;
}
.webform-flex--container fieldset .webform-flex--container {
  margin-left: 0;
}
/*.webform-flexbox .webform-flexbox {*/
/*  margin:0;*/
/*}*/
.webform-flexbox.webform-address__row-1 {
  width: 70%;
  float: left;
}
.webform-flexbox.webform-address__row-2 {
  width: 28%;
  float: right;
}
.webform-flexbox.webform-address__row-3 {
  display: block;
  clear: both;
}
.webform-flex.webform-flex--1.webform-address__postal-code {
  float: left;
  width: 28%;
}
.webform-flex.webform-flex--1.webform-address__city {
  float: right;
  width: 70%;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #eee;
}
.select2-container .select2-selection--single {
  height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
 line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top:6px;
}
input[type=tel] {
  width: 100%;
}
.webform-name .webform-flexbox,
.webform-address .webform-flexbox {
  margin-top: 0;
}
.webform-flex--container .form-wrapper > fieldset + fieldset {
  margin-top: 30px!important;
}
.webform-flex--container .form-type-radio .webform-element-description {
  white-space: normal;
}

li.webform-progress-bar__page--current {
  background-color: #ffa6a6;
}
li.webform-progress-bar__page--current + li.webform-progress-bar__page > b:before{
  border-left-color: #ffa6a6;
}

@media print {

  body {
    font-size: 14px;
  }

  .highlighted,
  .featured-bottom,
  .site-footer,
  .webform-confirmation__back,
  #sepa-submit,
  a[title="Zurück zum Formular"]{
    didplay: none;
  }

  .page-title {
    font-size: 1.5rem;
    font-weight: bold;
  }
  #header img {
    height: 60px;
  }
  .site-branding__slogan {
    font-size: 1rem;
    padding-top: 20px;
  }
  .layout-main {
    margin: 0!important;
  }
  #sepa-submit {
    float: left;
    color: transparent;
    margin: 0;
  }
  a[title="Zurück zum Formular"] {
    color: transparent;
    margin: 0;
  }
  .meta-sepa {
    padding: 30px 30px 50px 30px;
  }

  .field--name-body,
  #sepa-submit,
  .messages,
  .webform-button--previous,
  .webform-button--next,
  .webform-progress,
  .webform-confirmation__back {
    display: none;
  }
}