@charset "UTF-8";
html {
  scroll-behavior:smooth
}
* {
  margin:0;
  padding:0
}
body {
  background-color:var(--bg-02);
  color:var(--bs-body-color);
  font-family:var(--font-01);
  font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight);
  line-height:var(--bs-body-line-height);
  margin:0;
  text-align:var(--bs-body-text-align);
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:#fff0;
  position:relative;
  overflow-x:hidden
}
hr {
  border:0;
  border-top:var(--bs-border-width) solid;
  color:#e9ecef;
  margin:1rem 0
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color:var(--bs-heading-color);
  font-family:"Roboto",sans-serif;
  font-weight:500;
  line-height:1.4;
  margin-bottom:.5rem;
  margin-top:0
}
.h1,
h1 {
  font-size:calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
  .h1,
  h1 {
    font-size:2rem
  }
}
.h2,
h2 {
  font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
  .h2,
  h2 {
    font-size:1.5rem
  }
}
.h3,
h3 {
  font-size:1.25rem
}
.h4,
h4 {
  font-size:1rem
}
.h5,
h5 {
  font-size:.875rem
}
.h6,
h6 {
  font-size:.75rem
}
p {
  margin-bottom:1rem;
  margin-top:0
}
abbr[title] {
  cursor:help;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
  -webkit-text-decoration-skip-ink:none;
  text-decoration-skip-ink:none
}
address {
  font-style:normal;
  line-height:inherit;
  margin-bottom:1rem
}
ol,
ul {
  padding-left:2rem
}
dl,
ol,
ul {
  margin-bottom:1rem;
  margin-top:0
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom:0
}
dt {
  font-weight:700
}
dd {
  margin-bottom:.5rem;
  margin-left:0
}
blockquote {
  margin:0 0 1rem
}
b,
strong {
  font-weight:800
}
.small,
small {
  font-size:.875em
}
.mark,
mark {
  background-color:var(--bs-highlight-bg);
  color:var(--bs-highlight-color);
  padding:.1875em
}
sub,
sup {
  font-size:.75em;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
a {
  color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))
}
a,
a:hover {
  text-decoration:none
}
a:hover {
  --bs-link-color-rgb:var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color:inherit;
  text-decoration:none
}
code,
kbd,
pre,
samp {
  font-family:var(--bs-font-monospace);
  font-size:1em
}
pre {
  display:block;
  font-size:.875em;
  margin-bottom:1rem;
  margin-top:0;
  overflow:auto
}
pre code {
  color:inherit;
  font-size:inherit;
  word-break:normal
}
code {
  color:var(--bs-code-color);
  font-size:.875em;
  word-wrap:break-word
}
a>code {
  color:inherit
}
kbd {
  background-color:var(--bs-body-color);
  border-radius:.2rem;
  color:var(--bs-body-bg);
  font-size:.875em;
  padding:.1875rem .375rem
}
kbd kbd {
  font-size:1em;
  padding:0
}
figure {
  margin:0 0 1rem
}
img,
svg {
  vertical-align:middle
}
table {
  border-collapse:collapse;
  caption-side:bottom
}
caption {
  color:var(--bs-secondary-color);
  padding-bottom:.5rem;
  padding-top:.5rem;
  text-align:left
}
th {
  font-weight:600;
  text-align:inherit;
  text-align:-webkit-match-parent
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border:0 solid;
  border-color:inherit
}
label {
  display:inline-block
}
button {
  border-radius:0
}
button:focus:not(:focus-visible) {
  outline:0
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  margin:0
}
button,
select {
  text-transform:none
}
[role=button] {
  cursor:pointer
}
select {
  word-wrap:normal
}
select:disabled {
  opacity:1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display:none!important
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor:pointer
}
::-moz-focus-inner {
  border-style:none;
  padding:0
}
textarea {
  resize:vertical
}
fieldset {
  border:0;
  margin:0;
  min-width:0;
  padding:0
}
legend {
  float:left;
  font-size:calc(1.275rem + .3vw);
  line-height:inherit;
  margin-bottom:.5rem;
  padding:0;
  width:100%
}
@media (min-width:1200px) {
  legend {
    font-size:1.5rem
  }
}
legend+* {
  clear:left
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding:0
}
::-webkit-inner-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-color-swatch-wrapper {
  padding:0
}
::file-selector-button {
  -webkit-appearance:button;
  font:inherit
}
output {
  display:inline-block
}
iframe {
  border:0
}
summary {
  cursor:pointer;
  display:list-item
}
progress {
  vertical-align:baseline
}
[hidden] {
  display:none!important
}
code[class*=language-],
pre[class*=language-] {
  background:none;
  color:#dee2e6;
  font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
  font-size:1em;
  text-align:left;
  white-space:pre;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  -webkit-hyphens:none;
  hyphens:none;
  line-height:1.5;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4
}
code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
  background:#b3d4fc;
  text-shadow:none
}
code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
  background:#b3d4fc;
  text-shadow:none
}
@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow:none
  }
}
pre[class*=language-] {
  margin:.5em 0;
  overflow:auto;
  padding:1em
}
:not(pre)>code[class*=language-],
pre[class*=language-] {
  background:#151e28
}
:not(pre)>code[class*=language-] {
  border-radius:.3em;
  padding:.1em;
  white-space:normal
}
.hr-header-cover {
  width:100%;
  height:102.6px
}
@media screen and (max-width:540px) {
  .hr-header-cover {
    height:96.6px
  }
}
.swiper-container {
  position:relative;
  overflow-x:hidden!important
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display:none
}
.hr-btns-wrap {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.hr-btns-wrap .hr-btn {
  margin-right:1rem
}
.hr-btns-wrap .hr-btn:last-child {
  margin-right:0
}
.card {
  border-color: #fff0;
  border-radius: 10px;
  background: var(--white);
  height: calc(100% - 2rem);
}
.card .card-img-top {
  width:100%;
  height:250px;
  object-fit:cover;
  border-radius:0rem;
  margin-bottom:22px
}
.card .hr-icon {
  margin: 0 auto;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.card .hr-icon img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 50%;
  margin-top: -140px;
}
.card .card-body {
  padding: 1rem;
}
.card .hr-titel {
  font-weight:600;
  font-size:24px;
  margin-bottom:15px;
  margin-top:15px;
  color:var(--color-2);
  font-family:var(--font-02)
}
.card a .hr-titel {
  color:var(--color-6)
}
.card a .hr-titel:hover {
  color:var(--color-7)
}
.card .hr-text {
  font-size:16px;
  letter-spacing:-.25px;
  line-height:26px;
  color:#000;
  margin-bottom:20px
}
.card a:hover .hr-titel {
  color:var(--color-3)
}
.card .hr-link {
  font-weight:500;
  border-bottom:1px solid var(--color-3);
  color:var(--color-3);
  font-size:16px;
  padding-bottom:5px;
  line-height:1.2
}
.card .hr-link:hover {
  border-bottom:2px solid var(--color-4);
  color:var(--color-4)
}
.card .hr-crop-titel {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.card .hr-crop-text {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}
.card .hr-post-detail {
  margin-bottom:.5rem
}
.card .hr-post-detail .nav .nav-item {
  margin-right:.5rem
}
.card .hr-post-detail .nav .nav-item i {
  color:var(--color-7)!important;
  font-size:13px
}
.card .hr-post-detail .nav .nav-item:last-child {
  margin-right:0
}
.card .hr-post-detail .nav .nav-item span {
  padding:0;
  padding-right:.5rem;
  font-size:13px;
  font-weight:400;
  color:var(--color-1)
}
.card .hr-post-detail .nav .nav-item:last-child span {
  padding:0;
  border:none
}
.hr-bold {
  font-weight:bold!important;
  color:#000!important
}
.single-item-overlay .img-box {
  position:relative
}
.single-item-overlay .img-box .overlay {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  background:rgb(0 0 0 / .8);
  width:100%;
  transform:scale(.7,0);
  transition:.5s ease-in-out
}
.card:hover .single-item-overlay .img-box .overlay {
  transform:scale(1,1);
  transition:.5s ease-in-out
}
.single-item-overlay .inner-box {
  display:table;
  width:100%;
  height:100%;
  text-align:center
}
.single-item-overlay .content {
  display:table-cell;
  vertical-align:middle;
  position:relative;
  top:0%;
  transition:.2s cubic-bezier(.4,0,1,1);
  list-style:none
}
.single-item:hover .content {
  top:0;
  transition:.5s cubic-bezier(.4,0,1,1);
  transition-delay:.3s
}
.single-item-overlay .content li {
  position:relative;
  display:inline-block;
  margin:0 5px
}
.single-item-overlay .img-box .overlay ul li a {
  position:relative;
  display:inline-block;
  height:45px;
  width:45px;
  color:#fff;
  font-size:14px;
  border-radius:50%;
  background:#fff0;
  text-align:center;
  line-height:43px;
  border:2px solid #fff;
  transition:all 500ms ease
}
.single-item-overlay .img-box .overlay ul li a:hover {
  background-color:#fff
}