:root {
  --blue24  : #003366;
  --green24 : #008d58;
  --yellow24: #ffcc00;
  --red24   : #B02B17;
  --orange24: #E9721D;
  --bg-light: #f8f8f8;
}

.bg-customOne,
.bg-light-blue,
.layout-800 {
  background-color: #bad0e2;
}

.bg-customTwo,
.bg-light-light-blue,
.layout-810 {
  background-color: #eef3f8;
}

body.lg .dd-animate-2,
body.lg .dd-animate-2 .dropdown-submenu .dropdown-menu,
body.md .dd-animate-2,
body.md .dd-animate-2 .dropdown-submenu .dropdown-menu,
body.xl .dd-animate-2,
body.xl .dd-animate-2 .dropdown-submenu .dropdown-menu {
  animation-duration: 150ms;
}

.header-new.bg-blue {
  background-color: var(--blue24);
}

/* .header-new.bg-blue {
  background-color: var(--blue24);
}
.header-new.bg-blue {
  background-color: var(--blue24);
} */

.header-new .c-media figure {
  overflow: visible;
}

.header-new .c-media picture {
  display        : flex;
  justify-content: center;
  overflow       : visible;
}

.img-blue .c-media img {
  box-shadow   : 0 6px 0 var(--blue24);
  border-radius: 1.25rem;
}

.img-green .c-media img {
  box-shadow   : 0 6px 0 var(--green24);
  border-radius: 1.25rem;
}

.img-yellow .c-media img {
  box-shadow   : 0 6px 0 var(--yellow24);
  border-radius: 1.25rem;
}

.img-red .c-media img {
  box-shadow   : 0 6px 0 var(--red24);
  border-radius: 1.25rem;
}

.img-orange .c-media img {
  box-shadow   : 0 6px 0 var(--orange24);
  border-radius: 1.25rem;
}


.teaser-green {
  border-bottom: 0.75rem solid var(--green24);
}

.teaser-yellow {
  border-bottom: 0.75rem solid var(--yellow24);
}

.teaser-blue {
  border-bottom: 0.75rem solid var(--blue24);
}

.teaser-red {
  border-bottom: 0.75rem solid var(--red24);
}

.teaser-orange {
  border-bottom: 0.75rem solid var(--orange24);
}

.teaser-green hr {
  border-top-color: var(--green24);
  border-top-width: 2px;
}

.teaser-yellow hr {
  border-top-color: var(--yellow24);
  border-top-width: 2px;
}

.teaser-blue hr {
  border-top-color: var(--blue24);
  border-top-width: 2px;
}

.teaser-red hr {
  border-top-color: var(--red24);
  border-top-width: 2px;
}

.teaser-orange hr {
  border-top-color: var(--orange24);
  border-top-width: 2px;
}


.test {
  /* border-bottom: 5px solid red !important; */
  box-shadow: 0 6px 0 var(--green24);
}

body {
  overflow-x: hidden;
}

.header-new {
  position: relative;
  z-index : 0;
}

.header-new:after {
  content         : "";
  background-color: white;
  width           : 100%;
  height          : 25%;
  left            : 0;
  /* height       : 8rem; */
  position        : absolute;
  bottom          : 0;
  z-index         : 1;
}

.header-new>* {
  position: relative;
  z-index : 2;
}

.header-new h1,
.header-new h2,
.header-new h3 {
  color: white;
}


.header-new h1.mainheader {
  font-size    : 1.1rem;
  margin-bottom: 2rem;
  color        : white;
}

.header-new h2 {
  font-size    : 2.5rem;
  color        : white !important;
  margin-bottom: 3rem;
}

.header-new .btn-light {
  color    : var(--blue24) !important;
  font-size: 1.1rem;
}


@media (max-width:1297.98px) {
  .header-new h1.mainheader {
    font-size: 1rem;
  }

  .header-new h2 {
    font-size: 1.75rem;
  }
}

@media (max-width:991.98px) {
  .header-new h1.mainheader {
    font-size    : 0.9rem;
    margin-bottom: 1rem;
  }

  .header-new h2 {
    font-size    : 1.33333rem;
    margin-bottom: 1.5rem;
  }
}

@media(min-width:768px) and (max-width:991.98px) {
  .header-new {
    margin-bottom: 3rem;
  }

  .header-new:after {
    content         : "";
    background-color: transparent;
    width           : 100%;
    height          : 21%;
    /* height       : 8rem; */
    position        : absolute;
    bottom          : 0;
    z-index         : 1;

  }
}

@media(max-width:767.98px) {
  .header-new {
    margin-bottom: 3rem;
    padding-top  : 2.5rem !important;
  }

  .header-new h1.mainheader {
    font-size    : 1.1rem;
    font-weight  : 400;
    margin-bottom: 1.125rem;
    text-align   : center;
  }

  .header-new h2 {
    font-size    : 1.33333rem;
    margin-bottom: 1.5rem;

    text-align: center;
  }

  .header-new .c-media {
    margin-top: 1.5rem;
  }

  .header-new .c-text p {
    text-align: center;
  }

  .header-new figure.m-0.image[class*="pe-"] {
    padding-right: 0 !important;
  }
}




.bg-light {
  background-color: var(--bg-light);
}

