/*Materialdatenbank */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/*Farben und Icons Materialtypen */
.hpmv-bg-all {background-color: #e30616; color: #fff}
.hpmv-bg-all:after { content: "\f022"; font-family: 'FontAwesome'; margin-left: 5px;}
.hpmv-bg-Ausleihe {background-color: teal; color: #fff}
.hpmv-bg-Ausleihe:after { color: #fff; content: "\f0f2"; font-family: 'FontAwesome'; margin-left: 5px;}
.hpmv-bg-Downloads {background-color: #fbc800;}
.hpmv-bg-Downloads:after { content: "\f019"; font-family: 'FontAwesome'; margin-left: 5px;}
.hpmv-bg-Dokumente {background-color: #333; color:#fff;}
.hpmv-bg-Dokumente:after { color:#fff; content: "\f15b"; font-family: 'FontAwesome'; margin-left: 5px;}
.hpmv-bg-Video {background-color:#306f7b; color:#fff;}
.hpmv-bg-Video:after { color:#fff; content: "\f03d"; font-family: 'FontAwesome'; margin-left: 5px;}

.hpmv-article {background: #f9f9f9; padding: 5px 10px; margin: 15px 0;}
.hpmv-article h4 {line-height: 1em; margin-bottom: 0;}
.hpmv-label {padding: 15px; font-weight: 400; margin:10px 0;}
/*.hpmv-checkbox-group {height: auto; box-sizing: border-box; display: flex;}
.hpmv-checkbox-group {margin: 20px 0;} */
.hpmv-checkbox-group label {display:block; width:100%;}
#hpmv-form label input {margin: 0 3px;}
.hpmv-dropdown-group select {width: 100%;}
.hpmv-dropdown-group {padding: 10px 0;}
.hpmv-input input {width: 100%;}
.hpmv-input {padding: 10px 0;}
.hpmv-button {text-align: right;}
#hpmv-form-div {background: #f9f9f9 !important;  padding: 10px !important;  margin: 0 0 30px 0 !important;}
#hpmv-message, .hpmv-messages {padding: 10px; background: #f9f9f9;  border-top: #fbc800 1px dotted;}

.hpmv-dropdown-group select {color: #000; font-weight:bold;}
#hpmv-side-right {padding: 15px 5px 0 20px; background: #f9f9f9;}


/*Tags */
.hpmv-article-terms {font-size: 0.7em;}
.hpmv-article-terms-bigger {font-size: 1em;}
.hpmv-tag-materialtyp { display: inline-block; padding: 3px; /*pointer-events: none;*/ line-height: 1em; background: #f4bf01; margin: 0 5px 0 0; font-weight: bold;}
.hpmv-tag-materialtyp a {color: #fff !important;}
.hpmv-tag-materialthema { display: inline-block; padding: 3px; /*pointer-events: none;*/ line-height: 1em; background: #fbc800; margin: 0 5px 0 0; font-weight: bold;}
.hpmv-tag-materialthema a {color: #000 !important;}
.hpmv-tag-materialtyp-big { display: inline-block; padding: 6px; /*pointer-events: none;*/ line-height: 1em; background: #fbc800; margin: 0 5px 10px 0; font-weight: bold;}
.hpmv-tag-materialtyp-big a {color: #fff !important; text-decoration: none;}
.hpmv-tag-materialtyp-big a:hover {text-decoration: none !important;}
.hpmv-tag-materialtyp-big:hover { background: #f4bf01;}
.hpmv-tag-materialtyp-big:hover a { color: #fff !important; text-decoration: none;}



/*Admin Bar */
#wpadminbar #wp-admin-bar-edit-material>.ab-item:before {
    content: "\f464";
    top: 2px;
}

.hpmv-h4-icon {
    color: #999 !important; font-size: 0.7em;
}

#hpmv-page {padding: 0 20px 0 0;}
#hpmv-materialdatenbank .m20 {margin-top: 10px; margin-bottom: 10px;}

#hpmv-materialdatenbank {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
#hpmv-materialdatenbank .button {
    background-color: #e30616; /* Green */
    border: none;
    color: white !important;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px !important;
  }

#hpmv-materialdatenbank select {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="rgba(139,141,148,0.5)" x="0px" y="0px" width="8px" height="8px" viewBox="0 0 386.257 386.257" style="enable-background:new 0 0 386.257 386.257;" xml:space="preserve"><polygon points="0,96.879 193.129,289.379 386.257,96.879 "/></svg>');
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 10px;
}

#hpmv-materialdatenbank input::-webkit-input-placeholder {
    color: rgba(139,141,148,0.5);
  }
  #hpmv-materialdatenbank input:-moz-placeholder {
color: rgba(139,141,148,0.5);
}
#hpmv-materialdatenbank textarea::-webkit-input-placeholder {
color: rgba(139,141,148,0.5);
}
#hpmv-materialdatenbank textarea:-moz-placeholder {
color: rgba(139,141,148,0.5);
}
#hpmv-materialdatenbank input:focus::-webkit-input-placeholder {
color: rgba(139,141,148,0.15);
}
#hpmv-materialdatenbank input:focus:-moz-placeholder {
color: rgba(139,141,148,0.15);
}
#hpmv-materialdatenbank textarea:focus::-webkit-input-placeholder {
color: rgba(139,141,148,0.15);
}
#hpmv-materialdatenbank textarea:focus:-moz-placeholder {
color: rgba(139,141,148,0.15);
}
#hpmv-materialdatenbank .form-fields label,
#hpmv-materialdatenbank .comment-form label {
color: #8b8d94;
}
#hpmv-materialdatenbank input[type="text"],
#hpmv-materialdatenbank input[type="search"],
#hpmv-materialdatenbank input[type="tel"],
#hpmv-materialdatenbank input[type="url"],
#hpmv-materialdatenbank input[type="email"],
#hpmv-materialdatenbank input[type="number"],
#hpmv-materialdatenbank input[type="date"],
#hpmv-materialdatenbank input[type="range"],
#hpmv-materialdatenbank input[type="password"],
#hpmv-materialdatenbank select,
#hpmv-materialdatenbank textarea,
#hpmv-materialdatenbank .wpcf7-number {
color: #8b8d94;
border-width: 1px;
border-color: rgba(51,51,51,0.12);
background-color: #fdfdfd;
border-radius: 1px;
}
#hpmv-materialdatenbank .content input[type="text"],
#hpmv-materialdatenbank .content input[type="search"],
#hpmv-materialdatenbank .content input[type="tel"],
#hpmv-materialdatenbank .content input[type="url"],
#hpmv-materialdatenbank .content input[type="email"],
#hpmv-materialdatenbank .content input[type="number"],
#hpmv-materialdatenbank .content input[type="date"],
#hpmv-materialdatenbank .content input[type="range"],
#hpmv-materialdatenbank .content input[type="password"],
#hpmv-materialdatenbank .content select,
#hpmv-materialdatenbank .content textarea,
#hpmv-materialdatenbank .content .wpcf7-number {
font-size: 15px;
line-height: 26px;
}
#hpmv-materialdatenbank input[type="text"],
#hpmv-materialdatenbank input[type="search"],
#hpmv-materialdatenbank input[type="tel"],
#hpmv-materialdatenbank input[type="url"],
#hpmv-materialdatenbank input[type="email"],
#hpmv-materialdatenbank input[type="number"],
#hpmv-materialdatenbank input[type="date"],
#hpmv-materialdatenbank input[type="range"],
#hpmv-materialdatenbank input[type="password"],
#hpmv-materialdatenbank select,
#hpmv-materialdatenbank .wpcf7-number {
height: 38px;
}