.fullwidthsection {
  margin-left: -5px!important;
  margin-right: -5px!important;
}

@media (min-width: 600px) {
  .fullwidthsection {
    margin-left: -50px!important;
    margin-right: -50px!important;
  }
}

.team-boxed .item .box {
  text-align: center;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 30px;
  min-height: 600px;
  border: 1px solid #F5933D;
}

.team-boxed .item {
  text-align: center;
}

.team-boxed .item .name {
  font-weight: bold;
  margin-top: 28px;
  margin-bottom: 8px;
}

.team-boxed .item .title {
  text-transform: uppercase;
  font-weight: bold;
  color: #F5933D;
  letter-spacing: 2px;
  font-size: 13px;
}

.team-boxed .people {
  padding: 50px 0;
}

.team-boxed .intro p {
  margin-bottom: 0;
}

.team-boxed .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.team-boxed .item .title {
  text-transform: uppercase;
  font-weight: 500;
  color: #F5933D;
  letter-spacing: 2px;
  font-size: 13px;
}

.team-boxed .item .description {
  /*font-size: 15px;*/
  margin-top: 15px;
  margin-bottom: 20px;
}

.team-boxed .item img {
  max-width: 160px;
}

@media (min-width: 992px) {
  .membersip-pricing-cta {
    margin-top: -40px!important;
    margin-left: -20px!important;
    margin-bottom: 20px!important;
    margin-right: 20px!important;
  }
}

@media (max-width: 600px) {
  #werde-mitglied-cta {
    background: none!important;
  }
}

.big-font {
  font-size: 6rem;
  margin-bottom: 0px;
}

@media (min-width: 576px) {
  .big-font {
    font-size: 10rem;
    margin-bottom: -10px;
  }
}

@media (min-width: 768px) {
  .big-font {
    font-size: 12rem;
    margin-bottom: -15px;
  }
}

@media (min-width: 992px) {
  .big-font {
    font-size: 20rem;
    margin-bottom: -30px;
  }
}

@media (min-width: 1200px) {
  .big-font {
    font-size: 20rem;
    margin-bottom: -30px;
  }
}

@media (max-width: 992px) {
  .cafe-highlights {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
  }
}

.controls-carousel {
  display: none!important;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #f5933d;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: #323232;
  --bs-nav-link-hover-color: #000000;
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.magazine-section {
  display: flex;
  padding: 0px 20px;
  min-height: 120vh;
  flex-direction: row;
  justify-content: center;
}

.magazine-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 12px;
  width: 100%;
  max-width: 1400px;
}

@media (max-width: 992px) {
  .magazine-container {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-template-rows: unset;
  }
}

@media (max-width: 768px) {
  .magazine-container {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-rows: unset;
  }
}

.grid-item {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

@media (max-width: 992px) {
  .magazine-container .grid-item {
    grid-column: span 1!important;
    grid-row: span 1 !important;
  }
}

@media (max-width: 768px) {
  .magazine-container .grid-item {
    grid-column: span 1!important;
    grid-row: span 1 !important;
    height: 300px;
  }
}

@media (max-width: 992px) {
  .grid-item.img-1, .grid-item.img-4, .grid-item.fact-2 {
    grid-column: span 2 !important;
    grid-row: span 1 !important;
  }
}

@media (max-width: 768px) {
  .grid-item.img-1, .grid-item.img-4, .grid-item.fact-2 {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
}

.grid-item.img-2 {
  grid-column: span 3;
}

.grid-item.img-1 {
  grid-column: span 3;
  grid-row: span 2;
}

.grid-item.fact-1 {
  grid-column: span 1;
  grid-row: span 1;
}

.grid-item.img-3 {
  grid-column: span 2;
}

.grid-item.img-4 {
  grid-column: span 2;
  grid-row: span 2;
}

.grid-item.img-5 {
  grid-column: span 1;
}

.grid-item.fact-2 {
  grid-column: span 2;
}

.grid-item.img-6 {
  grid-column: span 1;
}

.grid-item.fact-3 {
  grid-column: span 1;
}

.grid-item.img-7 {
  grid-column: span 2;
}

.grid-item.img-8 {
  grid-column: span 1;
}

.grid-item.img-9 {
  grid-column: span 2;
}

.grid-item.img-10 {
  grid-column: span 1;
}

.grid-item.img-11 {
  grid-column: span 1;
}

.fact-item {
  background: #e4e2e1;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

.fact-3 {
  background: #1f1f1f;
}

.lehrer-column {
  position: relative;
}

.lehrer-column .fade-overlay {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 30%;
  pointer-events: none;
  background: linear-gradient( to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) );
}

.lehrer-column .fade-overlay2 {
  position: absolute;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  pointer-events: none;
  background: linear-gradient( to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) );
}

:root, [data-bs-theme=light] {
  --bs-border-radius: 1rem;
}