.btn,
[class*="btn-"] {
  color         : white;
  display       : inline-block;
  font-weight   : 600;
  text-align    : center;
  vertical-align: middle;
  user-select   : none;
  padding       : 0.5rem 1rem;
  font-size     : 1rem;
  line-height   : 1.5;
  border-radius : 0;
  transition    : color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.text-right {
  text-align: end;
}

.text-left {
  text-align: start;
}

/* .rounded-lg,
.rounded-lg figure,
.rounded-lg img {
    border-radius: 0.3rem !important;
} */
.rounded-lg {
  border-radius: 0.3rem !important;
}

hr {
  border-top: 1px solid rgba(0, 0, 0, 1);
}

@font-face {
  font-family : 'icomoon';
  src         : url('fonts/icomoon.eot?u52e2y');
  src         : url('fonts/icomoon.eot?u52e2y#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?u52e2y') format('truetype'), url('fonts/icomoon.woff?u52e2y') format('woff'), url('fonts/icomoon.svg?u52e2y#icomoon') format('svg');
  font-weight : normal;
  font-style  : normal;
  font-display: block;
}

ul.tinyaccordion {
  padding-left: 0;
}

ul.tinyaccordion li {
  padding-left  : 1.25rem;
  padding-right : 1.25rem;
  border-bottom : 1px solid #ddd;
  padding-top   : 1rem;
  padding-bottom: 1rem;
}

ul.tinyaccordion h4,
ul.tinyaccordion h4.acc-selected {
  background: none;
}

ul.tinyaccordion h4:hover {
  text-decoration: none !important;
}

ul.tinyaccordion h4::hover {
  text-decoration: none !important;
}

[class*="ce-text"] ul li::before,
.ce-bullets li:before,
.collapsible-accordion [aria-expanded*="true"]::before,
.collapsible-accordion [aria-expanded*="false"]::before,
[class^="icon-"],
[class*=" icon-"],
.accordion-button::before,
ul.tinyaccordion h4::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family            : 'icomoon' !important;
  speak                  : none;
  font-style             : normal;
  font-weight            : normal;
  font-variant           : normal;
  text-transform         : none;
  line-height            : 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul.tinyaccordion h4::before {
  position: relative;
  top     : 0.2rem;
}

.accordion-button::before,
ul.tinyaccordion h4::before {
  content  : "\e90b";
  position : relative;
  left     : -0.75rem;
  font-size: 1.75rem;
}

.accordion-button[aria-expanded="true"]::before,
ul.tinyaccordion h4.acc-selected::before {
  content: "\e908";
}


hr {
  opacity: 1;
}


.icon-at-sign:before {
  content: "\e90e";
}

.icon-at-sign {
  padding-left : 1px;
  padding-right: 1px;
  display      : inline-block;
  position     : relative;
  transform    : translateY(2px);
}

.icon-edit-3 {
  position     : relative;
  font-size    : 1.3rem;
  padding-right: 0.25rem;
}

.icon-arrow-down-left:before {
  content: "\e90f";
}

.icon-arrow-down-right:before {
  content: "\e910";
}

.icon-arrow-down:before {
  content: "\e911";
}

.icon-arrow-left:before {
  content: "\e912";
}

.icon-arrow-right:before {
  content: "\e913";
}

.icon-arrow-up-left:before {
  content: "\e914";
}

.icon-arrow-up-right:before {
  content: "\e915";
}

.icon-arrow-up:before {
  content: "\e916";
}

.icon-check-circle:before {
  content: "\e905";
}

.icon-check-square:before {
  content: "\e906";
}

.icon-check:before {
  content: "\e907";
}

.icon-chevron-down:before {
  content: "\e900";
}

.icon-chevron-left:before {
  content: "\e902";
}

.icon-chevron-right:before {
  content: "\e903";
}

.icon-chevron-up:before {
  content: "\e901";
}

.icon-chevrons-down:before {
  content: "\e917";
}

.icon-chevrons-left:before {
  content: "\e918";
}

.icon-chevrons-right:before {
  content: "\e919";
}

.icon-chevrons-up:before {
  content: "\e91a";
}

.icon-download-cloud:before {
  content: "\e91b";
}

.icon-download:before {
  content: "\e91c";
}

.icon-edit-3:before {
  content: "\e91d";
}

.icon-log-in:before {
  content: "\e91e";
}

.icon-log-out:before {
  content: "\e91f";
}

.icon-mail:before {
  content: "\e920";
}

.icon-message-circle:before {
  content: "\e921";
}

.icon-message-square:before {
  content: "\e922";
}

.icon-minus-circle:before {
  content: "\e908";
}

.icon-minus-square:before {
  content: "\e909";
}

.icon-minus:before {
  content: "\e90a";
}

.icon-phone:before {
  content: "\e923";
}

.icon-plus-circle:before {
  content: "\e90b";
}

.icon-plus-square:before {
  content: "\e90c";
}

.icon-plus:before {
  content: "\e90d";
}

.icon-search:before {
  content: "\e904";
}

.icon-share:before {
  content: "\e924";
}

.icon-upload-cloud:before {
  content: "\e925";
}

.icon-upload:before {
  content: "\e926";
}

.icon-user-check:before {
  content: "\e927";
}

.icon-user-minus:before {
  content: "\e928";
}

.icon-user-plus:before {
  content: "\e929";
}

.icon-user-x:before {
  content: "\e92a";
}

.icon-user:before {
  content: "\e92b";
}

.icon-users:before {
  content: "\e92c";
}

.rounded {
  border-radius: 1.5em !important;
}

.btn.download:before {
  content      : "\f019";
  font-family  : 'Font Awesome 5 Free';
  padding-right: 0.5rem;
}

b,
strong {
  font-weight: 600;
}





.m-1 {
  margin: 0.5rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.5rem !important;
}

.mr-1,
.me-1,
.mx-1 {
  margin-right: 0.5rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.5rem !important;
}

.ml-1,
.ms-1,
.mx-1 {
  margin-left: 0.5rem !important;
}

.m-2 {
  margin: 0.75rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.75rem !important;
}

.mr-2,
.me-2,
.mx-2 {
  margin-right: 0.75rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.75rem !important;
}

.ml-2,
.ms-2,
.mx-2 {
  margin-left: 0.75rem !important;
}

.m-3 {
  margin: 1.5rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1.5rem !important;
}

.mr-3,
.me-3,
.mx-3 {
  margin-right: 1.5rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1.5rem !important;
}

.ml-3,
.ms-3,
.mx-3 {
  margin-left: 1.5rem !important;
}

.m-4 {
  margin: 2.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 2.5rem !important;
}

.mr-4,
.me-4,
.mx-4 {
  margin-right: 2.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 2.5rem !important;
}

.ml-4,
.ms-4,
.mx-4 {
  margin-left: 2.5rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 5rem !important;
}

.mr-5,
.me-5,
.mx-5 {
  margin-right: 5rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 5rem !important;
}

.ml-5,
.ms-5,
.mx-5 {
  margin-left: 5rem !important;
}

.p-1 {
  padding: 0.5rem 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.5rem !important;
}

/* .pr-1,
.px-1 {
  padding-right: 0.5rem !important;
} */

.pb-1,
.py-1 {
  padding-bottom: 0.5rem !important;
}

/* .pl-1,
.px-1 {
  padding-left: 0.5rem !important;
}
 */
.p-2 {
  padding: 0.75rem 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.75rem !important;
}

/* .pr-2,
.px-2 {
  padding-right: 0.75rem !important;
} */

.pb-2,
.py-2 {
  padding-bottom: 0.75rem !important;
}

/* .pl-2,
.px-2 {
  padding-left: 0.75rem !important;
}
 */
.p-3 {
  padding: 1.5rem 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1.5rem !important;
}

/* .pr-3,
.px-3 {
  padding-right: 1.5rem !important;
} */

.pb-3,
.py-3 {
  padding-bottom: 1.5rem !important;
}

/* .pl-3,
.px-3 {
  padding-left: 1.5rem !important;
}
 */
.p-4 {
  padding: 2.25rem 2rem !important;
}

.pt-4,
.py-4 {
  padding-top: 2.25rem !important;
}

/* .pr-4,
.px-4 {
  padding-right: 2.25rem !important;
}
 */
.pb-4,
.py-4 {
  padding-bottom: 2.25rem !important;
}

/* .pl-4,
.px-4 {
  padding-left: 2.25rem !important;
} */

.p-5 {
  padding: 5rem 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 5rem !important;
}

/* .pr-5,
.px-5 {
  padding-right: 5rem !important;
} */

.pb-5,
.py-5 {
  padding-bottom: 5rem !important;
}

/* .pl-5,
.px-5 {
  padding-left: 5rem !important;
}
 */


.m-n1 {
  margin: -0.5rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.5rem !important;
}

.me-n1,
.mx-n1 {
  margin-right: -0.5rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.5rem !important;
}

.ms-n1,
.mx-n1 {
  margin-left: -0.5rem !important;
}

.m-n2 {
  margin: -0.75rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.75rem !important;
}

.me-n2,
.mx-n2 {
  margin-right: -0.75rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.75rem !important;
}

.ms-n2,
.mx-n2 {
  margin-left: -0.75rem !important;
}

.m-n3 {
  margin: -1.5rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1.5rem !important;
}

.me-n3,
.mx-n3 {
  margin-right: -1.5rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1.5rem !important;
}

.ms-n3,
.mx-n3 {
  margin-left: -1.5rem !important;
}

.m-n4 {
  margin: -2.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -2.5rem !important;
}

.me-n4,
.mx-n4 {
  margin-right: -2.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -2.5rem !important;
}

.ms-n4,
.mx-n4 {
  margin-left: -2.5rem !important;
}

.m-n5 {
  margin: -5rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.me-n5,
.mx-n5 {
  margin-right: -5rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -5rem !important;
}

.ms-n5,
.mx-n5 {
  margin-left: -5rem !important;
}



a {
  text-decoration: none;
}

#page-1 .navbar-brand {
  /*   top: -0.5rem;
  position: relative; */
}

.nav-underline .nav-link {
  padding-top   : .5rem;
  padding-bottom: .5rem;
  font-size     : .75rem;
  color         : #a9a9a9 !important;
}

.nav-underline .nav-link:hover {
  color: dimgray !important;
}

/* underline */

[class*="underline"]:after {
  content         : "";
  height          : 2px;
  width           : 5rem;
  display         : flex;
  margin-top      : 1rem;
  margin-bottom   : 1rem;
  background-color: dimgray;
}

.mega-dropdown-menu [class*="underline"]:after {
  margin-top   : 0.5rem;
  margin-bottom: 1.5rem;
}

[class*="underline vrg-white"]:after,
[class*="underline-vrg-white"]:after {
  background-color: #dfdfdf
}


span.color-vrg

/*
[class*="underline vrg-blue"],
[class*="underline vrg-gruppe"],
[class*="underline-vrg-gruppe"] */
  {
  color: #003366
}

[class*="underline vrg-blue"]:after,
[class*="underline vrg-gruppe"]:after,
[class*="underline-vrg-gruppe"]:after {
  background-color: #003366
}

span.color-hr

/*
[class*="underline vrg-hr"],
[class*="underline-vrg-hr"] */
  {
  color: #008c58
}

[class*="underline vrg-hr"]:after,
[class*="underline-vrg-hr"]:after {
  background-color: #008c58
}

span.color-micos

/*
[class*="underline micos"],
[class*="underline vrg-micos"],
[class*="underline-vrg-micos"] */
  {
  color: #febf00;
}

[class*="underline micos"]:after,
[class*="underline vrg-micos"]:after,
[class*="underline-vrg-micos"]:after {
  background-color: #febf00
}

span.color-curamus

/*
[class*="underline curamus"],
[class*="underline vrg-curamus"],
[class*="underline-vrg-curamus"] */
  {
  color: #ef7b21
}

[class*="underline curamus"]:after,
[class*="underline vrg-curamus"]:after,
[class*="underline-vrg-curamus"]:after {
  background-color: #ef7b21
}

span.color-it

/*
[class*="underline vrg-it"],
[class*="underline-vrg-it"] */
  {
  color: #B02B17
}

[class*="underline vrg-it"]:after,
[class*="underline-vrg-it"]:after {
  background-color: #B02B17
}

span.color-akademie

/*
[class*="underline vrg-akademie"],
[class*="underline-vrg-akademie"] */
  {
  color: #95c11f;
}

[class*="underline akademie"]:after,
[class*="underline vrg-akademie"]:after,
[class*="underline-vrg-akademie"]:after {
  background-color: #95c11f
}

span.color-sys

/*
[class*="underline vrg-sys"],
[class*="underline-vrg-sys"] */
  {
  color: #d41217
}

[class*="underline vrg-sys"]:after,
[class*="underline-vrg-sys"]:after {
  background-color: #d41217
}


.contact-link {
  display                  : none;
  position                 : fixed;
  right                    : 0;
  top                      : 30vh;
  overflow                 : hidden;
  padding-left             : 0 !important;
  padding-right            : 0 !important;
  border-top-left-radius   : 0.5rem;
  border-bottom-left-radius: 0.5rem;
  z-index                  : 1400;
  width                    : auto !important;
}

.contact-link .contact-link-inner {
  background-color: rgb(0 0 0 / 0.8);
}

.contact-link[style*="background-"] a {
  background-color: transparent;
}

.contact-link p {
  margin: 0;
}

.contact-link a {
  font-weight   : 600;
  padding       : 1rem 1rem;
  display       : flex;
  text-transform: uppercase;
}

/* new fa 6 with normal content element text/media -> a typolink */

.ce-textmedia.contact-link {
  top: 37vh;
}

.contact-link>p>a {
  font-weight              : 600;
  padding                  : 1rem 1rem 1rem 1.25rem;
  display                  : flex;
  text-transform           : uppercase;
  background-color         : rgb(0 0 0 / 0.8);
  border-bottom-left-radius: 0.5rem;
}

.contact-link>p>a:before {
  content     : "\f044";
  font-family : 'Font Awesome 6 Free';
  margin-right: 0.33333rem;
  color       : ;
}

.contact-link[style*="background-"]>p>a {
  background-color: transparent;
}

.offcanvas-body .navbar-nav.main-navbarnav.me-auto {
  margin-left : auto;
  margin-right: auto;
}

.navbar-nav.extra-row {
  position: relative;
}

.navbar-nav.extra-row,
.shrink .navbar-nav.extra-row {
  height    : 1.5rem;
  overflow  : hidden;
  transition: all 150ms ease;
  top       : -0.5rem;
}

/* .navbar-nav.extra-row:before {
  content: "x";
  position: fixed;
  height: 1.5rem;
  width: 100%;
  left: 0;
  background-color: aliceblue;
  z-index: -1;
  top: 0;
} */

.navbar-shrink .navbar-nav.extra-row {
  height    : 0;
  overflow  : hidden;
  transition: all 150ms ease;
  top       : -3rem;
}

.navbar-nav.extra-row p {
  margin-bottom: 0;
}

@media (max-width:991.98px) {
  .dropdown-menu {
    border-left      : 0 solid #003366 !important;
    border-left-width: 0 !important;
  }

  .dropdown-submenu.dropdown-menu.show {
    padding-left: 1rem;
  }
}

.offcanvas.offcanvas-start {
  width: 94% !important;
}

@media (min-width:992px) {
  body {
    padding-top: 7rem;
  }

  .navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
  }

  #navbarToggler {
    padding-left: 15rem;
  }

  #main-navbar.shrink {
    min-height : 3.9rem;
    padding-top: 1rem !important;
  }

  #main-navbar.navbar-shrink {
    padding-top: 0.5rem !important;
  }

  .main-navbarnav>div:first-child {
    margin-left: -3.75rem;
    transition : all 150ms ease;
  }

  .navbar-shrink .main-navbarnav>div:first-child {
    margin-left: 0;
    transition : all 150ms ease;
  }

  .contact-link {
    display: flex;
  }
}

