.body{
  overflow-y: hidden;
}
.reiterleiste{
overflow: hidden;
align-self:start;
    
}
.linkspfeil{
width:20px
}
.top6-grid {
  display: grid;
	grid-template-columns: 4.167vw repeat(6,15.05vw) 4.167vw 17px;
	grid-template-rows:  repeat(7,4.2vw);
	width: 100vw;
	height: 29.4vw;
  background-color: #ffffff;
}
.headlinereiter {
  grid-area: 2 / 2 / span 3 / span 6;
  text-align:center;
  align-self:center;
  justify-self:center;
}
.einsReiter{
  grid-area: 6 / 2 / span 1 / span 1;
}
.zweiReiter{
  grid-area: 6 / 3 / span 1 / span 1;
}
.dreiReiter{
  grid-area: 6 / 4 / span 1 / span 1;
}
.vierReiter{
  grid-area: 6 / 5 / span 1 / span 1;
}
.fuenfReiter{
  grid-area: 6 / 6 / span 1 / span 1;
}
.sechsReiter{
  grid-area: 6 / 7 / span 1 / span 1;
}
.einsReiter, .zweiReiter, .dreiReiter, .vierReiter, .fuenfReiter, .sechsReiter {
  background-color: transparent;
  cursor: pointer;
}
.einsReiter p, .zweiReiter p, .dreiReiter p, .vierReiter p, .fuenfReiter p, .sechsReiter p {
  text-align: center;
  margin-top: 0.7vw;
}
.einsReiter p{
color: #003CF5;
}
.sechsreiter_active1 {
  grid-area: 6 / 2 / span 1 / span 1;
}
.sechsreiter_active2 {
  grid-area: 6 / 3 / span 1 / span 1;
}
.sechsreiter_active3 {
  grid-area: 6 / 4 / span 1 / span 1;
}
.sechsreiter_active4 {
  grid-area: 6 / 5 / span 1 / span 1;
}
.sechsreiter_active5 {
  grid-area: 6 / 6 / span 1 / span 1;
}
.sechsreiter_active6 {
  grid-area: 6 / 7 / span 1 / span 1;
}
.sechsreiter_active1{
  background-color: #003CF5;
  width: 100%;
  height: 2px;
  align-self: end;
  display: block;
}
.sechsreiter_active2, .sechsreiter_active3, .sechsreiter_active4, .sechsreiter_active5, .sechsreiter_active6 {
  background-color: #003CF5;
  width: 100%;
  height: 2px;
  align-self: end;
  display: none;
}
.sechsreiter_hover1 {
  grid-area: 6 / 2 / span 1 / span 1;
}
.sechsreiter_hover2 {
  grid-area: 6 / 3 / span 1 / span 1;
}
.sechsreiter_hover3 {
  grid-area: 6 / 4 / span 1 / span 1;
}
.sechsreiter_hover4 {
  grid-area: 6 / 5 / span 1 / span 1;
}
.sechsreiter_hover5 {
  grid-area: 6 / 6 / span 1 / span 1;
}
.sechsreiter_hover6 {
  grid-area: 6 / 7 / span 1 / span 1;
}
.sechsreiter_hover1, .sechsreiter_hover2, .sechsreiter_hover3, .sechsreiter_hover4, .sechsreiter_hover5, .sechsreiter_hover6 {
  background-color: #003CF5;
  width: 100%;
  height: 2px;
  align-self: end;
  display: none;
}

