/*
******************************
** Styles for tc-cleebronn.de
******************************
*/
/*
** Color Values
*/
/*
** Font Sizes
*/
/* 12px */
/* 14px */
/* 18px */
/* 20px */
/* 30px */
/* 40px */
/*
** Fonts
*/
/*
** Width Variables
*/
/*
******************************
** Media Query Mixin
******************************
*/
.header--top > .container {
  background: url("/fileadmin/user_upload/tcc/images/header/tcc-header.jpg") no-repeat top right;
}
@media screen and (max-width: 1000px) {
  .header--top > .container {
    background: none;
  }
}
.header--top > .container .logo {
  transition: all 0.2s ease-in-out;
  max-width: 250px;
  width: 250px;
  margin-top: 75px;
  margin-bottom: 75px;
}
@media screen and (max-width: 1000px) {
  .header--top > .container .logo {
    margin: 25px auto 5px;
  }
}

.nav--main .nav-list--level1 > .nav-list-item > a {
  color: #5E5E61 !important;
}

.news-list-view .article {
  background: #5E5E61 !important;
}

.news-list-view .article .no-media-element,
.news-list-view.default-events .article .no-media-element,
.news-list-view.default-events .event .no-media-element,
.news-list-view .event .no-media-element {
  padding: 0;
}

.news-list-view .article .news-img-wrap a,
.news-list-view.default-events .article .news-img-wrap a,
.news-list-view.default-events .event .news-img-wrap a,
.news-list-view .event .news-img-wrap a {
  display: block;
}

.tcc.sticky {
  padding-top: 300px;
}
@media screen and (max-width: 1000px) {
  .tcc.sticky {
    padding-top: 0;
  }
}
.tcc.sticky .header--top {
  position: fixed;
  width: 100%;
  background: #fff;
  left: 0;
  top: 0;
  border-bottom: 1px solid #beccd8;
  z-index: 2;
}
@media screen and (max-width: 1000px) {
  .tcc.sticky .header--top {
    position: relative;
    border: 0;
  }
}
.tcc.sticky .header--top > .container {
  background: #fff;
}
.tcc.sticky .logo {
  width: auto;
  height: 70px;
  margin: 15px 0;
}
@media screen and (max-width: 1000px) {
  .tcc.sticky .logo {
    text-align: center;
    height: auto;
  }
}
.tcc.sticky .logo img {
  max-height: 100%;
  max-width: none;
}
@media screen and (max-width: 1000px) {
  .tcc.sticky .logo img {
    max-height: 130px;
  }
}

.album-list .album-item {
  margin-left: 15px;
  margin-right: 15px;
  flex: 0 0 calc(25% - 30px);
  max-width: calc(25% - 30px);
}
@media screen and (max-width: 1000px) {
  .album-list .album-item {
    margin-left: 15px;
    margin-right: 15px;
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
}
@media screen and (max-width: 640px) {
  .album-list .album-item {
    display: block;
    width: 100%;
    max-width: 100%;
    flex: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .album-list .album-item:last-of-type {
    margin-bottom: 0;
  }
}

.footer {
  background: #5E5E61 !important;
}