header>*:last-child {
  margin-bottom: 1rem;
}

.text-secondary {
  color: #696969 !important;
}

.internal-link::before {
  /*  font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c1";
    */
  display: none;
}



.btn-lg,
[class*="btn-lg"] {
  font-size: 1.5rem;
}

.layout-ci-bg-black a.btn-warning,
.btn-warning {
  color           : #212529 !important;
  background-color: #fff000 !important;
  border-color    : #fff000 !important;
  font-weight     : 600;
}

.bg-warning {
  background-color: #fff000 !important;
}

.btn-warning:hover,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.focus:active,
.btn-warning.active.focus {
  color           : #212529 !important;
  background-color: #fff553 !important;
  border-color    : #fff553 !important;
}

.layout-ci-bg-black a.btn-warning:hover,
.btn-warning:hover {
  color: #212529 !important;
}

.btn,
[class*="btn-"] input,
textarea,
.form-control {
  border-radius: 0;
}

.btn-danger {
  border-color: transparent !important;
}


.bg-whitesmoke {
  background-color: whitesmoke;
}

.fsc-default strong span[style*=":"] {
  padding: 0.3rem 0.75rem 0.5rem;
}

.badge {
  padding      : 0.4em 0.5em 0.4em;
  border-radius: 0;
}

.badge-pill {
  border-radius: 10rem;
}

badge .h1,
badge h1,
badge .h2,
badge h2,
badge .h3,
badge h3,
badge .h4,
badge h4,
  {
  line-height: 1.5;
}

h1 .badge,
.h1 .badge,
h2 .badge,
.h2 .badge,
h3 .badge,
.h3 .badge,
h4 .badge,
.h4 .badge,
lead .badge {
  font-size  : inherit;
  font-weight: inherit;
}

.text-white h1.small {
  color    : white;
  font-size: 1.125rem;
}

.btn-info,
.badge-info {
  background-color: #154194 !important;
  border-color    : #154194 !important;
}

.text-info {
  color: #004494 !important;
}

.badge-warning {
  color           : #212529;
  background-color: #fff000 !important;
}

.btn-white-blue {
  color           : #004494 !important;
  background-color: white !important;
  border-color    : white !important;
}

.btn-gray-blue {
  color           : #004494 !important;
  background-color: rgba(245, 245, 245, 1) !important;
  border-color    : rgba(245, 245, 245, 1) !important;
}

.btn.btn-light-outline,
.btn.btn-light-outline:hover,
.btn.btn-light-outline:active,
.btn.btn-light-outline:focus {
  border          : 2px solid white;
  background-color: transparent !important;
  border-radius   : 3rem;
  color           : white;
}

.btn.btn-light-outline:hover,
.btn.btn-light-outline:active,
.btn.btn-light-outline:focus {
  border-color: #ccc;
  color       : #ccc;
}

.btn.btn-dark-outline,
.btn.btn-dark-outline:hover,
.btn.btn-dark-outline:active,
.btn.btn-dark-outline:focus {
  border          : 2px solid var(--blue24);
  background-color: transparent !important;
  border-radius   : 3rem;
  color           : 2px solid var(--blue24);
}

