a.blog-btn {
  border: 2px solid black;
  color: black;
  border-radius: 15px;
  padding: 8px 2rem 8px 2rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 12px;
  text-transform: uppercase; }

a.blog-btn:hover {
  color: #2f4aa8;
  border: 2px solid #2f4aa8; }

a.btn-up {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 3rem;
  text-decoration: none;
  color: black;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  letter-spacing: 4px; }
  a.btn-up .fa-long-arrow-alt-up {
    font-size: 18px;
    margin-bottom: 0.5rem; }
  a.btn-up:hover {
    color: #2f4aa8; }

.box {
  margin-top: 4rem; }

.triangle {
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 22px solid;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  color: #2f4aa8; }

.blog-date-small {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: bold; }

.blog-fb-box {
  display: none;
  position: fixed;
  top: 167px;
  z-index: 100; }
  .blog-fb-box a {
    text-decoration: none;
    color: black; }

.blog-yt-box {
  display: none;
  position: fixed;
  top: 218px;
  z-index: 100; }
  .blog-yt-box a {
    text-decoration: none;
    color: black; }

.blog-li-box {
  display: none;
  position: fixed;
  top: 269px;
  z-index: 100; }
  .blog-li-box a {
    text-decoration: none;
    color: black; }

.blog-container {
  background-color: whitesmoke;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; }

.blog-header-container {
  margin-top: 5rem;
  width: 100%; }
  .blog-header-container a {
    display: block;
    text-decoration: none;
    width: 100%;
    text-align: center; }
    .blog-header-container a img {
      width: 100%;
      max-width: 1440px;
      margin-left: auto;
      margin-right: auto;
      max-height: 560px; }
    .blog-header-container a .blog-header-text {
      width: 100%;
      text-align: center;
      background-color: #2f4aa8;
      color: #FFFFFF;
      padding: 1rem 15% 1rem 15%; }
      .blog-header-container a .blog-header-text h1 {
        padding-top: 0.5rem; }
      .blog-header-container a .blog-header-text div {
        margin: 0;
        font-weight: bold; }
        .blog-header-container a .blog-header-text div .fa-long-arrow-alt-right {
          color: white;
          font-size: 1rem;
          margin-left: 8px; }

.blog-category-header {
  background-color: #2f4aa8;
  color: white;
  text-align: center;
  margin-top: 5rem; }
  .blog-category-header h2 {
    margin: 0;
    padding-top: 1.5rem;
    padding-bottom: 1rem; }
  .blog-category-header p {
    margin: 0;
    padding: 0 15% 1.5rem 15%; }

.blog-fact-box-container {
  width: 100%;
  max-width: 1440px;
  margin-top: 3rem; }
  .blog-fact-box-container .container-fluid {
    padding: 0;
    text-align: center; }
    .blog-fact-box-container .container-fluid a {
      text-decoration: none; }
      .blog-fact-box-container .container-fluid a h1 {
        padding-bottom: 1.5rem;
        text-align: center;
        color: black; }
      .blog-fact-box-container .container-fluid a .text {
        color: white;
        text-align: center; }
        .blog-fact-box-container .container-fluid a .text .icon {
          font-size: 3rem;
          padding-top: 8rem; }
        .blog-fact-box-container .container-fluid a .text h2 {
          padding-top: 2rem; }
        .blog-fact-box-container .container-fluid a .text h3 {
          font-family: 'Vollkorn', serif;
          font-weight: normal;
          padding: 1rem 10% 2rem 10%;
          margin-bottom: 0; }
    .blog-fact-box-container .container-fluid a:hover .text {
      background: rgba(0, 0, 0, 0.6);
      color: #4b68c6; }
  .blog-fact-box-container .box1 {
    background-image: url("/imgs/blog/orientierung.jpg");
    background-size: cover; }
  .blog-fact-box-container .box2 {
    background-image: url("/imgs/blog/bewerbung.jpg");
    background-size: cover; }
  .blog-fact-box-container .box3 {
    background-image: url("/imgs/blog/gruendung.jpg");
    background-size: cover; }
  .blog-fact-box-container .box4 {
    background-image: url("/imgs/blog/aufstieg.jpg");
    background-size: cover; }

.blog-2col {
  margin-top: 1rem;
  width: 100%; }
  .blog-2col .row {
    margin: 0; }
  .blog-2col .teaser-img {
    height: 480px;
    background-size: cover;
    margin-bottom: 0.75rem; }
  .blog-2col a {
    display: block;
    position: relative;
    text-decoration: none;
    color: black;
    font-weight: bold; }
    .blog-2col a h2 {
      padding-top: 0.5rem; }
    .blog-2col a .fa-long-arrow-alt-right {
      color: #2f4aa8;
      font-size: 1rem;
      margin-left: 8px; }
  .blog-2col a:hover h2 {
    color: #2f4aa8; }
  .blog-2col .lexicon {
    background-color: white; }
    .blog-2col .lexicon .content {
      padding: 3rem 2rem 1rem 2rem; }
      .blog-2col .lexicon .content a {
        font-weight: normal; }
      .blog-2col .lexicon .content h2, .blog-2col .lexicon .content p {
        display: none; }
        .blog-2col .lexicon .content h2:first-child, .blog-2col .lexicon .content h2:nth-child(2), .blog-2col .lexicon .content p:first-child, .blog-2col .lexicon .content p:nth-child(2) {
          display: block; }
    .blog-2col .lexicon .lexicon-box {
      position: absolute;
      display: flex;
      justify-content: center;
      margin-top: -11px;
      color: white;
      width: 100%; }
      .blog-2col .lexicon .lexicon-box .lexicon-box-content {
        background-color: black;
        margin-left: -30px; }
        .blog-2col .lexicon .lexicon-box .lexicon-box-content .fa-lightbulb {
          float: left;
          font-size: 18px;
          margin: 7px 10px 7px 10px; }
        .blog-2col .lexicon .lexicon-box .lexicon-box-content .text {
          float: left;
          margin-top: 8px;
          font-size: 12px;
          font-family: 'Poppins', sans-serif;
          font-weight: 600;
          letter-spacing: 4px;
          padding-right: 10px;
          text-transform: uppercase; }

.blog-4col .row {
  margin: 0; }
.blog-4col .teaser-img {
  height: 350px;
  background-size: cover;
  margin-bottom: 0.75rem; }
.blog-4col a {
  text-decoration: none;
  color: black;
  font-weight: bold; }
  .blog-4col a h2 {
    padding-top: 0.5rem; }
  .blog-4col a .fa-long-arrow-alt-right {
    color: #2f4aa8;
    font-size: 1rem;
    margin-left: 8px; }
.blog-4col a:hover h2 {
  color: #2f4aa8; }

.all-articles {
  margin-top: 5rem; }

.blog-video-container {
  background-color: black;
  color: white; }
  .blog-video-container .blog-video {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; }
    .blog-video-container .blog-video .col-12 {
      display: none; }
    .blog-video-container .blog-video .col-12:first-child {
      display: block; }
    .blog-video-container .blog-video .video-box {
      position: absolute;
      display: flex;
      justify-content: center;
      width: 100%;
      margin-top: -15px;
      color: white; }
      .blog-video-container .blog-video .video-box .video-box-content {
        background-color: black; }
        .blog-video-container .blog-video .video-box .video-box-content .fa-video {
          float: left;
          font-size: 18px;
          margin: 7px 10px 7px 10px; }
        .blog-video-container .blog-video .video-box .video-box-content .text {
          float: left;
          margin-top: 8px;
          font-size: 12px;
          font-family: 'Poppins', sans-serif;
          font-weight: 600;
          letter-spacing: 4px;
          padding-right: 10px;
          text-transform: uppercase; }
    .blog-video-container .blog-video a {
      color: white;
      text-decoration: none; }
      .blog-video-container .blog-video a .teaser-img {
        height: 270px;
        margin-top: 1rem;
        margin-bottom: 0.75rem;
        background-size: cover; }
      .blog-video-container .blog-video a h2 {
        padding-top: 0.5rem;
        padding-bottom: 1rem; }
      .blog-video-container .blog-video a:hover {
        background-color: black; }
        .blog-video-container .blog-video a:hover .teaser-img {
          opacity: 0.6; }
        .blog-video-container .blog-video a:hover h2 {
          color: #2f4aa8; }
    .blog-video-container .blog-video a.blog-btn {
      color: white;
      border: 2px solid white; }
    .blog-video-container .blog-video a.blog-btn:hover {
      color: #2f4aa8;
      border: 2px solid #2f4aa8; }

.blog-events-container {
  background-color: white; }
  .blog-events-container .blog-events {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; }
    .blog-events-container .blog-events .col-12 {
      display: none; }
    .blog-events-container .blog-events .col-12:first-child {
      display: block; }
    .blog-events-container .blog-events .teaser-img {
      height: 160px;
      background-size: cover;
      margin-bottom: 0.75rem; }
    .blog-events-container .blog-events .event-box {
      position: absolute;
      display: flex;
      justify-content: center;
      width: 100%;
      margin-top: -15px;
      color: white; }
      .blog-events-container .blog-events .event-box .event-box-content {
        background-color: black; }
        .blog-events-container .blog-events .event-box .event-box-content .fa-calendar-alt {
          float: left;
          font-size: 18px;
          margin: 7px 10px 7px 10px; }
        .blog-events-container .blog-events .event-box .event-box-content .text {
          float: left;
          margin-top: 8px;
          font-size: 12px;
          font-family: 'Poppins', sans-serif;
          font-weight: 600;
          letter-spacing: 4px;
          padding-right: 10px;
          text-transform: uppercase; }
    .blog-events-container .blog-events .event-container {
      margin-top: 3.5rem;
      margin-bottom: 1rem;
      background-color: whitesmoke;
      height: 22rem;
      overflow: hidden; }
      .blog-events-container .blog-events .event-container a {
        color: black;
        text-decoration: none; }
        .blog-events-container .blog-events .event-container a h4 {
          padding: 15px;
          margin: 0; }
        .blog-events-container .blog-events .event-container a .text {
          font-size: 1rem;
          padding-left: 15px;
          margin: 0;
          font-weight: bold; }
          .blog-events-container .blog-events .event-container a .text .fa-long-arrow-alt-right {
            color: #2f4aa8;
            font-size: 1rem;
            margin-left: 8px; }
      .blog-events-container .blog-events .event-container a:hover h4 {
        color: #2f4aa8; }
      .blog-events-container .blog-events .event-container .event-date {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-right: 15px; }
        .blog-events-container .blog-events .event-container .event-date .icon {
          color: #2f4aa8; }

.blog-top-articles {
  max-width: 1440px;
  margin: 1rem auto 1rem; }
  .blog-top-articles .col-12 {
    display: none; }
  .blog-top-articles .col-12:first-child {
    display: block;
    margin-bottom: 2rem; }
  .blog-top-articles .col-12:nth-child(2) {
    display: block; }
  .blog-top-articles .top-article-box {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -80px;
    color: white; }
    .blog-top-articles .top-article-box .top-article-box-content {
      background-color: black; }
      .blog-top-articles .top-article-box .top-article-box-content .fa-heart {
        float: left;
        font-size: 18px;
        margin: 7px 10px 7px 10px; }
      .blog-top-articles .top-article-box .top-article-box-content .text {
        float: left;
        margin-top: 8px;
        font-size: 12px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        letter-spacing: 4px;
        padding-right: 10px;
        text-transform: uppercase; }
  .blog-top-articles .box {
    padding-left: 20px;
    padding-right: 20px; }
  .blog-top-articles .teaser-img {
    height: 350px;
    background-size: cover;
    margin-bottom: 0.75rem; }
  .blog-top-articles a {
    color: black;
    text-decoration: none; }
    .blog-top-articles a h2 {
      padding-top: 0.5rem; }
      .blog-top-articles a h2 .fa-long-arrow-alt-right {
        color: #2f4aa8;
        font-size: 1rem;
        margin-left: 8px; }
  .blog-top-articles a:hover h2 {
    color: #2f4aa8; }

.blog-article-header-container {
  margin-top: 5rem; }
  .blog-article-header-container .header-background {
    background-color: white; }
    .blog-article-header-container .header-background .header {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .blog-article-header-container .header-background .header img {
        width: 100%;
        margin-top: 3rem;
        margin-bottom: 0.75rem; }
      .blog-article-header-container .header-background .header h1 {
        padding: 1rem; }
      .blog-article-header-container .header-background .header p {
        font-size: 1.25rem;
        padding: 0 1rem 2rem 1rem; }
      .blog-article-header-container .header-background .header .blog-date-small {
        position: relative;
        float: left;
        padding-top: 4px; }
      .blog-article-header-container .header-background .header .article-share-icons {
        position: relative;
        float: left;
        margin-left: 2rem; }
        .blog-article-header-container .header-background .header .article-share-icons a {
          font-size: 12px;
          text-decoration: none; }
          .blog-article-header-container .header-background .header .article-share-icons a img {
            margin: 0 0.5rem 0 0.25rem;
            height: 18px;
            width: auto; }
  .blog-article-header-container .video-background {
    background-color: black;
    color: white; }
    .blog-article-header-container .video-background .video-header {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
    .blog-article-header-container .video-background iframe {
      margin-top: 3rem;
      margin-bottom: 0.75rem;
      width: 100%;
      min-height: 20rem; }
    .blog-article-header-container .video-background h1 {
      padding: 1rem; }
    .blog-article-header-container .video-background h2 {
      padding: 0 1rem 2rem 1rem; }
    .blog-article-header-container .video-background .blog-date-small {
      position: relative;
      float: left;
      padding-top: 4px; }
    .blog-article-header-container .video-background .article-share-icons {
      position: relative;
      float: left;
      margin-left: 2rem; }
      .blog-article-header-container .video-background .article-share-icons a {
        font-size: 12px;
        text-decoration: none; }
        .blog-article-header-container .video-background .article-share-icons a img {
          margin: 0 0.5rem 0 0.25rem;
          height: 18px;
          width: auto; }
  .blog-article-header-container .event-background {
    background-color: white; }
    .blog-article-header-container .event-background .event-header {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      font-family: 'Poppins', sans-serif; }
      .blog-article-header-container .event-background .event-header img {
        width: 100%;
        margin-top: 3rem;
        margin-bottom: 1rem; }
      .blog-article-header-container .event-background .event-header h1 {
        padding: 1rem 1rem 1rem 1rem; }
        .blog-article-header-container .event-background .event-header h1:last-child {
          padding-bottom: 2rem; }
      .blog-article-header-container .event-background .event-header div {
        font-weight: bold;
        margin-bottom: 0; }
        .blog-article-header-container .event-background .event-header div p {
          margin: 0; }
      .blog-article-header-container .event-background .event-header .article-share-icons {
        position: relative;
        float: left; }
        .blog-article-header-container .event-background .event-header .article-share-icons a {
          font-size: 12px;
          text-decoration: none; }
          .blog-article-header-container .event-background .event-header .article-share-icons a img {
            margin: 0 0.5rem 0 0.25rem;
            height: 18px;
            width: auto; }

.blog-article-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto; }
  .blog-article-container .content a {
    text-decoration: none;
    color: #212529;
    border-bottom: 3px solid #2f4aa8;
    line-height: 1rem;
    display: inline-block; }
  .blog-article-container img {
    max-width: 100%;
    height: auto; }
  .blog-article-container .content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem 1rem; }
  .blog-article-container .author {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid black;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    padding-top: 2rem;
    margin-bottom: 3rem; }
    .blog-article-container .author .title {
      font-weight: 600;
      letter-spacing: 4px;
      text-transform: uppercase;
      margin-bottom: 1rem; }
    .blog-article-container .author .article-share-icons {
      position: relative;
      float: left; }
      .blog-article-container .author .article-share-icons a {
        font-size: 12px;
        text-decoration: none; }
        .blog-article-container .author .article-share-icons a img {
          margin: 0 0.5rem 0 0.25rem;
          height: 14px;
          width: auto; }

.blog-search-container {
  width: 100%;
  background-color: white;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3rem; }
  .blog-search-container .result {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem; }
    .blog-search-container .result hr {
      margin-top: 2rem; }
    .blog-search-container .result a {
      display: block;
      color: black;
      text-decoration: none;
      margin-top: 2rem; }
      .blog-search-container .result a .type {
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        font-weight: bold; }
    .blog-search-container .result a:hover h1 {
      color: #2f4aa8; }

.blog-category-box {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -10px;
  width: 100%;
  color: white; }
  .blog-category-box .category-box-content {
    background-color: #2f4aa8;
    margin-left: -30px; }
    .blog-category-box .category-box-content .fa-map-signs, .blog-category-box .category-box-content .fa-paper-plane, .blog-category-box .category-box-content .fa-rocket, .blog-category-box .category-box-content .fa-level-up-alt {
      float: left;
      margin: 7px 10px 7px 10px;
      font-size: 18px; }
    .blog-category-box .category-box-content .text {
      float: left;
      margin-top: 8px;
      font-size: 12px;
      font-family: 'Poppins', sans-serif;
      letter-spacing: 4px;
      padding-right: 10px;
      font-weight: 600; }

.blog-all-events {
  margin-top: 5rem;
  background-color: white;
  padding-bottom: 5rem; }
  .blog-all-events .blog-all-events-content {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; }
    .blog-all-events .blog-all-events-content .teaser-img {
      height: 160px;
      background-size: cover;
      margin-bottom: 0.75rem; }
    .blog-all-events .blog-all-events-content .event-container {
      background-color: whitesmoke;
      height: 22rem;
      overflow: hidden; }
      .blog-all-events .blog-all-events-content .event-container a {
        color: black;
        text-decoration: none; }
        .blog-all-events .blog-all-events-content .event-container a h4 {
          padding: 15px;
          margin: 0; }
        .blog-all-events .blog-all-events-content .event-container a .text {
          font-size: 1rem;
          padding-left: 15px;
          margin: 0;
          font-weight: bold; }
          .blog-all-events .blog-all-events-content .event-container a .text .fa-long-arrow-alt-right {
            color: #2f4aa8;
            font-size: 1rem;
            margin-left: 8px; }
      .blog-all-events .blog-all-events-content .event-container a:hover h4 {
        color: #2f4aa8; }
      .blog-all-events .blog-all-events-content .event-container .event-date {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-right: 15px; }
        .blog-all-events .blog-all-events-content .event-container .event-date .icon {
          color: #2f4aa8; }

.blog-all-videos {
  margin-top: 5rem;
  background-color: black;
  color: white;
  padding-bottom: 5rem; }
  .blog-all-videos h5 {
    color: white; }
  .blog-all-videos .blog-all-videos-content {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; }
    .blog-all-videos .blog-all-videos-content a {
      color: white;
      text-decoration: none; }
      .blog-all-videos .blog-all-videos-content a .teaser-img {
        margin-top: 2rem;
        height: 270px;
        background-size: cover;
        margin-bottom: 0.75rem; }
      .blog-all-videos .blog-all-videos-content a:hover {
        background-color: black; }
        .blog-all-videos .blog-all-videos-content a:hover .teaser-img {
          box-shadow: inset 0 0 15px #2f4aa8;
          opacity: 0.6; }
        .blog-all-videos .blog-all-videos-content a:hover h4 {
          color: #2f4aa8; }

.blog-newsletter-registration {
  max-width: 100%;
  text-align: center;
  color: white;
  background-color: #2f4aa8;
  margin-left: auto;
  margin-right: auto; }
  .blog-newsletter-registration h5 {
    letter-spacing: 4px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin: 0; }
  .blog-newsletter-registration p {
    margin: 0;
    font-weight: bold;
    padding-left: 10%;
    padding-right: 10%; }
  .blog-newsletter-registration form {
    margin: 0;
    padding: 0; }
  .blog-newsletter-registration button {
    border: 2px solid white;
    color: white;
    background-color: #2f4aa8;
    border-radius: 15px;
    padding: 8px 2rem 8px 2rem;
    margin: 1.5rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer; }
  .blog-newsletter-registration input {
    margin-top: 1.5rem;
    font-family: 'Poppins', sans-serif;
    color: #2f4aa8;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    letter-spacing: 4px;
    border: 0 none;
    font-weight: bold;
    width: 80%; }
    .blog-newsletter-registration input:required, .blog-newsletter-registration input:invalid, .blog-newsletter-registration input:focus {
      box-shadow: none;
      outline: 0 none; }
    .blog-newsletter-registration input::placeholder {
      color: #2f4aa8; }

.edit-panel {
  position: relative;
  max-width: 1440px;
  padding-bottom: 1rem;
  margin: 5rem auto 1rem; }

.blog-form .page-title {
  margin-top: 5rem;
  padding-left: 1rem; }
.blog-form .img-editable {
  width: 100%;
  border: 1px solid #d2d2d2;
  background: #fff;
  min-height: 50px;
  margin-bottom: 1rem;
  border-radius: 5px; }
  .blog-form .img-editable img {
    max-width: 100%;
    max-height: 200px; }
.blog-form .video_url {
  width: 100%;
  border: 1px solid #d2d2d2;
  background: #fff;
  min-height: 50px;
  border-radius: 5px;
  margin-bottom: 1rem; }
.blog-form .datetime {
  text-align: left;
  margin-bottom: 1rem; }
.blog-form .tag-selection, .blog-form .category-selection {
  width: 98%; }
.blog-form .editable h5 {
  margin-top: 0.5rem; }
.blog-form .editable#description, .blog-form .editable#content {
  padding: 1rem;
  background-color: white;
  border: 1px solid #d2d2d2;
  border-radius: 5px; }
.blog-form .editable#title {
  padding: 1rem;
  border: 1px solid #d2d2d2;
  width: 98%;
  border-radius: 5px; }
.blog-form .editable .blog-info-box {
  margin-left: 0;
  border: 1px dotted grey; }

p.blog-cite {
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  p.blog-cite:before, p.blog-cite:after {
    content: '"'; }

.blog-info-box {
  position: relative;
  background-color: white;
  font-size: larger;
  padding: 2em; }
  .blog-info-box br:first-child {
    margin-bottom: 1em; }
  .blog-info-box::before {
    position: absolute;
    background-color: black;
    color: white;
    padding: 5px 15px;
    top: -8px;
    left: -8px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 4px;
    font-size: 12px;
    content: "Info";
    text-transform: uppercase; }

.blog-highlight {
  background-color: #33ffcc;
  display: inline;
  font-size: 1.2em; }

.mainCol img {
  max-width: 100%; }

.dataTables_wrapper .dataTable {
  border-bottom: 1px solid #ddd;
  margin: 30px 0;
  cursor: pointer; }

.cookie-container {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #2f4aa8;
  color: white;
  text-align: center; }
  .cookie-container p {
    width: 90%;
    padding-top: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1rem; }
    .cookie-container p a {
      text-decoration: none;
      color: white; }
  .cookie-container button {
    background: none;
    border: 2px solid white;
    color: white;
    border-radius: 15px;
    padding: 8px 2rem 8px 2rem;
    margin-bottom: 2rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer; }

@media screen and (min-width: 768px) {
  .blog-video-container .blog-video .col-12:nth-child(2) {
    display: block; }
  .blog-video-container .blog-video .video-box {
    position: absolute;
    display: inline-block;
    margin-left: 20px;
    background-color: black;
    color: white;
    width: auto; }
    .blog-video-container .blog-video .video-box .video-box-content {
      margin-left: 0; }

  .blog-events-container .blog-events .col-12:nth-child(2) {
    display: block; }
  .blog-events-container .blog-events .event-box {
    position: absolute;
    display: inline-block;
    margin-left: 20px;
    background-color: black;
    color: white;
    width: auto; }
    .blog-events-container .blog-events .event-box .event-box-content {
      margin-left: 0; }

  .blog-category-box {
    position: absolute;
    top: -10px;
    left: -10px;
    margin-left: 0;
    width: auto; }
    .blog-category-box .category-box-content {
      margin-left: 0; }

  .blog-2col .lexicon .content {
    padding: 3rem 3rem 1rem 3rem; }
    .blog-2col .lexicon .content h2, .blog-2col .lexicon .content p {
      display: block; }
  .blog-2col .lexicon .lexicon-box {
    position: absolute;
    display: inline-block;
    margin-left: -15px;
    background-color: black;
    width: auto; }
    .blog-2col .lexicon .lexicon-box .lexicon-box-content {
      margin-left: 0; }

  .blog-top-articles .top-article-box {
    position: absolute;
    display: inline-block;
    margin-left: 20px;
    background-color: black;
    color: white;
    width: auto; }
    .blog-top-articles .top-article-box .top-article-box-content {
      margin-left: 0; }

  .blog-fb-box, .blog-yt-box, .blog-li-box {
    display: block; }

  .blog-fact-box-container .container-fluid a .text .icon {
    padding-top: 10rem; }

  .blog-newsletter-registration input {
    margin: 1.5rem 0 1.5rem 1.5rem;
    width: 60%; }

  .blog-article-header-container .header-background .header .article-share-icons a img {
    height: 14px; }
  .blog-article-header-container .video-background .article-share-icons a img {
    height: 14px; }
  .blog-article-header-container .event-background .event-header .article-share-icons a img {
    height: 14px; }

  .cookie-container p {
    width: 80%; } }
@media screen and (min-width: 992px) {
  .blog-category-header p {
    padding: 0 25% 1.5rem 25%; }

  .blog-video-container .blog-video .col-12 {
    display: block; }
  .blog-video-container .blog-video .col-12:first-child {
    margin-bottom: 0; }

  .blog-events-container .blog-events .col-12 {
    display: block; }
  .blog-events-container .blog-events .col-12:first-child {
    margin-bottom: 0; }

  .blog-top-articles .col-12 {
    display: block; }
  .blog-top-articles .col-12:first-child {
    margin-bottom: 0; }

  .blog-fact-box-container .container-fluid a .text .icon {
    padding-top: 10rem; }

  .blog-newsletter-registration input {
    width: 40%; }

  .cookie-container p {
    width: 70%; } }
@media screen and (min-width: 1100px) {
  .blog-category-header p {
    padding: 0 30% 1.5rem 30%; }

  .blog-header-container a.blog-header-text {
    padding: 1rem 25% 1rem 25%; }

  .blog-fact-box-container .container-fluid a .text .icon {
    font-size: 3rem;
    padding-top: 14rem; }
  .blog-fact-box-container .container-fluid a .text h3 {
    padding: 1rem 20% 2em 20%; }

  .blog-article-container .video-background iframe {
    min-height: 30rem; }
  .blog-article-container .content {
    padding: 2rem 0; }

  .blog-info-box {
    margin-left: -7.5em;
    margin-right: 7.5em; }

  .blog-newsletter-registration input {
    width: 30%; }

  .cookie-container p {
    width: 60%; } }
.billboard--a > div > div, .billboard--b > div > div, .billboard--c > div > div, .medium-rectangle-front--a > div > div, .medium-rectangle-front--b > div > div, .medium-rectangle-front--c > div > div {
  padding: 30px 0 !important; }

.ad > div > div img {
  max-width: 100%;
  height: auto; }

.ad > div > div iframe {
  max-width: 100%; }

.medium-rectangle--a > div > div {
  margin: -10px 8px 30px 0 !important; }

.blog-4col .ad > div > div {
  margin-top: 64px !important; }

.blog-4col .ad + .ad > div > div, .blog-2col .medium-rectangle--a > div > div {
  margin-top: 30px !important; }

.box-nmt .medium-rectangle--a > div > div {
  margin-top: 0 !important; }

.blog-all-videos-content .medium-rectangle {
  margin-top: 42px; }

.blog-all-videos-content .medium-rectangle--b, .blog-all-videos-content .medium-rectangle--c {
  margin-top: 32px; }

.blog-article-container .ad.medium-rectangle.desktop > div > div {
  float: right;
  margin: 0 0 20px 20px !important; }

.blog-article-container .ad.medium-rectangle.mobile > div > div {
  width: 300px;
  margin: 20px auto !important; }

.blog-article-container section.content::after {
  display: block;
  content: "";
  clear: both; }

.mobile.medium-rectangle-article--d > div > div, .mobile.medium-rectangle-front--d > div > div {
  margin-bottom: 40px !important; }

.blog-4col .ad.mobile > div > div, .medium-rectangle-front--b.mobile > div > div, .medium-rectangle-front--c.mobile > div > div {
  padding: 0 !important;
  margin: 0 !important; }

.mobile.medium-rectangle-front--a > div > div {
  padding-bottom: 0 !important; }

.mobile.medium-rectangle-front--b > div > div {
  margin-top: 40px !important; }

.blog-4col .medium-rectangle-front--d.mobile > div > div, .blog-4col .medium-rectangle-front--c.mobile > div > div {
  margin-top: 30px !important; }

@media screen and (max-width: 750px) {
  .ad.desktop {
    display: none; }

  .ad.mobile {
    display: block; } }
@media screen and (min-width: 751px) {
  .ad.desktop {
    display: block; }

  .ad.mobile {
    display: none; } }

/*# sourceMappingURL=blog.css.map */