/* Webfonts
-------------------------------------------------- */
/* roboto-condensed-300 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-300italic - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v25-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto-condensed-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-condensed-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-condensed-v25-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-regular - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-italic - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-700 - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-700italic - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v25-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto-condensed-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto-condensed-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto-condensed-v25-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  .teaser-title,
  .poll__choice__percent,
  .shariff[data-css="min"] ul li,
  .shariff[data-css="complete"] ul li{
    font-family: 'Roboto Condensed', sans-serif;
    }
    body {
      font-family: 'Roboto', sans-serif;
      }
  
  /* Header
  -------------------------------------------------- */
  .header--header-a .header__main {
    padding: 1.5em 0;
  }
  .tb-megamenu .nav > li > a:hover, .tb-megamenu .tb-megamenu-item.level-1.active-trail > a {
    background: transparent !important;
    color: #0055a4 !important;
  }
  .header__toggleable-button, a.cart-block--link__expand, .header__social-menu a {
    color: #0055a4;
  }
  
  /* Footer
  -------------------------------------------------- */
  .footer-wrapper, .block--region-footer-first .block__title .title-text, .block--region-footer-second .block__title .title-text, .block--region-footer-third .block__title .title-text {
    background: #f0f0f0 !important;
  }
  .footer-wrapper, .block--region-footer-first .block__title .title-text, .block--region-footer-second .block__title .title-text, .block--region-footer-third .block__title .title-text {
    background: white;
  }
  .menu--footer ul.menu {
    text-align: center;
    margin-top: 1rem;
    padding-left: 0;
  }
  footer .block__title .title-text, footer .field--name-body {
    color: black;
  }
  .footer-bottom-wrapper {
    background:  #0055a4;
  }
  .teaser__authored {
    color: #90a4ae;
    font-size: .6667rem;
    line-height: 1;
    font-weight: bold;
  }
  footer .teaser__authored {
    color: #626266;
  }
  
  /* Elements
  -------------------------------------------------- */
  .node--type-themag-landing-page .block--page-title-block {
    margin-top: 1.8em;
  }
  .view-id-werbeartikel h5 {
    margin-top: 0.8em;
  }
  .block--region-content-header.block--page-title-block .title-lines::after, .block--region-content-header.block--page-title-block .title-lines::before, .block--layout-builder.block--page-title-block .title-lines::after, .block--layout-builder.block--page-title-block .title-lines::before,
  .block__title::after, .block__title::before {
    content: "";
    display: none;
  }
  .block__title .title-text {
    padding: 4px 0;
  }
  .teaser__headline a:hover {
    background-color: transparent !important;
    color: #0055a4 !important;
  }
  .teaser--compact .teaser__authored {
    color: #90a4ae !important;
  }
  .paragraph--type--text hr, body.cke_editable hr {
    background: transparent !important;
  }
  body {
    background-color: #fafafa;
    color: #263238;
  }
  .tb-megamenu .mega-nav li {
    border-bottom: 1px solid #eceff1 !important;
  }
  .menu--footer ul.menu li a {
    color: rgba(255,255,255,0.6);
  }
  .tag-list a {
    display: block;
    background: rgba(38,50,56,0.1);
      background-color: rgba(38, 50, 56, 0.1);
    padding: .5rem;
    line-height: 1;
    color: #263238;
    font-weight: bold;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .block--search form input[type="submit"] {
      background: #da291c;
      border-color: #da291c;
      color: #fff;
      }
  a {
        color: #2196f3;
        text-decoration: none;
        background-color: transparent;
        }

/* Veranstaltungskalender
-------------------------------------------------- */

.view-veranstaltungskalender ul {
  padding-left: 0;
  list-style: none;
}
.view-veranstaltungskalender li {
  margin-bottom: 0.3rem;
}
.view-veranstaltungskalender .item-list {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #ccc;
}
.view-veranstaltungskalender .item-list:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.view-veranstaltungskalender details {
  
  margin-bottom: 1em;
}
.view-veranstaltungskalender details[open] p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transition-duration: 0.5s;
  -webkit-animation-name: detailsopen;
  animation-name: detailsopen;
}
@-webkit-keyframes detailsopen {
  0%    {opacity: 0; transform: translateY(-10px)}
  100%  {opacity: 1; transform: translateY(0)}
}
@keyframes detailsopen {
  0%    {opacity: 0; transform: translateY(-10px)}
  100%  {opacity: 1; transform: translateY(0)}
}
.views-field-field-datum {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #0055a4;
  min-width: 8rem;
  display: inline-block;
}
.views-field-title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}
.views-field-body {
  padding-left: 8rem;
  padding-top: 0.1rem;
}
.views-field-body p {
  font-family: 'Roboto', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.views-field-field-hyperlink {
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 8rem;
}