.btn.btn-dark-outline:hover,
.btn.btn-dark-outline:active,
.btn.btn-dark-outline:focus {
  opacity: 0.8;
}


.h2>h1 {
  font-size: 1.5rem;
}

.h3>h1 {
  font-size: 1.125rem;
}

.h4>h1 {
  font-size: 1rem;
}

.color-white>* {
  color: white !important;
}

#searchbox {
  position: relative;
}

nav#main-navbar {
  flex-direction: column;
}

.ttmb-wrap {
  position        : relative;
  top             : -1rem;
  font-size       : 0.8rem;
  background-color: #dae8ee;
  line-height     : 2;
  transition      : all 150ms ease;
  z-index         : 11240;
}

.navbar-shrink .ttmb-wrap {
  top       : -0.5rem;
  transition: all 150ms ease;
}

.ttmb-wrap i.fa-arrow-up-right-from-square {
  transform   : rotate(45deg);
  margin-right: 0.5rem;
  margin-left : 0.5rem;
}

.ttmb-wrap i {
  opacity: 0.5;
}

.ttmb-wrap span {
  opacity: 0.25;
}

.main-navbarnav>div>a {
  position: relative;
}

.main-navbarnav>div>a::before {
  content         : "";
  position        : absolute;
  top             : 100%;
  left            : 50%;
  height          : 1px;
  right           : 50%;
  width           : auto;
  background-color: #ccc;
  transition      : all 150ms ease;
}

.main-navbarnav>div>a:hover::before,
.main-navbarnav>div>a.active::before,
.main-navbarnav>div>a.parent-active::before {
  content         : "";
  position        : absolute;
  top             : 100%;
  left            : 0.5rem;
  height          : 1px;
  right           : 0.5rem;
  width           : auto;
  background-color: #ccc;
  transition      : all 150ms ease;
}

#main-navbar #tx-indexedsearch-searchbox-button-submit {
  width           : 30px;
  overflow        : hidden;
  background-color: transparent;
  border          : none;
  line-height     : 7rem;
  height          : 30px;
}

#main-navbar #searchbox .fas.fa-search {
  position: absolute;
  right   : 0.75rem;
  z-index : 110;
  color   : #a9a9a9;
}

#main-navbar .dropdown-toggle.drop-search::after {
  border       : none;
  content      : "";
  border-top   : 0;
  border-right : 0;
  border-bottom: 0;
  border-left  : 0;
  display      : none;
}

#main-navbar a.dropdown-toggle.drop-search {
  margin-left: 4rem;
  position   : relative;
  top        : 0.5rem;
}

#main-navbar .dropdown-searchbox {
  /*border-bottom: none;*/
  margin-top         : 0.5rem;
  left               : 1rem;
  background-color   : transparent !important;
  border-bottom-width: 0;
  transition         : all 150ms ease;
  left               : -11.2rem;
  padding            : 0.5rem 1rem !important;
  border-bottom-width: 2px !important;
  border-radius      : 0;
  border-top-width   : 0;
  border-left-width  : 0;
  border-right-width : 0;
}

#main-navbar button.btn.btn-search {
  background-color: transparent;
}

#main-navbar button.btn.btn-search .fa-search {
  color: darkgray;
}

#main-navbar .shrink .dropdown-searchbox.show {
  display   : block;
  top       : -.875rem;
  left      : 3rem;
  transition: all 150ms ease;
}

#baguetteBox-overlay .full-image img {
  position: relative;
  z-index : 110;
}

figcaption.image-caption {
  padding-top   : 0.25rem;
  padding-bottom: 0.25rem;
}

.fsc-default .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
  margin-top: 2rem;
}

.fsc-default ul.tx-indexedsearch-browsebox {
  padding: 0.5rem;
}

.fsc-default .tx-indexedsearch-browsebox:last-child {
  margin-bottom: 2rem;
  display      : flex;
  flex         : 1;
  float        : none;
}

.tx-indexedsearch-text-item-size {
  display: none;
}

[class*="fa-"].float-right {
  line-height : 1.6;
  padding-left: 0.25rem;
}

.navbar {
  /*box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);*/
  background-color: rgba(255, 255, 255, 1);
  transition      : all 150ms ease;
}

.bg-light {
  background-color: rgba(245, 245, 245, 1) !important;
  transition      : all 150ms ease;
}

/* special new 24 */
.bg-light.no-margin {
  max-width    : calc(1320px - 1.75rem) !important;
  padding-left : 0 !important;
  padding-right: 0 !important;
}

.bg-light.no-margin>.row>.c-text {
  padding-right: 1.5rem;
  padding-left : 1.5rem;
}

#main-navbar.shrink {
  transition     : all 150ms ease;
  scroll-behavior: smooth;
}

.navbar-brand .img-fluid {
  transition  : all 150ms ease;
  max-width   : initial;
  max-height  : 55px;
  width       : auto;
  /* transform: translateX(-1rem); */
}

.navbar-shrink .navbar-brand .img-fluid {
  max-width : initial;
  max-height: 30px;
  transition: all 150ms ease;
}

.navbar.shrink.py-5 {
  margin-top    : 0 !important;
  padding-bottom: 0.25rem !important;
  padding-top   : 0 !important;
}

.navbar-light .navbar-nav .nav-link {
  color           : rgba(0, 0, 0, 0.75);
  font-weight     : 500;
  /*text-transform: uppercase;*/
  font-size       : 0.94rem;
  padding-right   : 0.4rem;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.6);
}

.dropdown-item {
  padding: 0.5rem 1.5rem;
}

.dropdown-item.active,
.dropdown-item:active {
  color           : black;
  text-decoration : none;
  background-color: whitesmoke;
}

.ce-menu_section.navbar.fixed-top {
  max-width  : 200px;
  left       : 0;
  margin-left: 0;
  top        : 10rem;
  border     : 1px solid #ccc;
}

.breadcrumb {
  margin-bottom   : 0;
  background-color: var(--bg-light);
  padding-top     : 0.75rem;
  padding-bottom  : 0.75rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: none;
}

.jumbotron {
  background-color: white;
  padding         : 0;
  margin-bottom   : 0;
}

.jumbotron>[class*="fsc"] {
  padding-left : 1.5rem;
  padding-right: 1.5rem;
}

.jumbotron[style*="background"] {
  min-height: 300px;
}

.jumbotron figure {
  margin-bottom: 0;
}


/* .jumbotron.jumbotron-fluid > */

.layout-jumbo-single {
  padding-left : 0 !important;
  padding-right: 0 !important;
  margin-left  : 0 !important;
  margin-right : 0 !important;
  max-width    : 100% !important;
}

