/* joomla 5.xx */
/* Variables CSS Document */
/******* COLORS *******/
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@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';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@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';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
body {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  color: #464855;
  line-height: 32px;
  display: block;
  text-shadow: none;
  display: block;
  background-color: linear-gradient(to top, #dbdbdb 15%, #a6a6a6 75%); }

html {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  color: #464855;
  line-height: 32px;
  display: block;
  text-shadow: none;
  hyphens: auto; }

/* 
::-moz-selection { background: $color-font; color: #fff!important; }
::selection { background: $color-font; color: #fff!important; }
*/
a {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  color: #464855;
  line-height: 32px; }

h1 {
  font-family: "Lato";
  font-weight: 700;
  font-size: 3rem;
  color: #464855;
  line-height: 3.2rem;
  display: block;
  text-shadow: none;
  margin-bottom: 40px;
  text-transform: uppercase; }

h2 {
  font-family: "Lato";
  font-weight: 700;
  font-size: 2rem;
  color: #464855;
  line-height: 2.8rem;
  display: block;
  text-shadow: none;
  margin-bottom: 20px; }

.padding-top5 {
  padding-top: 5%; }

.padding-bottom5 {
  padding-bottom: 5%; }

.padding-top40 {
  padding-top: 40px; }

.padding-bottom40 {
  padding-bottom: 40px; }

.blog-item .item-wrapper {
  border: 1px solid red;
  padding: 10px; }
  .blog-item .item-wrapper .item-image {
    width: 100%;
    height: auto; }
    .blog-item .item-wrapper .item-image img {
      width: 100%;
      height: 180px;
      object-fit: contain; }

header {
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75); }
  header .main-header-wrapper .header-logo a.navbar-brand img {
    width: 220px;
    height: auto; }
  header .main-header-wrapper .header-second {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    header .main-header-wrapper .header-second .nav-wrap {
      align-items: center;
      display: flex;
      flex-direction: row; }

footer {
  background-color: #1F6C24;
  color: #ffffff !important;
  padding-top: 30px;
  padding-bottom: 30px; }
  footer .footer-wrapper .footer-rechtlich .footer2-2 ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    footer .footer-wrapper .footer-rechtlich .footer2-2 ul li {
      margin-left: 18px; }
      footer .footer-wrapper .footer-rechtlich .footer2-2 ul li a {
        text-decoration: none;
        color: #ffffff; }
        footer .footer-wrapper .footer-rechtlich .footer2-2 ul li a:hover {
          text-decoration: underline; }