/*
 *  kfps-hengste/hp-display.css
 *
 *  V1.11, 04.09.2019
 *
 */
                                     
@media screen {

  div#display-wrapper {
    box-sizing: border-box;
    margin: 0 auto;           /* display zentrieren */
    position: relative;

    /*max-width: 1280px;*/
    /*text-align: left;*/

    background: #F0F0F0;
  }
                              /** Tooltip (CSS only) **/
  /*
  div.tooltip {
    position: relative;
    text-decoration: none;
  }

  div.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: 20%;
    background: #ffcb66;
    padding: 5px 15px;
    color: black;
    -webkit-border-radius: 10px;
    -moz-border-radius : 10px;
    border-radius : 10px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition : all 0.4s ease;
    transition : all 0.4s ease;
  }

  div.tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid #ffcb66;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition : all 0.4s ease;
    transition : all 0.4s ease;
    opacity: 0;
    left: 30%;
    bottom: 90%;
  }

  div.tooltip:hover:after {
    bottom: 100%;
  }

  div.tooltip:hover:before {
    bottom: 70%;
  }

  div.tooltip:hover:after, div:hover:before {
    opacity: 1;
  }
  */

  .modal-container {          /* Scroll-Container Modals */
    max-height: 80vh;
    overflow-y: auto;
  }

  .modal-container ul {
    list-style-type: disc;

    padding-left: 30px;

    /*background: #B4A79B;*/
  }
                              /** Modal Such-Formular **/
  .modal-search-form.modal {
    border-radius: 0;
    line-height: 18px;
    padding: 0;
    /*font-family: "Lucida Grande", Verdana, sans-serif;*/
  }

  .modal-search-form h3 {
    margin: 0;
    padding: 8px;
    color: #FFFFFF;
    font-size: 14px;
    background: -moz-linear-gradient(top, #2E5764, #1E3D47);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1E3D47), color-stop(1, #2E5764));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1B1582), color-stop(1, #2B21CE));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2D2A69), color-stop(1, #3F3A92));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2F2B91), color-stop(1, #3F3AC3));
  }

  .modal-search-form.modal p {
    border-bottom: 1px solid #ddd;
    margin: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEEEEE), color-stop(1, #FFFFFF));
    overflow: hidden;
  }

  .modal-search-form.modal p.grp-search {
    padding: 20px 30px;
  }

  .modal-search-form.modal p.grp-submit-cancel {
    text-align: right;
    padding: 10px 30px;
  }

  .modal-search-form.modal p:last-child { border: none; }
  .modal-search-form.modal p label { float: left; font-weight: bold; color: #333333; font-size: 13px; width: 110px; line-height: 22px; }

  .modal-search-form.modal p input[type="text"]
  {
    font-weight: normal;
    font-size: 18px;
    padding: 3px;
    border: 1px solid #DDDDDD;
    width: 98%;
  }

  .modal-search-form.modal p input[type="submit"],
  .modal-search-form.modal p input[type="button"]
  {
    font-size: 12px;
  }
                                   /*** mobile tab ***/
  nav#mobile-tab {
    position: fixed;
    bottom: 0px;

    width: 100%;
    z-index: 1000;

    border-top: 1px solid #333333;
    /*background-color: rgba(180, 167, 155, 1);*/ /* #b4a79b */
    background: #FFFFFF; /*#B4A79B;*/
  }

  div#mobile-buttons {            /** Mobile Menu **/
    display: inline;
    float: right;
    box-sizing: border-box;
    position: relative;

    /*height: 100%;*/
    /*margin-top: 1.5em;*/
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-right: 1em;

    /*background-color: #997070;*/
  }

  div#mobile-buttons a:link,
  div#mobile-buttons a:visited
  {
    /*text-decoration: none;*/
    /*color: black;*/
  }

  div#mobile-buttons a:active
  {
    /*background-color: #666666;*/
  }

  div#mobile-buttons a:hover
  {
    /*background-color: #AAAAAA;*/
    /*text-decoration: underline;*/
  }

  div#mobile-tab-search {         /** Mobile Such-Formular Wrapper **/
    display: inline;
    float: right;
    box-sizing: border-box;
    position: relative;

    padding-top: 0.8em;
    /*padding-right: 1em;*/

    /*background-color: #777070;*/
  }

  div#print-header {
    display: none;
  }
}

/*
 * Galaxy S5:       360 x  640, pixel-ratio 3
 * Galaxy S4:       320 x  640, pixel-ratio 3
 * Galaxy S3:       320 x  640, pixel-ratio 2
 * iPhone 4 + 4S:   320 x  480, pixel-ratio 2
 * iPhone 5 + 5S:   320 x  568, pixel-ratio 2
 * iPhone 6:        375 x  667, pixel-ratio 2
 * iPhone 6+:       414 x  736, pixel-ratio 3
 * HTC One:         360 x  640, pixel-ratio 3
 * iPad mini, 1+2:  768 x 1024, pixel-ratio 1
 * iPad 3+4:        768 x 1024, pixel-ratio 2
 * Galaxy Tab       800 x 1280
 */

                                         /*** Breitenabhängige Styles ***/

@media screen and (min-width: 415px) {
  #mobile-tab {
    display: none;
  }
  #mobile-tab-spacer {
    display: none;
  }
}

@media screen and (min-width: 1281px) {  /**  XL  **/

}

@media screen and (max-width: 1280px) {  /**  LA  **/

}

@media screen and (max-width: 768px) {   /**  ME  **/

}

@media screen and (max-width: 480px) {   /**  SM  **/

}

@media screen and (max-width: 414px) {   /**  XS  **/

}

@media print {                           /** Drucken **/
  div#print-header {
    display: block;
    font-size: medium;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #000;
  }
  div#print-header h2 {
    font-size: large;
  }
  nav#mobile-tab {
    display: none;
  }
  nav#mobile-tab-spacer {
    display: none;
  }
}