.layout-jumbo-single .row.align {
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.layout-jumbo-single .row.align>[class*="col"] {
  -webkit-box-pack: left !important;
  -ms-flex-pack   : left !important;
  justify-content : left !important;
}

.layout-jumbo-single .w-50 {
  width: 60% !important;
}

.layout-jumbo-single .row.align>[class*="col"]:last-child {
  width: 40% !important;
}

.layout-jumbo-single figure {
  margin-bottom: 0;
}

@media (max-width:991.98px) {
  .layout-jumbo-single .w-50 {
    width: 100% !important;
  }

  .layout-jumbo-single .row.align>[class*="col"]:last-child {
    width  : 100% !important;
    padding: 1rem 1rem 1rem 2rem !important;
  }
}


span.anchor {
  position: relative;
  height  : 1px;
  display : flex;
  width   : 1px;
  overflow: hidden;
  padding : 0 !important;
  margin  : 0 !important;
}

.img-transform:active,
.img-transform:hover {
  -webkit-transform: scale(1.05);
  -ms-transform    : scale(1.05);
  transform        : scale(1.05);
}

.img-transform {
  transition: all 300ms ease;
}

/* not working */


/*
:not(.jumbotron[style*="background"]) {
	padding: 0;
}
*/

/* very special, we'll see */
/* first section bg wrap bg color image should have no mb  */
.main-content>.ce-background_wrapper .gallery>div>.row.mb-4:last-child,
.main-content>.ce-background_wrapper .gallery>.row.mb-4:last-child {
  margin-bottom: 0 !important;
}

.main-content>div:not(.container),
.main-content>:not(section),
.main-content>div:not(.jarallax) {
  max-width    : 1320px;
  margin-left  : auto;
  margin-right : auto;
  padding-left : 1rem;
  padding-right: 1rem;
}

@media (min-width:1320px) {

  .main-content>div:not(.container),
  .main-content>:not(section),
  .main-content>div:not(.jarallax) {
    padding-left : 1rem;
    padding-right: 1rem;
  }
}

@media (max-width:1319.98px) {

  .main-content>div:not(.container),
  .main-content>:not(section),
  .main-content>div:not(.jarallax) {
    padding-left  : 1rem;
    padding-bottom: 1rem;
  }
}

.main-content>div.jarallax {
  max-width: 100%;
}

@media (min-width:1320px) {
  .main-content>section.ce-background_wrapper>div {
    max-width   : 1320px;
    margin-left : auto;
    margin-right: auto;
  }
}

.divider-vertical-step hr {
  border-top      : 0;
  height          : 2rem;
  background-color: #ccc;
  width           : 3px;
  padding         : 0;
  margin          : 0 auto;
}

.main-content .fsc-default .fa,
.main-content .fsc-default .fas {
  /*font-size: 90%;*/
  transform: translateY(0.08rem);
}

/* 
.text-light *::before,
.text-white *::before {
  color: white;
} 
*/

/* [style*="background-color: #003366"] *:before {
  color: white;
} */

/* @media (max-width:1170px) {

  .main-content>*,
  .main-content> :not(section) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
} */

.no-container {
  padding-left : calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}

.main-content>div {
  padding-left : calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}

.main-content>[class*="_wrapper"],
.main-content>.container-fluid {
  max-width: 100%;
}

/* watch out! */
/* .row.align>[class*="col"] {
  display: flex;
  justify-content: center;
} */

.row.align>[class*="col"]>div {
  display        : flex;
  align-items    : center;
  flex-direction : column;
  justify-content: center;
}

.align-items-stretch>div {
  width: 100%;
}

.align-items-stretch>a.ce-link {
  width: 100%;
}

.ce-autoLayout_row {
  display       : flex;
  flex-direction: row;
  flex-wrap     : wrap;
}

.ce-autoLayout_row>div {
  width: auto;
}



/* hover cols */

.hover-no-link {
  padding   : 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all .3s cubic-bezier(.25, .8, .25, 1);
}

.hover-no-link:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}


/* powermail */

.form-control {
  border-radius   : 0;
  border-color    : var(--bg-light);
  background-color: var(--bg-light);
}

select.form-control {
  -webkit-appearance: menulist !important;
  -moz-appearance   : menulist !important;
  -ms-appearance    : menulist !important;
  -o-appearance     : menulist !important;
  appearance        : menulist !important;

  /*   --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
}

select.form-control {
  width: auto;
}

.powermail_morestep {
  padding-top: 1rem;
}

.powermail_morestep .btn-group {
  margin-left  : -1rem;
  margin-bottom: 1rem;
}

.powermail_morestep .btn {
  border-radius: 1.5rem !important;
}

.powermail_morestep .btn-group .btn.btn-default:not(.btn-primary),
.powermail_morestep .btn-group .btn.btn-default:not(.btn-primary):active,
.powermail_morestep .btn-group .btn.btn-default.active:not(.btn-primary),
.powermail_morestep .btn.pm-pages-prev,
.powermail_morestep .btn.pm-pages-prev:active,
.powermail_morestep .btn.pm-pages-prev.active,
.powermail_morestep .btn.pm-pages-next,
.powermail_morestep .btn.pm-pages-next:active,
.powermail_morestep .btn.pm-pages-next.active {
  background-color: transparent;
  color           : #003366 !important;
  border          : 2px solid #003366;
}


.powermail_morestep .btn-group>button {
  margin-right: 1rem;
}

legend.powermail_legend,
.powermail_confirmation h1 {
  font-size: 1.25rem;
}


[class="powermail"] input.btn.btn-primary[type="submit"] {
  border-radius: 1.5rem;
}

.tx-powermail .powermail_confirmation .btn-group {
  display        : flex;
  justify-content: space-between;
}

.bg-light .form-control {
  border-radius   : 0;
  border-color    : white;
  background-color: white;
}

input[type="file"] {
  border          : 1px solid var(--bg-light);
  background-color: var(--bg-light);
  width           : 100%;
  color           : initial;
}

.bg-light input[type="file"] {
  border          : 1px solid white;
  background-color: white;
  width           : 100%;
  color           : initial;
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
  display        : flex;
  margin-left    : auto;
  margin-right   : auto;
  justify-content: center;
}

button.btn.btn-primary.pull-right {
  float: right;
}

.powermail_morestep button.btn.btn-default.btn-primary {
  opacity: 0.75;
}

/* login */

.tx-felogin-pi1 fieldset {
  display       : flex;
  flex-direction: column;
  max-width     : 240px;
}

.tx-felogin-pi1 fieldset>div {
  display       : flex;
  margin-bottom : 1rem;
  flex-direction: column;
}

.tx-felogin-pi1 fieldset>div>* {
  flex: 1;
}

.input-group-text {
  border-radius: 0;
}


/* ke_search */

.news-search-form>.form-group {
  flex     : 1 0 auto;
  max-width: 58%;
}

#kesearch_results {
  display       : flex;
  flex-wrap     : wrap;
  flex-direction: revert;
}

.tx-kesearch-pi1 .kesearch_searchbox {
  border        : none !important;
  display       : flex !important;
  flex-direction: row !important;
}

div.kesearchbox {
  position: relative !important;
  height  : auto !important;
  margin  : 0 0 10px 0;
}

#ke_search_sword {
  position    : relative !important;
  top         : 0 !important;
  width       : 220px;
  height      : auto;
  padding     : 0.5rem !important;
  margin      : 0;
  display     : inline;
  margin-right: 0.5rem !important;
}

.tx-kesearch-pi1 .clearer {
  display    : none !important;
  height     : 1px;
  line-height: 1px;
  clear      : both;
}

.tx-kesearch-pi1 span.resetbutt {
  display: none;
}

a.kesGreyButt,
span.resetbutt a,
span.submitbutt input,
input.kesGreyButt,
span.kesGreyButt {
  padding  : 0.5rem 1rem !important;
  width    : auto !important;
  min-width: initial !important;
  max-width: initial !important;
}

.tx-kesearch-pi1 .result-list-item {
  padding       : 2rem 0;
  border-bottom : 1px solid silver;
  /* flex       : 1 0 auto;
    max-width   : 47%;
    margin-right: 3%; */
  flex          : 1 1 100%;
  max-width     : 100% !important;
}

.tx-kesearch-pi1 .submitbutt input {
  background-color: gray !important;
  color           : white !important;
  border-color    : gray !important;
  font-weight     : 600;
}

#kesearch_results .result-list-item {
  clear  : both;
  margin : 0 0 1.5rem 0 !important;
  padding: 0 0 1rem !important;
}

button:focus {
  outline: 5px auto #ccc;
}

@media (max-width:639px) {
  .tx-kesearch-pi1 .result-list-item {
    max-width   : 100%;
    margin-right: 0;
  }
}

.tx-kesearch-pi1 .result-number {
  font-size: 1.25rem;
}

.tx-kesearch-pi1 .result-title {
  font-weight: 600;
  font-size  : 1.25rem;
}

.tx-kesearch-pi1 .add-info {
  min-height    : 1px;
  padding-bottom: 1rem;
}

.tx-kesearch-pi1 .result-title a {
  color: #708090;
}

.kesearch_pagebrowser ul li {
  padding: 0 0.25rem !important;
}

.kesearch_pagebrowser a.page-link {
  padding: 0.5rem 1rem !important;
}

.kesearch_pagebrowser ul li a {
  color: var(--bs-dark) !important;
}

.pages_total {
  display        : flex;
  flex-direction : column;
  justify-content: center;
  position       : relative;
  padding        : 1rem 0;
}

.result_txt {
  flex           : 1 0 auto;
  display        : flex;
  justify-content: center;
}

.kesearch_pagebrowser {
  display        : flex;
  justify-content: center;
}

