@charset "UTF-8";
:root {
  --hg-standart: rgba(255, 253, 251, 0.60);
  --padding-standart: 30px;
  --padding-standart-mobile: 10px;
}
body {
  background-color: var(--hg-standart);
  hyphens: auto; /*Silbentrennung */
}
.zoom {
  transition: transform 0.8s;
}
.zoom:hover {
  transform: scale(1.02, 1.02);
}
.header {
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
.KlasseMieleWidget {
  margin-bottom: 50px;
}
.container-header nav {
  font-variant: normal;
}
.section__inner {
  padding: 50px 0;
}
.randlos {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.container-nav {
  /*margin-left: 50px;*/
}
.metismenu.mod-menu .mm-collapse {
  background: #476DAF;
}
/* Die Links im Dropdown Menu musst du dann auch einzeln ansteuern */
.metismenu.mod-menu .mm-collapse .metismenu-item a {
  color: #fff;
}
.menumiele {
  font-size: 2em;
}
/*Seitenbreite definieren */
.site-grid {
  margin-bottom: auto;
  margin-left: 10%;
  margin-right: 10%;
}
.header {
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
.card-body-event {
  padding-left: 1em;
  padding-right: 1em;
  background-color: var(--hg-standart);
}
.event {
  padding-left: 1em;
  padding-right: 1em;
  background-color: var(--hg-standart);
}
.dj-megamenu-default li a.dj-up_a {
  display: block;
  float: left;
  font-size: 15px;
  font-weight: normal;
}
.main-top.card {
  word-wrap: break-word;
  background-clip: border-box;
  background-color: var(--card-bg);
  border: none;
}
.main-top.card._felsenbild {
  margin-bottom: 30px;
  border-radius: 18px;
}
.card-body {
  background-color: #FFFFFF;
}
.transparent {
  background-color: #EB2428;
}
.card-title {
  background-color: #FFFFFF;
}
.card-text {
  background-color: #FFFFFF;
}
.top-a.card.wechseltexte {
  margin-bottom: 20px;
  margin-top: 35px;
}
.lead-content {
  padding-right: var(--padding-standart);
  padding-left: var(--padding-standart);
}
.sidebar-rechts {
  position: sticky;
  border-radius: 18px;
}
.sidebar-right.card {
  border: none;
}
.sidebar-left.card {
  border: none;
}
.sidebar-mobile {
  padding-left: 10px;
  padding-right: 5px;
}
.top-a.card {
  border: none;
}
.top-b.card {
  border: none;
  background-color: #5AC2F5
}
.main-bottom.card {
  border: none;
  margin-top: 65px;
  margin-bottom: 20px;
  background-color: #F7F7F7;
  padding-left: 60px;
  padding-right: 60px;
  border-bottom: var(--card-border-width) solid var(--card-border-color);
}
.bottom-a.card {
  border: none;
  background-color: #F7F7F7;
}
.bottom-b.card {
  border: none;
  background-color: #F7F7F7;
  margin-bottom: 70px;
}
.container-below-top {}
.container-banner {
  margin-bottom: 30px;
}
.container-top-a {
  grid-area: top-a;
  margin-top: 20px;
}
.container-component {
  margin-top: 0px;
  padding-right: var(--padding-standart);
  padding-left: var(--padding-standart);
  background-color: var(--hg-standart);
}
.container-bottom-a {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-right: var(--padding-standart);
  padding-left: var(--padding-standart);
  background-color: var(--hg-standart);
}
.container-bottom-b {
  margin-top: 130px;
  margin-bottom: 60px;
  padding-right: var(--padding-standart);
  padding-left: var(--padding-standart);
  background-color: var(--hg-standart);
}
.container-bottom-youtube {
  margin-top: 130px;
  margin-bottom: 60px;
  padding-right: var(--padding-standart);
  padding-left: var(--padding-standart);
  background-color: var(--hg-standart);
}
.container-bottom-c {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-right: var(--padding-standart);
  padding-left: var(--padding-standart);
}
.container-sidebar-right {
  padding-right: 35px;
  background-color: #F7F7F7;
}
.container-top-pfeil {
  margin-top: 20px;
  /* margin-bottom: 60px; */
  padding-right: 50px;
  padding-left: 50px;
  background-color: var(--hg-standart);
}
.card-header {
  background-color: #F7F7F7;
  border-bottom: "";
  margin-bottom: 10px;
  color: #00365f;
}
.btn-beurself {
  background-color: #13598D;
  color: antiquewhite;
}
.btn-beurself:hover {
  background-color: #548BB4;
}
.button-links {
  margin-bottom: 30px;
  float: left;
}
.button-mitte {
  margin-bottom: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.button-rechts {
  margin-bottom: 30px;
  float: right;
}
.uk-scope .uk-accordion-title {
  display: block;
  font-size: 20px;
  line-height: 1.4;
  color: #007cff;
  overflow: hidden;
}
.footer {
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.uk-scope .uk-grid {
  margin-left: -40px;
}
@media (max-width: 1375px) {
  body {
    background-color: var(--hg-standart);
  }
  .card-header {
    background-color: #FFFFFF;
    border-bottom: "";
    margin-bottom: 10px;
    padding-left: 0;
    color: #00365f;
  }
  .container-topbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .lead-content {
    padding-right: var(--padding-standart-mobile);
    padding-left: var(--padding-standart-mobile);
  }
  .container-component {
    padding-left: var(--padding-standart-mobile);
    padding-right: var(--padding-standart-mobile);
    background-color: var(--hg-standart);
  }
  .container-bottom-a {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: var(--padding-standart-mobile);
    padding-left: var(--padding-standart-mobile);
    background-color: var(--hg-standart);
  }
  .container-bottom-b {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: var(--padding-standart-mobile);
    padding-left: var(--padding-standart-mobile);
    background-color: var(--hg-standart);
  }
  .container-bottom-youtube {
    margin-top: 130px;
    margin-bottom: 10px;
    padding-right: var(--padding-standart-mobile);
    padding-left: var(--padding-standart-mobile);
    background-color: var(--hg-standart);
  }
  .container-bottom-c {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: var(--padding-standart-mobile);
    padding-left: var(--padding-standart-mobile);
  }
  .container-sidebar-right {
    padding-right: "";
    background-color: #FFFFFF;
  }
  .card-body {
    padding: "";
    background-color: #FFFFFF;
  }
  .bottom-b.card {
    border: none;
    background-color: var(--hg-standart);
  }
  .main-bottom.card {
    border: none;
    margin-top: 65px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    padding-left: 0;
    padding-right: 0;
  }
  .bottom-b.card {
    border: none;
    background-color: #FFFFFF;
    margin-bottom: 10px;
  }
}
@media (max-width: 930px) {
  body {
    font-family: 'Barlow';
    font-size: 1.2em;
    font-style: normal;
    font-weight: 300;
    color: #151515;
    padding: 0px;
    background-color: var(--hg-standart);
  }
  h1 {
    font-family: 'Barlow';
    font-size: 2em;
    font-weight: 500;
    color: #00365f;
  }
  h2 {
    font-family: 'Barlow';
    font-size: 1.5em;
    font-weight: 500;
    color: #00365f;
  }
  h3 {
    font-family: 'Barlow';
    font-size: 1.45em;
    font-weight: 500;
    color: #00365f;
  }
  h4 {
    font-family: 'Barlow';
    font-size: 1.4em;
    font-weight: 500;
    color: #00365f;
  }
  h5 {
    font-family: 'Barlow';
    font-size: 1.35em;
    font-weight: 500;
    color: #00365f;
  }
  h6 {
    font-family: 'Barlow';
    font-size: 1.3em;
    font-weight: 500;
    color: #00365f;
  }
  .container-topbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .container-component {
    padding-right: var(--padding-standart-mobile);
    padding-left: var(--padding-standart-mobile);
  }
  .container-sidebar-right {
    padding-right: 0px;
  }
  .container-bottom-a {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 0;
    padding-left: 5px;
  }
  .container-bottom-b {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 0;
    padding-left: 5px;
  }
  .container-bottom-youtube {
    margin-top: 130px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: var(--hg-standart);
  }
  .container-bottom-c {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: var(--padding-standart-mobile);
    padding-left: var(--padding-standart-mobile);
  }
  .top-a.card.wechseltexte {
    display: none;
  }
  .button-links {
    margin-bottom: 30px;
    float: right;
  }
  .button-mitte {
    margin-bottom: 30px;
    float: right;
  }
  .button-rechts {
    margin-bottom: 30px;
    float: right;
  }
}