/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../ownfonts/open-sans-v35-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../ownfonts/open-sans-v35-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ownfonts/open-sans-v35-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../ownfonts/open-sans-v35-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../ownfonts/open-sans-v35-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../ownfonts/open-sans-v35-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../ownfonts/open-sans-v35-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../ownfonts/open-sans-v35-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ownfonts/open-sans-v35-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../ownfonts/open-sans-v35-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../ownfonts/open-sans-v35-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../ownfonts/open-sans-v35-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../ownfonts/open-sans-v35-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../ownfonts/open-sans-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ownfonts/open-sans-v35-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../ownfonts/open-sans-v35-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../ownfonts/open-sans-v35-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../ownfonts/open-sans-v35-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../ownfonts/open-sans-v35-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../ownfonts/open-sans-v35-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ownfonts/open-sans-v35-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../ownfonts/open-sans-v35-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../ownfonts/open-sans-v35-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../ownfonts/open-sans-v35-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../ownfonts/open-sans-v35-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../ownfonts/open-sans-v35-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ownfonts/open-sans-v35-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../ownfonts/open-sans-v35-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../ownfonts/open-sans-v35-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../ownfonts/open-sans-v35-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../ownfonts/open-sans-v35-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../ownfonts/open-sans-v35-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ownfonts/open-sans-v35-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../ownfonts/open-sans-v35-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../ownfonts/open-sans-v35-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../ownfonts/open-sans-v35-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../ownfonts/open-sans-v35-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../ownfonts/open-sans-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ownfonts/open-sans-v35-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../ownfonts/open-sans-v35-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../ownfonts/open-sans-v35-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../ownfonts/open-sans-v35-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body.site, h1, h2, h3, h4, h5, h6, a {
  font-family: 'Open Sans' !important;
}
body.site, h1, h2, h3, h4, h5, h6 {
  color: #2e3944 !important;
}
.text-blue {
  color: #005388 !important;
}
.text-blue-hell {
  color: #0072B6 !important;
}
.bg-blue {
  background: #005388 !important;
}
.bg-blue-hell {
  background: #0072B6 !important;
}
.bg-blue-transparent {
  background: rgba(0, 114, 182, .8);
}
.bg-darkblue-transparent {
  background: rgba(0,83, 136, .7);
}
.bg-blue-hell-transparent {
  background: rgba(110, 150, 170, .3);
}
.bg-red {
  background: #BE0926 !important;
}
.bg-red-transparent {
  background: rgba(199, 9, 38, .8) !important;
}
.bg-black-transparent {
  background: rgba(0, 0, 0, .7);
}
.bg-brown {
  background: rgb(133, 112, 99);
}
.bg-brown-transparent {
  background: rgba(133, 112, 99, .8);
}
.bg-yellow {
  background: rgb(246, 204, 29);
}
.bg-yellow-transparent {
  background: rgba(246, 204, 29, .8);
}
.bg-beige {
  background: rgb(178, 140, 120);
}
.bg-beige-transparent {
  background: rgba(178, 140, 120, .8);
}
body.wrapper-fluid .site-grid {
  grid-gap: 0 !important;
}
.container-fluid {
  --gutter-x: 0 !important;
}
.container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child {
  margin-top: 0 !important;
}
#mod-custom111 {
  position: absolute;
  right: 0;
  top: -38px;
}
.container-header {
  background-color: #0072B6 !important;
  background-image: none !important;
}
.container-nav, .container {
  position: relative;
  padding: 0 !important;
  max-width: 960px !important;
}
.container-header nav {
  margin: 0 auto;
  width: 100% !important;
}
.metismenu.mod-menu {
  justify-content: space-between;
}
.metismenu.mod-menu .metismenu-item {
  font-size: .95rem !important;
  padding: 2rem .5rem .7rem .5rem !important;
}
.container-header .mod-menu .metismenu-item.active,
.container-header .mod-menu .metismenu-item:hover {
  background: #005388 !important;
}
.container-header .metismenu > li.level-1 > a,
.metismenu.mod-menu .mm-collapse > li > a,
.nav-header {
  text-transform: uppercase !important;
}
.container-header .metismenu > li > a::after,
.container-header .metismenu > li > button::before {
  height: 0 !important;
  opacity: 0 !important;
}
.metismenu.mod-menu .metismenu-item.level-2 {
  font-size: .87rem !important;
  padding: .5rem 1.0rem !important;
  border-bottom: 1px solid white;
}
.metismenu.mod-menu .metismenu-item.level-2.active,
.metismenu.mod-menu .metismenu-item.level-2:hover {
  background: none !important;
}
.metismenu.mod-menu .metismenu-item.level-2:last-child {
  border-bottom: none;
}
.metismenu.mod-menu .metismenu-item.level-2 a {
  color: white !important;
}
.metismenu.mod-menu .metismenu-item.level-2.active a,
.metismenu.mod-menu .metismenu-item.level-2:hover a{
  text-decoration: none !important;
  font-weight: 700;
  color: #8ec5ff !important;
}
.mm-collapse {
  left: 0 !important;
  padding: 1.0rem .5rem !important;
  background: rgba(0, 83, 136, .8) !important;
}
.navbar-toggler {
  margin: 1.0rem;
}
.mod-list li a {
  text-decoration: none !important;
}
.carousel-caption {
  left: 25% !important;
  bottom: 0 !important;
  max-width: 320px;
  background: rgba(0, 83, 136, .8) !important;
}
.container.wv-angebot {
  display: none;
}
.carousel-caption h5::after, 
.carousel-caption.wv-angebot h5::after,
.container.wv-angebot h5::after{
  position: absolute;
  left: calc(50% - 26px);
  top: 37px;
  width: 52px;
  height: 4px;
  background: white;
  content: "";
}
.carousel-caption.wv-angebot {
  background: rgba(199, 9, 38, .8) !important;
}
.container.wv-angebot {
  background: rgb(199, 9, 38) !important;
}
.container div.wv-angebot {
  width: 280px;
}
.carousel-caption.wv-angebot h5::after,
.container.wv-angebot h5::after{
  top: 54px !important;
  width: 70px;
  left: calc(50% - 35px);
}
.carousel-caption.wv-angebot h5::after {
  top: 84px !important;
}
.foerderlogo {
  margin-right: 60px;
}
.foerderlogo img {
  max-height: 60px;
}
.shadow-titelbild, .slideshowck {
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.5) !important;
}  
.card, .card-img {
  
  margin: 0 auto;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
}
.card-over {
  position: absolute;
  width: 100%;
  bottom: -70%;
  padding: .9rem 0 !important;
  text-align: center;
  color: white;
  transition-duration: .7s;
}
.card:hover .card-over {
  bottom: 0 !important;
}
.card-over h5 {
  position: relative;
  margin-bottom: .9rem !important;
  padding-bottom: 1.1rem;
  font-weight: 600 !important;
  color: white !important;
}
.card-over h5::after {
  position: absolute;
  left: 110px;
  top: 28px;
  width: 76px;
  height: 0;
  background: white;
  content: "";
}
.card:hover .card-over h5::after {
  height: 4px;
}
.card-img-top {
  border-radius: 0 !important;
  transition-duration: .7s;
}