.kesearch_pagebrowser ul {
  display: flex;
  padding: 0.5rem 0;
}

.kesearch_pagebrowser ul li {
  list-style : none;
  padding    : 0 1rem;
  font-weight: 600;
  font-size  : 1.25rem;
}

.kesearch_pagebrowser a.current {
  color: dimgray;
}

.news-event-list .extra {
  padding: 1rem;
}

.news-event-list .extra time {
  font-size  : 2rem;
  font-weight: 300;
  color      : white;
}

.news-list-item time[itemprop="datePublished"] {
  visibility: hidden;
}


/* news job detail 2nd media ce col-md-4 below text, both ce full width */

#news-job .col-md-8,
#news-job .col-md-4 {
  flex     : 0 0 100%;
  max-width: 100%;
}

@media (max-width:768px) {
  .news-event-list .extra {
    margin-bottom: 1rem;
    color        : transparent !important;
  }
}

@media (min-width:768px) {

  /* news event list - vrg hr wissen webinare */
  .news-event-list .news-list-item {
    position: relative;
  }

  .news-event-list .col-md-3 {
    margin-left: 25%;
  }

  .news-event-list .col-md-9 {
    flex     : 0 0 50%;
    max-width: 50%;
  }

  .news-event-list .extra {
    position   : absolute;
    left       : -100%;
    width      : 50%;
    height     : 9rem;
    top        : 0;
    padding    : 0.75rem 2rem;
    color      : transparent !important;
    line-height: 1.1;
  }

  .news-event-list .extra time {
    font-size  : 3.5vw;
    font-weight: 300;
    color      : white;
  }

  .news-event-list time>div:first-child {
    font-size: 4rem;
  }

  .news-event-list time>div:nth-child(2) {
    font-size: 75%;
  }
}

@media (min-width:992px) {
  .nav-meta-wrapper {
    position        : fixed;
    z-index         : 110;
    width           : 100%;
    top             : 0;
    background-color: transparent;
  }

  .nav-meta-wrapper nav>div {
    padding-right: 2.125rem;
  }

  .nav-meta nav {
    overflow: hidden;
  }

  .nav-meta .nav-link {
    display     : flex;
    margin-right: -6rem;
  }

  .nav-meta .nav-link::before {
    content      : "Ein Unternehmen der";
    padding-right: 4px;
    transform    : translateX(-47px);
  }

  .nav-meta .nav-link::after {
    content            : "";
    background-image   : url("../images/logo-vrg-only.png");
    width              : 70px;
    height             : 30px;
    position           : relative;
    z-index            : 110;
    top                : 0.1rem;
    right              : 4.4rem;
    background-size    : 42px;
    background-repeat  : no-repeat;
    background-position: left top;
    background-color   : white;
  }

  #navbarToggler {
    padding-left  : 1rem;
    padding-bottom: 0 !important;
  }

  .navbar-nav .dropdown-menu {
    min-width       : 10rem;
    color           : #212529;
    text-align      : left;
    list-style      : none;
    background-color: #fff;
    background-clip : padding-box;
    border          : none;
    border-radius   : 0;
    border-bottom   : 2px solid #ccc;
    margin-left     : -1rem;
  }

  #main-navbar .shrink .dropdown-searchbox.show {
    display            : block;
    top                : 2.25rem;
    left               : -11.2rem;
    transition         : all 150ms ease;
    background-color   : rgba(255, 255, 255, 1) !important;
    padding            : 0.5rem 1rem !important;
    border-bottom-width: 2px !important;
    border-radius      : 0;
    border-top-width   : 0;
    border-left-width  : 0;
    border-right-width : 0;
    transition         : all 150ms ease;
  }

  #main-navbar .dropdown-searchbox.show {
    background-color: white !important;
  }

  #main-navbar .navbar-shrink .dropdown-menu.dropdown-searchbox.show {
    top             : 2.13rem;
    background-color: rgba(245, 245, 245, 1) !important;
    transition      : all 150ms ease;
  }

  /* columns */
  .columns .news-list-view {
    display        : flex;
    justify-content: space-around;
  }

  .columns .news-list-item {
    display        : flex;
    flex-direction : column;
    flex           : 1 0 30%;
    justify-content: space-between;
    max-width      : 30%;
  }

  .columns .news-list-item .col-md-3,
  .columns .news-list-item .col-md-9 {
    flex     : 1 0 auto;
    max-width: 100%;
  }
}

@media (min-width:1200px) {
  .news-event-list .extra time {
    font-size: 3rem;
  }
}

@media (min-width:1320px) {
  .footer>[class*="container"] {
    padding-left : 3%;
    padding-right: 3%;
  }
}


/* section anchor menu */

div#sectionmenu {
  transform       : translateY(5rem);
  border-left     : 1px solid #ccc;
  background-color: transparent !important;
}

div#sectionmenu {
  transform: translateY(5rem);
}

.nav-pills .nav-link {
  border-radius: 0;
  transform    : translateX(0);
  transition   : 150ms all ease;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
  color           : rgba(0, 0, 0, 0.75);
  background-color: transparent;
  transform       : translateX(-10px);
  transition      : 150ms all ease;
  text-decoration : none;
}

/ ********** / .slick-slide img {
  display: block;
  height : auto;
}

.slick-prev::before,
.slick-next::before {
  color: dimgray;
}

.slick-slide {
  margin-left     : 1rem;
  margin-right    : 1rem;
  background-color: whitesmoke;
}

.slick-slide .card {
  background-color: transparent;
  border          : 1px solid transparent;
}

.t3s-slickslider .card-body {
  padding-top: 0.5rem;
}

.t3s-slickslider .card-body p:first-child {
  margin-bottom: 0.5rem;
}

.t3s-slickslider .card-title {
  font-weight: 600;
}

.news .card {
  background-color: whitesmoke;
  border-color    : whitesmoke;
}

.card img.img-fluid[src*=".png"] {
  padding: 0.5rem;
}

.card::before {
  background-color: #ccc !important;
}

img.img-fluid.img-hover-zoom {
  transform : scale(1) !important;
  transition: all 150ms ease !important;
}

img.img-fluid.img-hover-zoom:hover {
  transform : scale(1.05) !important;
  transition: all 150ms ease !important;
}

.img-hover-zoom--colorize img {
  transition: all 150ms ease !important;
}

.img-hover-zoom--colorize:hover img {
  transition: all 150ms ease !important;
  filter    : grayscale(0);
  transform : scale(1);
}

.swiper-button-prev {
  width: 2.75rem !important;
}

.swiper-button-next {
  width: 2.75rem !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family     : swiper-icons !important;
  font-size       : 1.75rem !important;
  box-shadow      : none;
  background-color: var(--primary);
  padding         : 0.5rem 1rem;
  border-radius   : 5rem;
  text-shadow     : none;
  font-weight     : 700;
}


.carousel-fade .carousel-item {
  /*transition-delay: 300ms;*/
}

.carousel-caption .lead {
  font-size: 3rem;
}

.carousel-caption {
  right           : 15%;
  bottom          : auto;
  top             : 3%;
  left            : 51%;
  z-index         : 10;
  color           : #fff;
  text-align      : left;
  font-size       : 1.75rem;
  line-height     : 1.2;
  background-color: rgba(0, 0, 0, 0.2);
  padding         : 1rem;
}

.carousel-caption a {
  display         : inline-block;
  background-color: rgba(255, 255, 255, 0.75);
  padding         : 0.25rem 1rem 0.5rem;
}

.carousel-inner>.carousel-item .carousel-caption {
  opacity           : 0;
  /* position       :relative;*/
  -webkit-transform : translateX(-100px);
  transform         : translateX(-100px);
  -webkit-transition: all 1.5s ease-out 0.25s;
  transition        : all 1.5s ease-out 0.25s;
}

.carousel-inner>.carousel-item.active .carousel-caption {
  opacity           : 1;
  /*position        :relative;*/
  -webkit-transform : translateX(0);
  transform         : translateX(0);
  -webkit-transition: all 1.5s ease-out 0.25s;
  transition        : all 1.5s ease-out 0.25s;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width : 32px;
  height: 32px;
}

.carousel-control-prev,
.carousel-control-next {
  opacity: 0.8;
  color  : gold;
}

