/***Basis-Anweisungen
********************************************/


/** Schriften einbinden .innerpopupcontent .page2 .addorderpopup .adresscontainer .addorderpopup .pdata,
/*********************************************************/

.placerow .before-locicon {
  margin-top: 10px;
}

.orderwrap .orders,
.addbillingpopup .data
 {
  overflow-y: scroll;
  height: 40vh;
}




table.customer-stats {
  font-size: inherit;
}

.customer-stats td{
  padding: 12px 20px;
}

button:hover { cursor: pointer; }

.menustuff .close-btn {
  background-image: url("/sites/default/files/close-icon-white.svg")!important;
  background-repeat: no-repeat!important;
}

.currenttime::after, .multivariants .rowhead::after {
  content: '';
  display: inline-block;
  background-image: url("../images/arrow_down.svg");
  width: 14px; height: 14px;
  background-size: cover;
  margin-left: 8px;
}

.customer-rightrow, .customerwrap {
  width: 100%;
}

.totalrow { width: 120px; }

.sortcustomers {
  max-width: 200px; width: 100%; font-size: 1.1rem!important; background-size: 10px 21px!important;
  background-position: right 15px center!important;
 }

.md-grid-cols-4-sup > div {
  grid-column-gap: 120px;
}


h1, h2 { font-weight: normal;  }
/* Ueberschriften */
h1 { line-height: 0.95em; margin-bottom: 30px; text-transform: uppercase; }

/* H2  color: #737f8d; */
h2{
 letter-spacing: 0.005em;
 line-height: 1.1em;
 margin: 40px 0px 8px 0px; text-transform: uppercase;
}

/* H3 */
h3, .views-field.views-field-name{
text-transform: uppercase; margin: 40px 0px 10px 0px;
}
.h3-headline{width: 30%; height: 50px; }

h4 { margin: 12px 0px 0px 0px;  }

small { font-size: 0.8em; }

.page-body ul {
   margin-left: 0px;
   padding-left: 0px;
  }

.page-body li {
  display: flex;
  align-items: flex-start;
  line-height: 1.5em;
  }

.page-body li::before {
   content: "*";
   display: inline-block;
   margin-right: 20px;
  }

.inner-teaserbox h4 { margin-top: 0px; }


.rows { position: relative; width: 100%; overflow: hidden; }

.firstcolumn { text-align: right; width: 49%; margin-right: 1%;}

