html,
body {
  padding: 0; }

img.logo {
  max-width: 300px;
  max-height: 100px; }
  @media (max-width: 767px) {
    img.logo {
      max-height: 60px;
      max-width: 130px; } }

.logos {
  z-index: 9999;
  border-bottom: 2px solid #e30613;
  margin-bottom: 10px;
  background-color: white;
  padding-bottom: 10px;
  padding-top: 10px; }
  .logos > .row {
    align-items: center;
    text-align: center; }
  @media (min-width: 768px) {
    .logos {
      position: sticky;
      top: 0; } }

.cover-container {
  background-image: url("img/schwimmen-lernen-3.jpg");
  background-size: cover;
  justify-content: center;
  align-items: center; }
  @media (min-width: 768px) {
    .cover-container {
      height: calc(80vh); } }

header h3 {
  font-size: 70%; }

.lead {
  background-color: rgba(255, 255, 255, 0.75);
  max-width: 1024px; }

main h1 {
  font-weight: bold;
  text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5); }

h1,
h2,
h3,
h4,
h5 {
  color: #e30613; }

.card-img-top {
  height: 200px;
  background-size: cover;
  background-position: center; }

footer {
  margin-top: 20px;
  text-align: right;
  width: 100%;
  min-height: 60px;
  /* Set the fixed height of the footer here */
  line-height: 60px;
  /* Vertically center the text there */
  background-color: #f5f5f5; }
  footer a {
    color: black !important;
    text-decoration: none; }

.font-italic {
  font-style: italic; }

.btn-primary {
  background-color: #e30613;
  border-color: #ca0511; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #ca0511;
    border-color: #ca0511; }

.dataTables_wrapper .dataTables_filter {
  padding-top: 8px;
  float: unset;
  text-align: unset; }
  .dataTables_wrapper .dataTables_filter label {
    width: calc(100% - 6px); }
    .dataTables_wrapper .dataTables_filter label input {
      width: 100%;
      border: 1px solid #e30613; }
.dataTables_wrapper .dataTables_info {
  font-style: italic; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: #ca0511;
  color: #e30613 !important; }
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: unset;
    color: white !important;
    border-color: #ca0511;
    background-color: #e30613; }
  .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: unset;
    background-color: #e30613;
    border-color: #ca0511;
    color: white !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
      background: unset;
      color: white !important;
      background-color: #ca0511;
      border-color: #ca0511; }
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #666 !important;
    cursor: not-allowed !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
      background-color: unset;
      border-color: unset !important; }

.video-wrapper iframe {
  max-height: 100%;
  max-width: 100%;
  width: 100%; }

table {
  width: 100% !important; }