.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
  opacity : 1;
  /* color:gold; */
}

.carousel-indicators li {
  width        : 0.75rem;
  height       : 0.75rem;
  border-radius: 50%;
  position     : relative;
  top          : 0.35rem;
}

.img-responsive {
  max-width: 100%;
  height   : auto;
}

.news .label.label-info {
  color           : white;
  padding         : 0.1em 0.3rem 0.2rem;
  background-color: darkgray;
}

.row.news-list-item {
  margin-bottom: 1rem;
}

.btn.btn-default.btn-read-more {
  float: right;
}

.slick-slide span.news-list-date,
.slick-slide span.news-list-category {
  display: none;
}

.bg-white-element .ce-link-content,
[class*="_wrapper"] .bg-white-element .column>.fsc-default.ce-textmedia,
[class*="_wrapper"] .bg-white-element .column>div {
  padding         : 1rem 1.5rem;
  background-color: white;
}

.hover .column>.fsc-default.ce-textmedia {
  text-decoration: none !important;
  color          : inherit !important;
  box-shadow     : 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition     : all .3s cubic-bezier(.25, .8, .25, 1);
  padding        : 1.5rem;
}

.shadow,
.hover .column>.fsc-default.ce-textmedia:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

[class*="_columns"]>div>div .ge_modal {
  margin-top: -1rem;
}

.ge_modal.center {
  text-align     : center;
  display        : flex;
  justify-content: center;
}

.ge_background_wrapper>div>.row.ge {
  max-width   : 99.98em;
  margin-left : auto;
  margin-right: auto;
}


/* tabs > cloud services vrg-it */
.cols-cloud-services>div>div:first-child {
  min-height: 18rem;
}

.cols-cloud-services>div>div:nth-child(2) {
  min-height: 14.5rem;
}



/* nachhaltig layout-1 */
@media (min-width:992px) {
  body.layout-1 .row>.c-text:first-child {
    padding-right: 1.5rem;
  }

  body.layout-1 .row>.c-media:nth-child(2) {
    padding-left: 1.5rem;
  }

  body.layout-1 .row>.c-text:nth-child(2) {
    padding-left: 1.5rem;
  }

  body.layout-1 .row>.c-media:first-child {
    padding-right: 1.5rem;
  }

  .layout-1 [class*="two_columns"]>[class*="col-"]:first-child {
    padding-right: 1.5rem;
  }

  .layout-1 [class*="two_columns"]>[class*="col-"]:nth-child(2) {
    padding-left: 1.5rem;
  }
}


@media (max-width:991.98px) {
  .layout-1 .local-video {
    overflow: visible;
  }

  .layout-1 .main-content>* {
    padding-left : 1rem !important;
    padding-right: 1rem !important;
  }

  .layout-1 figure.image[class*="mt-n"] {
    margin-top: 0 !important;
  }

}



/* accordion collapse */

.collapsible-accordion .card {
  border-color: transparent;
}

.card-header {
  background-color: transparent;
}

.collapsible-accordion [data-toggle="collapse"] {
  color: #212529;
}

.collapsible-accordion [data-toggle="collapse"]:hover,
.collapsible-accordion [data-toggle="collapse"]:focus {
  color: #696969;
}

.collapsible-accordion [data-toggle="collapse"],
.collapsible-accordion [data-toggle="collapse"]:hover,
.collapsible-accordion [data-toggle="collapse"]:focus {
  text-decoration: none;
}

.collapsible-accordion [data-toggle="collapse"]::before {
  font-size: 1.75rem;
  position : relative;
  top      : 0.3rem;
}

.collapsible-accordion [aria-expanded*="false"]::before {
  content: "\e90b";
}

.collapsible-accordion [aria-expanded*="true"]::before {
  content: "\e908";
}

.collapsible-accordion .card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.collapsible-accordion .card-body {
  padding: 1rem 1rem 1rem 2.1rem;
}

.collapsible-accordion .card-header {
  border-bottom-color: transparent;
  padding            : 1rem 1rem 1rem 0;
}

[class*="ce-text"] ul,
ul.ce-bullets {
  margin      : 0;
  padding-left: 0.3rem;
}

[class*="ce-text"] ul {
  padding-bottom: 1rem;
}

[class*="ce-text"] ul li,
.ce-bullets li {
  list-style    : none;
  margin-left   : 0;
  padding-left  : 2rem;
  position      : relative;
  padding-bottom: 0.3333rem;
}

[class*="ce-text"] ul li::before,
.ce-bullets li::before,
ul[class*="check-circle"]>li::before {
  content      : "\e907";
  position     : absolute;
  left         : auto;
  padding-right: 0.5rem;
  font-size    : 1.5rem;
  top          : 0.2rem;
  transform    : translateX(-1.75rem);
}

ul[class*="check-blue"]>li::before {
  color: var(--blue24) !important;
}

ul[class*="check-green"]>li::before {
  color: var(--green24) !important;
}

ul[class*="check-red"]>li::before {
  color: var(--red24) !important;
}

ul[class*="check-orange"]>li::before {
  color: var(--orange24) !important;
}

ul[class*="check-yellow"]>li::before {
  color: var(--blue24) !important;
}

ul[class*="check-white"]>li::before {
  color: white !important;
}

ul[class*="check-circle"]>li::before {
  background-color: var(--blue24);
  color           : white !important;
  border-radius   : 2rem;
  padding-right   : 0;
  padding         : 0.25rem;
  font-size       : 1rem;
  margin-left     : -0.25rem;
}


/* [class*="teaser-"] [class*="ce-text"] ul li::before,
[class*="teaser-"] .ce-bullets li::before {
  background-color: var(--blue24);
  color: white;
  border-radius: 2rem;
  padding-right: 0;
  padding: 0.25rem;
  font-size: 1rem;
  margin-left: -0.25rem;

}

[class*="teaser-"] [class*="ce-text"] ul li,
[class*="teaser-"] .ce-bullets li {
  padding-left: 2.25rem;
} */



.bullet ul {
  padding-left: 1.5rem !important;
}

.bullet[class*="ce-text"] ul li,
.bullet.ce-bullets li {
  list-style    : disc;
  margin-left   : 0;
  padding-left  : 0;
  position      : relative;
  padding-bottom: 0.3333rem;
}

.bullet[class*="ce-text"] ul li::before,
.bullet.ce-bullets li::before {
  display: none;
}


/* layout.addItems.650 =  bild-bis-rand */

.layout-bild-bis-rand .ce-textpic {
  margin-left : -1.55rem;
  margin-right: -1.6rem;
  margin-top  : -1.5rem;
}

.layout-bild-bis-rand .bodytext {
  padding-left : 1.5rem;
  padding-right: 1.5rem;
}


/* layout.addItems.750 =  one-image-galery */

.layout-one-image-gallery .gallery>div>.row {
  display: none;
}

.layout-one-image-gallery .gallery>div>.row:first-child {
  display: flex;
}

.layout-one-image-gallery .caption-wrapper {
  display: none;
}

.layout-one-image-gallery .gallery>div>.row:first-child a picture:before {
  content      : "+";
  color        : white;
  position     : absolute;
  z-index      : 0;
  width        : 1.5rem;
  height       : 1.5rem;
  right        : 1rem;
  top          : 0.5rem;
  border       : 2px solid white;
  opacity      : 0.8;
  font-size    : 1.75rem;
  line-height  : 0.5;
  border-radius: 50%;
}


/*
.layout-one-image-gallery .gallery > div > .row:first-child a picture:hover::before .img-transform, 
.layout-one-image-gallery .gallery > div > .row:first-child a picture:hover::before .img-transform {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
*/

#baguetteBox-overlay .full-image figcaption {
  bottom   : auto;
  top      : 0;
  font-size: 2rem;
}

.footer>[class*="container"] {
  max-width: 90%;
}

.footer [class*="_columns"]>div>div {
  flex: 0;
}

.footer .nav-link {
  display: inline-block;
  padding: 0 0 0.5rem;
}

.footer a {
  color: dimgray;
}


/* media max-width */