.sechsreiter-container {
  display: grid;
	grid-template-columns: auto 42.5vw 5vw 42.5vw auto 17px;
	grid-template-rows:  5vw 39vw 5vw 5vw;
	width: 100vw;
	height: 49.6vw;
  background-color: #ffffff;
}
.sechsreiter-kasten{
    grid-area: 1 / 1 / span 3 / span 6;
    background-color: #73dcff;
}
.links_sechsreiter1{
  grid-area: 3 / 2 / span 1 / span 9;
  margin-top:-2vw;
  align-self:center;
}
.links_sechsreiter1 h3{
font-size:10vw;
}
.links_sechsreiter2{
  grid-area: 3 / 14 / span 1 / span 9;
  align-self:center;
}
.kasten-links2 h3{
 font-size: 5vw;
}
.rechts_sechsreiter1{
  grid-area: 2 / 4 / span 1 / span 1;
  display:block;
  margin-top:-1vw;
}
.rechts_sechsreiter2, .rechts_sechsreiter3, .rechts_sechsreiter4, .rechts_sechsreiter5, .rechts_sechsreiter6{
  grid-area: 2 / 4 / span 1 / span 1;
  display:none;
  margin-top:-1vw;
}
.rechts_sechsreiter1, .rechts_sechsreiter2, .rechts_sechsreiter3, .rechts_sechsreiter4, .rechts_sechsreiter5, .rechts_sechsreiter6{
align-self:center;
}
.links_sechsreiter1{
  grid-area: 2 / 2 / span 1 / span 1;
  display:block;
  margin-top:2vw;
  align-self: center;
}
.links_sechsreiter2, .links_sechsreiter3, .links_sechsreiter4, .links_sechsreiter5, .links_sechsreiter6{
  grid-area: 2 / 2 / span 1 / span 1;
  display:none;
  margin-top:2vw;
  align-self: center;
}
.linkspfeil{
  grid-area: 6 / 2 / span 1 / span 1;
  content: url(https://images.visi-one.com/hubfs/07-22/linkspfeil.svg);
  align-self: center;
  justify-self: end;
  max-width::1.5vw;
  margin-bottom: 1vw;
  background-color:#ffffff;
     display:none;
}
.rechtspfeil{
  grid-area: 6 / 8 / span 1 / span 1;
  content: url(https://images.visi-one.com/hubfs/07-22/rechtspfeil.svg);
  align-self: center;
  justify-self: start;
  margin-bottom: 1vw;
  max-width::1.5vw;
  background-color:#ffffff;
  display:none;
  width: 20px;
}
.linkspfeil :hover, .rechtspfeil :hover {
cursor: pointer;
}

.einsreiter p:hover, .einsreiter p:active, .einsreiter p:focus, .einsreiter p:focus-within{
      color: #003CF5;
      text-decoration: none;
}
.zweireiter p:hover, .zweireiter p:active, .zweireiter p:focus, .zweireiter p:focus-within{
      color: #003CF5;
      text-decoration: none;
}
.dreireiter p:hover, .dreireiter p:active, .dreireiter p:focus, .dreireiter p:focus-within{
      color: #003CF5;
      text-decoration: none;
}
.vierreiter p:hover, .vierreiter p:active, .vierreiter p:focus, .vierreiter p:focus-within{
      color: #003CF5;
      text-decoration: none;
}
.fuenfreiter p:hover, .fuenfreiter p:active, .fuenfreiter p:focus, .fuenfreiter p:focus-within{
      color: #003CF5;
      text-decoration: none;
}
.sechsreiter p:hover, .sechsreiter p:active, .sechsreiter p:focus, .sechsreiter p:focus-within{
      color: #003CF5;
      text-decoration: none;
}
.s_aktiv1 {
  grid-area: 6 / 2 / span 1 / span 1;
  background-color: #ebfaff;
  width: 100%;
  display: block;
}
.s_aktiv2 {
  grid-area: 6 / 3 / span 1 / span 1;
  background-color: #ebfaff;
  width: 100%;
  display: none;
}
.s_aktiv3 {
  grid-area: 6 / 4 / span 1 / span 1;
  background-color: #ebfaff;
  width: 100%;
  display: none;
}
.s_aktiv4 {
  grid-area: 6 / 5 / span 1 / span 1;
  background-color: #ebfaff;
  width: 100%;
  display: none;
}
.s_aktiv5 {
  grid-area: 6 / 6 / span 1 / span 1;
  background-color: #ebfaff;
  width: 100%;
  display: none;
}
.s_aktiv6 {
  grid-area: 6 / 7 / span 1 / span 1;
  background-color: #ebfaff;
  width: 100%;
  display: none;
}

@media(min-width: 1400px) {
  .top6-grid {
	grid-template-columns: auto repeat(6,215px) auto 17px;
	grid-template-rows:  repeat(7,59px);
    width: 100vw;
	height: 413px;
    max-height: auto;
}
  .sechsreiter-container {
	grid-template-columns: auto 611.8px 58.8px 611.8px auto 17px;
	grid-template-rows:  56px 580px 56px 56px;
    height: 748px;
        max-height: auto;
}
}
  
@media(max-width: 900px) {
.einsReiter p, .zweiReiter p, .dreiReiter p, .vierReiter p, .fuenfReiter p, .sechsReiter p {
  font-size: 1.5vw;
}
}
  
 @media(max-width: 550px) {
.top6-grid {
	grid-template-columns: 5vw 4vw 5vw repeat(3, 24vw) 5vw 4vw 5vw 17px;
	grid-template-rows:  repeat(4, 4.2vw) 15vw 8vw repeat(3,1.7vw);
  height:auto;
}
   .rechtspfeil{
  display:block;
}
.einsReiter, .sechsreiter_active1, .sechsreiter_hover1, .s_aktiv1 {
  grid-area: 6 / 4 / span 1 / span 1;
}
.zweiReiter, .sechsreiter_active2, .sechsreiter_hover2, .s_aktiv2 {
  grid-area: 6 / 5 / span 1 / span 1;
}
.dreiReiter, .sechsreiter_active3, .sechsreiter_hover3, .s_aktiv3 {
  grid-area: 6 / 6 / span 1 / span 1;
}
.vierReiter, .sechsreiter_active4, .sechsreiter_hover4, .s_aktiv4{
  grid-area: 6 / 4 / span 1 / span 1;
  display:none;
}
.fuenfReiter, .sechsreiter_active5, .sechsreiter_hover5, .s_aktiv5 {
  grid-area: 6 / 5 / span 1 / span 1;
  display:none;
}
.sechsReiter, .sechsreiter_active6, .sechsreiter_hover6, .s_aktiv6 {
  grid-area: 6 / 6 / span 1 / span 1;
  display:none;
}
.einsReiter p, .zweiReiter p, .dreiReiter p, .vierReiter p, .fuenfReiter p, .sechsReiter p {
  font-size: 12px;
  margin-top: 5px;
}
   .headlinereiter {
   margin-top: 10vw;
   }
/*   .vierReiter, .fuenfReiter, .sechsReiter {
   background-color: #aaebff;
   }
   * .top6-grid {
	grid-template-columns: 4vw repeat(6,14.7vw) 4vw 17px;
	grid-template-rows:  repeat(3,4vw)2vw 6vw 7vw 4vw;
	height: 31vw;
}*/
   
   .sechsreiter-container {
	grid-template-columns: 4vw auto 4vw 17px;
	grid-template-rows:  24fr 88vw 24fr auto 24fr 24fr;
	height: 192.8vw;
  background-color: #ffffff;
}
   .rechts_sechsreiter1, .rechts_sechsreiter2, .rechts_sechsreiter3, 
   .rechts_sechsreiter4, .rechts_sechsreiter5, .rechts_sechsreiter6 {
     grid-area: 2 / 2 / span 1 / span 1;
   }
   .links_sechsreiter1, .links_sechsreiter2, .links_sechsreiter3, 
.links_sechsreiter4, .links_sechsreiter5, .links_sechsreiter6 {
       grid-area: 4 / 2 / span 1 / span 1;
  height: auto;
   }
   .sechsreiter-kasten{
    grid-area: 1 / 1 / span 5 / span 6;
}
}