.partner img {
  transition-duration: .7s; !important;
}
.partner a:hover img {
  transform: scale(1.2);
}

.bg-textil {
    background-image: url(/images/hintergrund_gewebestruktur.jpg);
 	background-size: cover;
}

.individual {
  max-width: 25.75%;
}
.individual:first-child {
  max-width: 30.6%;
}
.individual:last-child {
  max-width: 43.15%;
}
.after-heading {
  position: relative;
}
.after-heading::after {
  position: absolute;
  left: calc(50% - 45px);
  top: 55px;
  width: 90px;
  height: 4px;
  background: white;
  content: "";
}
.card-body img.position-absolute {
  max-width: 40px;
  right: 0;
  top: -40px;
  opacity: .8;
}
a.stretched-link:hover  img {
  filter: brightness(80%) !important;
}
.card.dree img {
  transition-duration: 1.5s; !important;
}
.card.dree:hover img {
  transform: rotateY(180deg) !important;
}


.footer {
  background-color: transparent;
  background-image: url(/images/hintergrund_gewebestruktur.jpg);
  background-size: cover;
  margin-top: 0 !important;
}
.footer .moduletable {
  margin: 0 auto !important;
}

.footer .card, .footer .card-img {
  max-width: 100% !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
.footer .card-img-overlay {
  border-radius: 0 !important;
  left: 15%;
  top: 15%;
}
.footer .mod-menu {
  max-width: 110px;
  margin-left: auto;
}
.footer .mod-menu .nav-item {
  padding-top: 1.0rem !important;
  padding-bottom: .5rem !important;
  border-bottom: 1px solid white;
  text-align: right !important;
}
.footer .mod-menu .nav-item:first-child {
  padding-top: 0 !important;
}
.footer .mod-menu a {
  color: white !important;
}
.footer .link-bild {
  max-width: 90px !important;
}
@media screen and (max-width: 992px){
    .container-header nav {
  		margin: 0;
	}
  .container-header .navbar-collapse {
    	position: absolute;
    	top: 40px;
    	left: 1.0rem;    
    	padding: 1.0rem .6rem;
    	background: #0072B6 !important;
  }  
  .metismenu.mod-menu .metismenu-item {
    font-size: .95rem !important;
    padding: .8rem 1.0rem !important;
  }
  .metismenu.mod-menu .metismenu-item.active {
    background: none !important;
  }
  .mm-collapse {
    left: auto !important;
    background: rgb(0, 83, 136) !important;
  }
  #mod-custom111 {
    top: 12px !important;
    right: .5rem;
  }
  .individual {
    max-width: 420px !important;
  }
  .footer .mod-menu .nav-item {
    margin: 0 1.0rem;
    text-align: center !important;
  }
  .footer .mod-menu {
    max-width: 100% !important;
    flex-direction: row !important;
    margin: 0;
    justify-content: center;
  }
  .footer .mod-menu .nav-item:first-child {
    padding-top: 1.0rem !important;
  }
}

@media screen and (max-width: 780px){
  .container-header .container-nav nav {
    margin-top: 0 !important;
  }
  .carousel-caption {
    left: 15% !important;
  }
  .angebot {
    background: rgba(0, 83, 136, .8) !important;
  }
  .angebot div {
    max-width: 230px !important;
  } 
  .angebot h5::after {
    position: absolute;
    left: 95px;
    top: 54px;
    width: 52px;
    height: 4px;
    background: white;
    content: "";
  }
  .footer .grid-child {
    padding: 1.0rem .25rem !important;
  }
}

@media screen and (max-width: 580px){
    .footer .card-img-overlay {
      left: 5%;
      top: 5%;
    }
  	.foerderlogo img {
  		max-height: 40px;
	}
}