@charset "utf-8";

/*
* allgemeine CSS-Styles 
*/
html {
  height: 100%;
}

body {
  height          : 100%;
  display         : -webkit-box;
  display         : -moz-box;
  display         : -ms-flexbox;
  display         : -webkit-flex;
  display         : flex;
  flex-direction  : column;
  padding-top     : 60px;
  background-color: #fff;
  transition      : .5s;
}

a img:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

.content {
  -ms-flex: 1 1 auto;
  flex    : 1 1 auto;
}

.page-footer {
  margin-top: 2em;
}

/* CSS-Hack für Internet Explorer 10 + IE11 */
_:-ms-lang(x),
.content {
  overflow  : scroll;
  overflow-x: hidden;
}

_:-ms-lang(x),
.page-footer {
  font-size  : 0.8em;
  line-height: 0.95em;
}

_:-ms-lang(x),
.page-footer nav {
  margin : 0px;
  padding: 0px;
}

_:-ms-lang(x),
.page-footer .nav-link {
  margin : 0px;
  padding: 0px;
}

.mainkornlogo, .topsaatenlogo {
  height    : 50px;
  transition: .5s;
}


.topsaatenlogo, topsaatenlogomenu {
  opacity: 0.5;
}

.topsaatenlogo:hover, topsaatenlogomenu:hover {
  height    : 50px;
  transition: .5s;
  opacity: 1;
}

.horline {
  padding: 4px 0;
}

.nav-raps,
.nav-raps a {
  color           : rgb(0, 48, 110);
  background-color: #fff;
}

/*
* css für die Home-Seite (index.html)
*/

/* Styles für das Bilder-Carousel */

#StartseitenCarousel {
  width  : 100%;
  z-index: 0;
}

.carousel-item {
  height                 : 33vh;
  min-height             : 200px;
  background             : no-repeat center center scroll;
  background-color       : #aaa;
  -webkit-background-size: cover;
  -moz-background-size   : cover;
  -o-background-size     : cover;
  background-size        : cover;
}

.carousel-inner img {
  object-fit: cover;
  width     : 100%;
  height    : 100%;
}

.carousel-caption {
  background-color: rgba(34, 34, 34, 0.2);
}

@media (min-width: 768px) {
  .carousellabstand {
    margin-top: 35vh;
  }
}


/* Teaser für die Blog-Texte */
.index-card {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.index-card:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

a.index-card-link {
  text-decoration: none;
  color          : #000;
  max-height     : 11rem;
  overflow       : hidden;
}

.card-header {
  background-color: rgba(230, 209, 0, 0.21);
}
.card-body {
  background-color: rgb(250, 250, 250);
}

#archiv_header,
#aktuelles_header,
#details_header {
  background-color: #E6D100;
  color           : #fff;
}

/* CSS für die Detailseiten */

.titeljumbo {
  background-size: cover;
  height         : 33vh;
  position       : relative;
}

.jumbotext {
  background-color: rgba(230, 211, 0, 0.5);
  color           : #fff;
  position        : absolute;
  position        : absolute;
  margin-left     : auto;
  margin-right    : auto;
  left            : 0;
  right           : 0;
  bottom          : 5vh;
}

/* CSS für die Vertragsangebote */

.vertragsangebote_header {
  background-color: rgba(230, 211, 0, 0.534);
}

.vertragsangebote_footer {
  background-color: rgba(230, 123, 0, 0.534);
}