/* Add here all your css styles (customizations) */

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/typo3conf/ext/fwv_template/Resources/Public/Fonts/roboto-v30-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@media (min-width: 576px) {
  .container {
    max-width: 768px; } }

@media (min-width: 576px) {
  .container {
    max-width: 768px; } }

@media (min-width: 768px) {
  .container {
    max-width: 992px; } }

@media (min-width: 992px) {
  .container {
    max-width: 1200px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1200px; } }

body {
  background-image: linear-gradient(280deg, #e6efd5 0%, #96b4ce 100%);
  font-family: Roboto, sans-serif;
  font-weight: 400; }

h1 {
  margin-bottom: 20px; }

p {
  margin-bottom: 10px; }

a, a:visited, a:hover, a:active {
  color: #0075bf;
  font-weight: 600;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

::-moz-selection {
  color: #ffffff;
  background-color: #0075bf; }

::selection {
  color: #ffffff;
  background-color: #0075bf; }

main {
  margin-top: 131px; }

.fwv-b-it {
  margin-bottom: 10px; }

.fwv-c-iti img {
  height: 100%; }

.fwv-c-itt {
  color: #ffffff;
  font-size: 25px;
  font-style: italic;
  text-align: right;
  position: absolute;
  right: 0px;
  top: 40px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 992px) {
    .fwv-c-itt {
      font-size: 21px;
      top: 20px; } }
  @media (max-width: 768px) {
    .fwv-c-itt {
      font-size: 21px;
      text-align: left;
      position: relative;
      left: 0px;
      top: 0px;
      background-color: #0075bf;
      background-image: linear-gradient(140deg, #0075bf 30%, #006196 100%);
      padding-left: 20px; } }
  @media (max-width: 576px) {
    .fwv-c-itt {
      font-size: 17px;
      padding-left: 0px; } }

.fwv-c-itt1 {
  width: 40px;
  background-color: #0075bf;
  /* background-image: linear-gradient(100deg, rgba(221, 221, 221, 0) 30%, #0075bf 30%); */
  float: left;
  padding: 10px 0px 10px 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 768px) {
    .fwv-c-itt1 {
      display: none; } }

.fwv-c-itt2 {
  background-color: #0075bf;
  background-image: linear-gradient(140deg, #0075bf 30%, #006196 100%);
  float: left;
  padding: 10px 120px 10px 25px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 768px) {
    .fwv-c-itt2 {
      background-color: transparent;
      background-image: none; } }
  @media (max-width: 576px) {
    .fwv-c-itt2 {
      padding: 10px 10px 10px 20px; } }
  .fwv-c-itt2 p {
    margin-bottom: 0; }

.navbar .u-main-nav-v8 .nav-link {
  font-size: 15px;
  color: #0075bf;
  background-color: transparent; }

.navbar .u-main-nav-v8 .nav-item.active > .nav-link,
.navbar .u-main-nav-v8 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v8 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v8 .nav-item.show > .nav-link,
.navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v8 .nav-item .nav-link:focus {
  color: #0075bf;
  background-color: transparent; }

.navbar .u-main-nav-v8 .nav-item.active > .nav-link,
.navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link {
  /* background-image: linear-gradient(97deg, rgba(221, 221, 221, 0) 5%, #afca0b 6%, #afca0b 94%, rgba(221, 221, 221, 0) 95%); */
  background-color: #afca0b;
}
  @media (max-width: 992px) {
    .navbar .u-main-nav-v8 .nav-item.active > .nav-link,
    .navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link {
      background-image: none;
      background-color: #afca0b; } }

.navbar .u-main-nav-v8 .nav-link {
  padding: 10px 25px 10px 25px; }

.navbar .u-sub-menu-v1 .hs-sub-menu,
.navbar .u-sub-menu-v1 .hs-mega-menu,
.navbar .u-sub-menu-v1 .dropdown-menu {
  margin-top: 0;
  color: #ffffff;
  background-color: #0075bf;
  border-width: 0;
  box-shadow: none; }

.navbar .u-sub-menu-v1 .hs-sub-menu a,
.navbar .u-sub-menu-v1 .dropdown-menu a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  margin: 0px 10px 0px 10px; }

.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu.active > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:active > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:focus > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item.active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:hover > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item.active > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:active > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:focus > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu a:active, .navbar .u-sub-menu-v1 .hs-sub-menu a:focus, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover,
.navbar .u-sub-menu-v1 .dropdown-menu a:active,
.navbar .u-sub-menu-v1 .dropdown-menu a:focus,
.navbar .u-sub-menu-v1 .dropdown-menu a:hover {
  color: #0075bf !important;
  background-color: #ffffff;
  border: none;
  margin: 0 10px 0 10px; }

.nav-link:hover,
.nav-link:active,
.nav-link:focus,
.navbar .u-main-nav-v8 .nav-item .nav-link:hover,
.navbar .u-main-nav-v8 .nav-item .nav-link:active,
.navbar .u-main-nav-v8 .nav-item .nav-link:focus {
  color: #0075bf;
  /* background-image: linear-gradient(97deg, rgba(221, 221, 221, 0) 5%, #afca0b 6%, #afca0b 94%, rgba(221, 221, 221, 0) 95%); */ background-color: #afca0b; }
  @media (max-width: 992px) {
    .nav-link:hover,
    .nav-link:active,
    .nav-link:focus,
    .navbar .u-main-nav-v8 .nav-item .nav-link:hover,
    .navbar .u-main-nav-v8 .nav-item .nav-link:active,
    .navbar .u-main-nav-v8 .nav-item .nav-link:focus {
      color: #0075bf;
      background-image: none;
      background-color: #afca0b; } }

.hs-sub-menu {
  margin-left: 1px; }
  @media (max-width: 992px) {
    .hs-sub-menu {
      margin-left: 0px; } }

.fwv-b-gv {
  margin-bottom: 10px; }

.fwv-c-gvt {
  color: #ffffff;
  background-color: #0075bf;
  font-size: 25px;
  font-style: italic;
  text-align: right;
  width: 20%;
  padding: 25px 25px 15px 45px;
  float: left;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 992px) {
    .fwv-c-gvt {
      width: 100%; } }

.fwv-c-gvi {
  background-image: linear-gradient(140deg, #1c55a5 15%, #48ba59 100%);
  float: left;
  width: 20%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 992px) {
    .fwv-c-gvi {
      width: 25%; } }
  @media (max-width: 768px) {
    .fwv-c-gvi {
      width: 50%; } }

.fwv-c-gvib {
  position: relative; }

.fwv-c-gvit {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #ffffff;
  font-size: 17px;
  font-family: Roboto, sans-serif;
  font-weight: 400; }
  @media (max-width: 576px) {
    .fwv-c-gvit {
      font-size: 15px; } }

.fwv-b-sk {
  margin-bottom: 10px; }

.fwv-c-sk {
  background-color: #0075bf;
  background-image: linear-gradient(140deg, #0075bf 30%, #006196 100%);
  color: #ffffff;
  padding: 25px 25px 20px 25px; }
  @media (max-width: 768px) {
    .fwv-c-sk {
      padding: 15px 10px 15px 10px; } }

.fwv-c-sk h1 {
  font-size: 25px;
  font-style: italic;
  padding: 25px 20px 10px 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  margin-bottom: 0; }
  @media (max-width: 576px) {
    .fwv-c-sk h1 {
      font-size: 20px;
      padding: 0px 10px 0px 10px; } }

.fwv-c-sk p {
  font-size: 17px;
  padding: 0 20px 0 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  margin-bottom: 0; }
  @media (max-width: 576px) {
    .fwv-c-sk p {
      font-size: 15px;
      padding: 10px 10px 0px 10px; } }

.fwv-b-n {
  margin-bottom: 10px; }

.fwv-c-n {
  background-color: #0075bf;
  background-image: linear-gradient(140deg, #0075bf 30%, #006196 100%);
  color: #ffffff;
  padding: 0px 25px 20px 25px; }
  @media (max-width: 768px) {
    .fwv-c-n {
      padding: 15px 10px 15px 10px; } }

.fwv-c-ni {
  color: #ffffff;
  padding: 0px 0px 10px 20px; }
  @media (max-width: 768px) {
    .fwv-c-ni {
      padding: 15px 10px 15px 10px; } }

.fwv-c-nii {
  float: right; }
  @media (max-width: 576px) {
    .fwv-c-nii {
      float: none; } }

.fwv-c-nih a {
  color: #ffffff;
  font-size: 17px;
  font-family: Roboto, sans-serif;
  font-weight: 600; }
  @media (max-width: 576px) {
    .fwv-c-nih a {
      font-size: 17px; } }

.fwv-c-nit p {
  color: #ffffff;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  padding: 0; }

.fwv-c-nid {
  font-size: 14px; }

.fwv-c-n h1 {
  font-size: 25px;
  font-style: italic;
  padding: 25px 20px 10px 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .fwv-c-n h1 {
      font-size: 20px;
      padding: 0px 10px 0px 10px; } }

.news .article h3 {
  padding: 0px 20px 10px 20px; }
  @media (max-width: 768px) {
    .news .article h3 {
      font-size: 20px;
      padding: 0px 10px 0px 10px; } }

.news .article .news-img-wrap {
  background: none;
  margin: 0; }
  @media (max-width: 576px) {
    .news .article .news-img-wrap {
      float: none; } }

.news .article .news-img-wrap a {
  display: block;
  float: left;
  padding: 0px;
  border: none;
  background: none;
  padding: 0 0 0 10px; }
  @media (max-width: 576px) {
    .news .article .news-img-wrap a {
      float: none;
      padding: 10px 0 10px 0; } }

@media (max-width: 576px) {
  .news .article .news-img-wrap img {
    float: none; } }

.news-single .footer {
  border-top: none; }

.news-single .article .news-img-wrap img {
  padding: 10px 20px 10px 20px; }
  @media (max-width: 576px) {
    .news-single .article .news-img-wrap img {
      padding: 10px 10px 10px 10px; } }

.news-single .article .news-img-wrap {
  width: auto; }

.fwv-b-cti {
  margin-bottom: 10px; }

.fwv-c-cti {
  background-color: #d4ffcb;
  background-image: linear-gradient(140deg, #fffff7 30%, #fdfff4 100%);
  color: #005a9a;
  padding: 35px 25px 15px 25px; }
  @media (max-width: 768px) {
    .fwv-c-cti {
      padding: 15px 10px 15px 10px; } }

.fwv-c-cti h2 {
  color: #0068b1;
  font-size: 21px;
  padding: 0 20px 0 20px;
  font-family: Roboto, sans-serif;
  font-weight: 600; }

.fwv-c-cti p {
  color: #005a9a;
  font-size: 17px;
  padding: 0 20px 0 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400; }
  @media (max-width: 768px) {
    .fwv-c-cti p {
      font-size: 15px;
      padding: 10px 10px 0px 10px; } }

.fwv-b-kt {
  margin-bottom: 10px; }

.fwv-c-kti {
  width: 100%;
  background-image: linear-gradient(140deg, #1c55a5 15%, #48ba59 100%); }

.fwv-c-ktt {
  background-color: #efffd4;
  background-image: linear-gradient(140deg, #fffff7 30%, #fdfff4 100%);
  padding: 35px 25px 15px 25px; }

.fwv-c-ktt h2 {
  color: #0068b1;
  font-size: 25px;
  padding: 0 20px 0 20px;
  font-family: Roboto, sans-serif;
  font-weight: 600; }

.fwv-c-ktt p {
  color: #005a9a;
  font-size: 17px;
  padding: 0 20px 0 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400; }

.fwv-footer {
  background-color: #0075bf; }
  .fwv-footer a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal; }
    .fwv-footer a:hover {
      text-decoration: underline; }

.fwv-footer1 {
  color: #ffffff;
  float: left;
  margin: 10px 20px 10px 20px; }

.fwv-footer2 {
  color: #ffffff;
  float: right;
  margin: 10px 20px 10px 20px; }