.graubox .views-element-container {  text-align: left; }
.graubox { position: relative; background: #f4f4f4; padding: 20px; display: inline-block;  margin: 10px; }
.whitebox { padding: 20px; display: inline-block; margin: 10px; }
.graubox h3 a { display: block; }

#superfish-main ul { z-index: 100!important; background: #FFF!important; }
#superfish-main a.sf-depth-1 { padding: 30px 0px 0px 30px!important; font-weight: normal; }
#superfish-main ul a:hover { color: #000; cursor: pointer; }
ul.sf-menu .sf-sub-indicator  { height: 6px; width: 0px; display: inline-block; display: none; }

.views-field-view-node a { background: url('../images/eye.svg') no-repeat; background-size: 34px; }
.views-field-edit-node a, .views-field-edit-node-1 a, .views-field-edit-taxonomy-term a { background: url('../images/edit.svg') no-repeat; background-size: 36px 26px; width: 36px; }
.page-node-121 .views-field-nothing a { background: url('../images/pdf-2.svg') no-repeat; background-size: 34px 34px; }
.page-node-121 .views-field-nothing-2 a, .page-node-124 .views-field-nothing-2 a, .page-node-122 .views-field-nothing a { background: url('../images/pdf-1.svg') no-repeat; background-size: 34px 34px; }
.views-field-view-node a, .views-field-edit-node a, .views-field-edit-taxonomy-term a,
.page-node-121 .views-field-nothing-2 a, .page-node-121 .views-field-nothing a, .page-node-124 .views-field-nothing-2 a,
.views-field-edit-node-1 a, .page-node-122 .views-field-nothing a { display: block; text-indent: -999999999px; }
.views-field-edit-node a, .views-field-edit-node, .views-field-edit-node-1.views-field-edit-node-1 a, .views-field-edit-taxonomy-term a { height: 32px; }
.views-field-view-node a, .views-field-view-node { width: 34px; height: 30px; }
.page-node-121 .views-field-nothing-2, .page-node-121 .views-field-nothing-2 a, .page-node-124 .views-field-nothing-2 a,
 .page-node-124 .views-field-nothing-2, .page-node-122 .views-field-nothing, .page-node-122 .views-field-nothing a { width: 34px; height: 34px; }
.page-node-121 .views-field-nothing, .page-node-121 .views-field-nothing a { width: 34px; height: 34px; }
.page-node-121 td.views-field-nothing { padding: 22px 7px 22px 14px; }

td.views-field-view-node, td.views-field-edit-node, .page-node-121 td.views-field-nothing-2, td.views-field-edit-taxonomy-term { padding: 22px 14px!important; }

.views-field-field-nachname, .page-node-121 .views-field-view-node a, .views-field-title a, .views-field-title-9 a, .title-row a { font-size: 1em; color: #000; }

.page-node-124 .views-field-nothing-1 { display: none; }
    td.views-field-edit-node, td.views-field-edit-node-1, .page-node-124 .views-field-nothing-2 { padding: 22px 10px 22px 0px!important; }


.event-row div { float: left; }
.event-row { position: relative; width: 100%; overflow: hidden; padding: 16px 0px; border-bottom: 1px solid #f4f4f4;}
.event-row .title-row, .event-row .date-row { width: 210px; text-align: left; padding-right: 20px; }

/* Tabellen */
 table {
 	  display: inline-block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
    background: transparent;
    border-collapse: collapse;
    border-radius: 0px;
    padding: 5px;
    margin: 50px auto;
    font-size: 90%;
 }

 .node--unpublished {
    background-color: transparent!important;
}

.views-element-container {
  position: relative;
  width: auto;
 }


 tr:last-child {
    border-bottom: medium none;
}
tr:first-child {
    border-top: medium none;
}
tr {
    font-weight: normal;
    text-shadow: none;
}

th.text-left {
    text-align: left;
}
th:first-child {
    border-top-left-radius: 3px;
}
th {
    border-right: none;
    font-weight: normal;
    padding: 14px 24px;
    line-height: 19px;
    text-align: left;
    text-transform: lowercase;
    text-shadow: none;
    vertical-align: middle;
}

th a:after {
    content: '';
    position: relative;
    float: right;
    width: 0;
    height: 0;
    margin-top: 9px; margin-left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #737F8C;
  }

td.text-left {
    text-align: left;
}
td {
    font-weight: normal;
    padding: 22px 28px;
    text-align: left;
    text-shadow: none;
    vertical-align: middle;
}


/* ANIMATIONEN */
/* Drehungen */
.rotate{ transition: all 0.3s; }
.rotate:hover img{ transform: rotate(2deg); }

/* fuer die Post-Animation */
.post.hidden{  opacity:0;  display: block; }
.post.visible{  opacity:1; }

/***************** Drupal *******************************/

#block-alex-theme-local-tasks.contextual-region{
  position: absolute; right: 0px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
#block-alex-theme-local-tasks.contextual-region a{ color: #fff; }
#block-alex-theme-local-tasks.contextual-region ul.contextual-links a{ color: #354c54; }

/** User-Login
 /*******************************************************/

 .path-user main{ padding-top: 50px; padding-bottom: 10px; }
 .layout-container{ position: relative; }

.user-logged-in.path-user #block-alex-theme-local-tasks{ margin: 0px; padding: 20px; width: auto;/* max-width: auto;*/ }

 #user-profile-form { padding: 10px 0px; }

 .page-user.logged-in  .user-picture { margin: 0px auto; float: none; width: 200px; }


.js-form-type-radio:hover { cursor: pointer; }


.webform-readonly label { display: block!important; }

.maxwidth {
  width: 100%;
}
.md-ml-m {
  margin: 20px 0px 0px 0px;
}


@media screen and (min-width: 768px) {
  .md-ml-m {
  margin-left: 3rem;
  padding-left: 0px;
  padding-right: 0px;
  }
  .maxwidth {
  width: calc(50vw - 3rem);
  transform: translate3d(0, 0, 0);
}
.customer-rightrow {
  width: 300px;
  flex-shrink: 0;
}
.customerwrap {
  width: calc(100% - 300px);
}

}


@media screen and (min-width: 1024px) {
  .md-ml-m {
    margin-left: 5rem;
  }
  .maxwidth {
    width: calc(50vw - 5rem);
  }
  .customer-rightrow {
    width: 300px;
    flex-shrink: 0;
  }
}


 @media only screen and (min-width: 0px) and (max-width: 1024px) {

  path-frontpage h1 { font-size: 4.6rem!important; }
 }


 @media only screen and (min-width: 0px) and (max-width: 768px) {

   .summary small {
     width: calc(33.33334% - 20px);
   }
   .summary .gap-x-30px {
  grid-column-gap: 20px;
}

  path-frontpage h1 { font-size: 4rem!important; }
   .text-64px {
     font-size: 2.5rem!important;
   }

.firstcolumn, .column { width: 100%; margin: 0px; }
.firstcolumn { text-align: left; }
td, th { padding: 10px 14px; font-size: 0.8em; }

    }

 @media only screen and (min-width: 0px) and (max-width: 480px) {


      td.views-field-edit-node, td.views-field-edit-node-1 { padding: 22px 8px 22px 0px!important; }
      td.views-field-view-node, td.views-field-edit-node, .page-node-121 td.views-field-nothing-2, .page-node-121 .views-field-nothing, .page-node-122 .views-field-nothing { padding: 22px 8px !important; }
      .page-node-122 .views-field-nothing { padding-right: 0px!important; }
}