@media (max-width:991.98px) {
  body {
    /*padding-top: 2.5rem;*/
    padding-top: 90px !important;
  }

  .navbar-brand .img-fluid {
    max-height: 35px;
  }

  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid {
    flex-direction: row-reverse;
  }

  #main-navbar.shrink {
    max-width  : 100vw;
    overflow-x : hidden;
    margin-left: 0 !important;
  }

  .nav-meta-wrapper {
    height  : 2rem;
    position: relative;
    z-index : 1300;
    /*  */
    display : none !important;
  }

  .nav-meta {
    height: 2rem;
  }

  .nav-meta a.nav-link {
    padding-bottom: 0;
  }

  .navbar-toggler {
    /*transform: translateY(-8px);*/
  }

  .navbar-shrink .navbar-toggler {
    transform: translateY(0);
  }

  .navbar-light .navbar-brand {
    transform   : translateX(10px);
    margin-right: auto !important;
  }

  .navbar.shrink.py-5 {
    margin-top    : 0 !important;
    padding-bottom: 0.25rem !important;
    padding-top   : 1.5rem !important;
    z-index       : 1200;
  }

  .navbar-collapse>.dropdown.show {
    display: flex;
  }

  #main-navbar .dropdown-searchbox {
    left: 0;
  }

  a.dropdown-toggle.drop-search {
    width          : 83%;
    display        : flex;
    justify-content: flex-end;
  }

  form#form_kesearch_searchfield {
    margin-top: 0 !important;
  }

  .shrink .dropdown-searchbox.show {
    border-left-width: 0;
    top              : 0;
    left             : auto;
    transition       : all 150ms ease;
    position         : relative;
  }

  .dropdown-menu {
    border       : none;
    border-radius: 0;
  }

  .jumbotron {
    margin-top   : 0;
    width        : 100vw;
    margin-bottom: 0;
  }

  .jumbotron>[class*="fsc"] h1,
  .jumbotron>[class*="fsc"] .h1 {
    font-size: 1.5rem;
  }

  .carousel-indicators {
    display: flex !important;
    bottom : -0.75rem;
  }

  .homeworld a {
    color      : #154194;
    font-size  : 90%;
    font-weight: 600;
  }

  #page-1 .homeworld {
    display: none !important;
  }

  h1,
  .h1 {
    font-size: 1.5rem;
  }

  h2,
  .h2 {
    font-size: 1.4rem;
  }

  h3,
  .h3 {
    font-size: 1.3rem;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    line-height: 1.5;
  }

  .carousel-inner>.carousel-item .carousel-caption {
    opacity           : 0;
    position          : relative;
    -webkit-transform : none !important;
    transform         : none !important;
    -webkit-transition: all 300ms ease;
    transition        : all 300ms ease;
    width             : 100%;
    left              : 0;
    top               : 0;
    right             : 0;
    background-color  : rgba(0, 0, 0, 0.8);
    font-size         : 1rem;
  }

  .carousel-inner>.carousel-item.active .carousel-caption {
    -webkit-transition: all 300ms ease;
    transition        : all 300ms ease;
    padding-bottom    : 2rem;
  }
}

@media (max-width:767px) {
  [class*="_columns"]>div {
    display       : flex;
    flex-direction: column;
  }

  [class*="_columns"]>div>div {
    flex: 1 1 auto;
  }

  .jumbotron img.img-fluid.lazynope {
    max-width: 175vw;
    width    : 175vw;
  }

  .carousel-inner>.carousel-item .carousel-caption {
    padding-top: 2.5rem;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    transform: translateY(-8px);
  }
}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */


/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 0.875rem;
  }

  .jumbotron>[class*="fsc"] h1,
  .jumbotron>[class*="fsc"] .h1 {
    font-size: 1.5rem;
  }

  .carousel-indicators {
    bottom: -1rem;
  }

  .carousel-caption {
    font-size: 1.1rem;
    right    : 10%;
    bottom   : auto;
    top      : 0;
    left     : 30%;
    padding  : 1rem 1rem 0;
  }

  h1,
  .h1 {
    font-size: 1.75rem;
  }

  h2,
  .h2 {
    font-size: 1.6rem;
  }

  h3,
  .h3 {
    font-size: 1.4rem;
  }

  h4,
  .h4 {
    font-size: 1.3rem;
  }

  [class*="col"] .news-list-item .col-md-9.articletype-0>h3 {
    font-size: 1.1rem;
    width    : 100%;
  }
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .shrink .dropdown-searchbox.show {
    border-left-width: 0;
    top              : -0.5rem;
    left             : 20%;
    transition       : all 150ms ease;
    position         : relative;
  }

  [class*="col"] .news-list-item .col-md-9.articletype-0>h3 {
    font-size: 1.1rem;
    width    : 100%;
  }

  .carousel-caption {
    font-size: 1.1rem;
    right    : 10%;
    bottom   : auto;
    top      : 0;
    left     : 10%;
    padding  : 1rem 1rem 0;
  }

  .carousel-indicators {
    bottom: -1rem;
  }
}


/*IE10 and IE11   (Method 1)*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .selector {
    property: value;
  }

  /*@media all and (min-width:768px)*/
  [class*="float"] {
    width    : 100%;
    max-width: 100%;
  }

  /*media all*/
  .gallery .row {
    width    : 100%;
    max-width: 100%;
  }
}

@media (max-width:1600px) {
  .carousel-caption {
    font-size: 1.2rem;
    right    : 10%;
    bottom   : auto;
    top      : 0;
    left     : 50%;
    padding  : 1rem 1rem 0;
  }
}


/*IE10 and IE11   (Method 1)*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

  .tx-felogin-pi1 fieldset>div>*,
  .form-control {
    flex   : none;
    display: block !important;
  }

  .news-list-view {
    display: block !important;
  }

  .news-list-view .news-list-item.row {
    flex   : none;
    display: block !important;
  }

  .news-list-view .news-list-item.row:after {
    content: "";
    clear  : both;
    display: block;
  }

  .page-navigation {
    display: block;
    flex   : none;
  }

  .page-navigation:after {
    content: "" !important;
    clear  : both !important;
    display: block !important;
  }

  /*media screen*/
  .layout-news-thumb-pagi .news-list-view {
    float    : none;
    width    : 100%;
    max-width: 1140px;
  }

  .layout-news-thumb-pagi .news-list-view .news-list-item.row {
    float           : left !important;
    margin-bottom   : 4rem;
    -webkit-box-flex: none !important;
    -webkit-flex    : none !important;
    -ms-flex        : none !important;
    max-width       : 30%;
    width           : 30% !important;
    padding         : 0 0 1rem;
    margin-left     : 0px;
    margin-right    : 0px;
    border          : 1px solid #ddd;
    margin-left     : 1.66%;
    margin-right    : 1.66%;
    min-height      : 38rem;
  }

  .layout-news-thumb-pagi .news-list-view:after {
    content: "" !important;
    display: block !important;
    clear  : both !important;
  }

  .nav-meta .nav {
    display: block;
    float  : right;
  }

  /*@media all and (min-width:992px)*/
  .nav-meta .nav-link::before {
    transform: none !important;
  }

  .nav-meta .nav-link {
    margin-right: 1rem !important;
  }
}

spa.nav-link.scroll-trigger {
  display: none;
}

.d-grid button.btn.ce-modal {
  margin-left  : auto;
  margin-right : auto;
  border-radius: 2rem;
}

.modal-link.ce-modal {
  /* background-color: var(--primary); */
  border-radius  : 2rem;
  color          : black !important;
  font-weight    : 600;
  width          : auto;
  justify-content: center;
  margin-left    : auto !important;
  margin-right   : auto !important;
  text-decoration: none;
  display        : table;
}

.vakanz * {
  position  : absolute;
  left      : -999em;
  visibility: hidden;
}

/* attention ! if it works */
.ce-html {
  width: 100%;
}


/* special positioning workaround for old anchor id Anmeldung */

div#c69078.ce-html {
  position: relative;
}

div#c69078.ce-html span#Anmeldung {
  position: absolute;
  top     : -5rem;
}

/* BS4 rescue */
.embed-responsive {
  position: relative;
  display : block;
  width   : 100%;
  padding : 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top     : 0;
  bottom  : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
  border  : 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}