.empty { 
color: black;
}

.empty:hover {
color: black;
transition-duration: 0.1s;
}

.postit {
color: black;
}


a:link {
/* color: #ffe828; */
color: black;
cursor:pointer;
text-decoration: none;
}

a:visited {
color: black;
cursor:pointer;

}

a:hover {
color: black;
cursor:pointer;
text-decoration: none;
}


@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/neu/fonts/400.woff2') format('woff2'),
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/neu/fonts/500.woff2') format('woff2'),
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/neu/fonts/600.woff2') format('woff2'),
}

@media screen and (max-width:920px) {

/* Small */

.grid-container {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto auto auto auto;
grid-template-areas: "Nav1" "Top";

}

.Nav1 { 
grid-area: Nav1; 
display: none;
width: 100%;
}

.Navx { 
grid-area: Nav1; 
width: 100%;
}


.Nav2 {
grid-area: Nav2;
overflow: auto;
width: 270px;
}

.Top { 
grid-area: Top; 
background: white;
width: 100%; 
}

.Bottom { 
grid-area: Bottom; 
background: yellow; 
}

.imgresp {
  width: 99%;
  height: auto;
  opacity: 0;
  transition: opacity 0.9s ease-out;
  /* , transform 0.9s ease-out; */
}

/* Sichtbar wenn ins Sichtfeld gescrollt */
.imgresp.visible {
  opacity: 1;
  /* transform: translateY(0); */
}



.menux { 
}

.menupunkt { 
float: left;
width:100%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:27px;
letter-spacing: 0.0366667px;
font-weight: 600;
color: black;
line-height: 30px; 
}

.menupunkt2 { 
float: left;
width:100%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:27px;
letter-spacing: 0.0366667px;
font-weight: 600;
color: black;
line-height: 30px;
}

.leerzeile { 
float: left;
width:100%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0366667px;
font-weight: 500;
color: rgb(150, 150, 150);
line-height: 21px;
}

.standtext { 
font-family: 'Hanken Grotesk', sans-serif;
font-size:16px;
letter-spacing: 0.0666667px;
font-weight: 400;
color: black;
line-height: 19px;
}

.green { 
font-family: 'Hanken Grotesk', sans-serif;
font-size:14px;
letter-spacing: 0.0666667px;
font-weight: 400;
color: #b5cf00;
line-height: 18px;
}

.menupunkt:hover {
color: rgb(90, 90, 90);
}

 
.title {
font-family: 'Hanken Grotesk', sans-serif;
font-size:27px;
width:100%;
letter-spacing: 0.0366667px;
font-weight: 600;
line-height: 32px;
color: #b5cf00;
}

.title1 {
font-family: 'Hanken Grotesk', sans-serif;
font-size:16px;
width:100%;
letter-spacing: 0.0366667px;
font-weight: 600;
line-height: 19px;
color: black;
}

}



@media screen and (min-width:920px) and (max-width: 1550px) {

/* ******************** Mid ******************** */



.grid-container {
display: grid;
grid-template-columns: 25% 75%;
grid-template-areas: "Nav1 Top" ;
position: relative;
top:10px;
left:10px;
width: 100%;
z-index: 11;
align-items: top;
justify-items: left; 
}


.Nav1 { 
grid-area: Nav1; 
position: fixed;
background: white;
width: 24%;
}



.Navx { 
display: none;
}



.Top { 
grid-area: Top; 
background: white; 
width: calc(100% - 20px);
}



.imgresp {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.9s ease-out;
  /* , transform 0.9s ease-out; */
}

/* Sichtbar wenn ins Sichtfeld gescrollt */
.imgresp.visible {
  opacity: 1;
  /* transform: translateY(0); */
}

.respon {
opacity: 0.5;
}

.respon:hover {
opacity: 0.9;  
}

.menupunkt { 
float: left;
width:90%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:30px;
letter-spacing: 0.0366667px;
font-weight: 500;
color: black;
line-height: 34px;
}

.menupunkt2 { 
float: left;
width:90%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:30px;
letter-spacing: 0.0366667px;
font-weight: 500;
color: black;
line-height: 34px;
}

.leerzeile { 
float: left;
width:100%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0366667px;
font-weight: 500;
color: rgb(150, 150, 150);
line-height: 21px;
}

.standtext { 
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0666667px;
font-weight: 400;
color: black;
line-height: 21px;
width: 100%; 
}

.green { 
font-family: 'Hanken Grotesk', sans-serif;
font-size:15px;
letter-spacing: 0.0666667px;
font-weight: 400;
color: #b5cf00;
line-height: 19px;
}

.menupunkt:hover {
color: black;
}

.logo {
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0366667px;
font-weight: 500;
line-height: 21px;
/*color: rgb(100, 100, 100); */
color: rgb(255, 0, 0);
/*  color: GoldenRod  ; */
}
 
.title {
font-family: 'Hanken Grotesk', sans-serif;
font-size:30px;
letter-spacing: 0.0366667px;
font-weight: 500;
line-height: 34px;
color: #b5cf00;
}

.title1 {
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0366667px;
font-weight: 500;
line-height: 21px;
color: black;
}
}


@media screen and (min-width:1550px) {

/* super Large */

.grid-container {
display: grid;
grid-template-columns: 30% 70%;
grid-template-areas: "Nav1 Top" ;
position: relative;
top:10px;
left:10px;
width: 100%;
z-index: 11;
align-items: top;
justify-items: left; 
}


.Nav1 { 
grid-area: Nav1; 
position: fixed;
background: white;
width: 24%;
}


.Top { 
grid-area: Top; 
background: white; 
width: calc(100% - 20px);
}


.imgresp {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.9s ease-out;
  /* , transform 0.9s ease-out; */
}

/* Sichtbar wenn ins Sichtfeld gescrollt */
.imgresp.visible {
  opacity: 1;
  /* transform: translateY(0); */
}

.respon {
opacity: 0.5;
}

.respon:hover {
opacity: 0.9;  
}

.menupunkt { 
float: left;
width:90%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:30px;
letter-spacing: 0.0366667px;
font-weight: 500;
color: black;
line-height: 34px;
}

.menupunkt2 { 
float: left;
width:90%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:30px;
letter-spacing: 0.0366667px;
font-weight: 500;
color: black;
line-height: 34px;
}

.leerzeile { 
float: left;
width:100%;
height:auto;
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0366667px;
font-weight: 500;
color: rgb(150, 150, 150);
line-height: 21px;
}

.standtext { 
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0666667px;
font-weight: 400;
color: black;
line-height: 21px;
width: 100%; 
}

.green { 
font-family: 'Hanken Grotesk', sans-serif;
font-size:15px;
letter-spacing: 0.0666667px;
font-weight: 400;
color: #b5cf00;
line-height: 19px;
}

.menupunkt:hover {
color: black;
}

.logo {
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0366667px;
font-weight: 600;
line-height: 21px;
/*color: rgb(100, 100, 100); */
color: rgb(255, 0, 0);
/*  color: GoldenRod  ; */
}
 
.title {
font-family: 'Hanken Grotesk', sans-serif;
font-size:30px;
letter-spacing: 0.0366667px;
font-weight: 600;
line-height: 34px;
color: #b5cf00;
}

.title1 {
font-family: 'Hanken Grotesk', sans-serif;
font-size:17px;
letter-spacing: 0.0366667px;
font-weight: 500;
line-height: 21px;
color: black;
}
}