/* set styles for font */
@font-face {
  font-family: txt-regular;
  src: url('../font/Secuela-Light.ttf');
}
@font-face {
  font-family: txt-bold;
  src: url('../font/Secuela-Medium.ttf');
}

@font-face {
  font-family: mainmenu;
  src: url('../font/Secuela-ExtraBold.ttf');
}
@font-face {
  font-family: title;
  src: url('../font/Secuela-Medium.ttf')
}
@font-face {
  font-family: pez;
  src: url('../font/RobotoCondensed-Light.ttf');
}
@font-face {
  font-family: quote;
  src: url('../font/Secuela-BoldItalic.ttf')
}
* {
  font-family: txt-regular, Helvetica, sans-serif;
}


strong {
  font-family: txt-bold, Helvetica, sans-serif;
  font-weight: 500;
}
.pez {
  font-family: pez, Verdana, Geneva, sans-serif;
  font-stretch: extra-condensed;
}

html {
  font-size: 16px;
}
@media screen and (min-width: 2500px) {
  html {
font-size: 24px;
  }
}

p {
  text-align: justify;
  line-height: 2.4rem;
  font-size: 1.2rem;
}


/**** end fonts ****/


.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


sup {
  font-size: .7em;
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
}


/******** HAUPTMENU ************/
.menu li {
  list-style: none;
}
.hauptmenu {
  text-transform: uppercase;
  font-weight: bold;
}

.hauptmenu a {
  text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
  text-decoration: none;
  font-family: mainmenu;
  font-size: 70px;
  z-index: 7000;
}

@media screen and (max-width: 800px){
  .hauptmenu a {
    text-shadow: -1.5px 1.5px 0 #000, 1.5px 1.5px 0 #000, 1.5px -1.5px 0 #000, -1.5px -1.5px 0 #000;
    text-decoration: none;
    font-family: mainmenu;
    font-size: 35px;
  }

}
.hauptmenu a:link {
  color: white;
}
.hauptmenu a:visited {
  color: white;
}
.hauptmenu a:hover {
  color: black;
}

.hauptmenu a.is-active {
  color: black;
}


/******************* language switcher in header *****************/
#block-languageswitcher ul {
  list-style-type: none;
}
#block-languageswitcher li {
  color: transparent;
  border: solid 1px black;

}
#block-languageswitcher a {
  text-decoration: none;
  text-transform: uppercase;
  color: black;
}
#block-languageswitcher li.is-active {
  display: none;
}
/********* headline *************/


.MK {
  font-family: mainmenu;
  font-size: 1.7rem;
  line-height: 1.4rem;
  letter-spacing: 0.2rem;
  }
.zt {
  font-family: txt-bold;
  font-size: 1.7rem;
  line-height: 1.4rem;
  letter-spacing: 0.2rem;
  }
.subtitle {
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: 0.09rem;
}
.subtitle_en {
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: 0.04rem;
  vertical-align: text-bottom;
}
@media screen and (max-width: 800px){
  .headline h1 {
    text-shadow: -1.5px 1.5px 0 #000, 1.5px 1.5px 0 #000, 1.5px -1.5px 0 #000, -1.5px -1.5px 0 #000;
    text-decoration: none;
    font-family: mainmenu;
    font-size: 35px;
  }
}
/********* CONTENT *************/
body {
}
.ueberschrift {
  text-decoration: none;
  text-transform: uppercase;
  font-family: mainmenu;
  font-size: 70px;
  color: white;
  text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
/****************** P R O J E C T ***** V I E W *****************/

#block-mkzt-where div,
#block-mkzt-units div {
}


.project h3 a {
  font-size: 2rem;
  text-transform: uppercase;
  text-decoration: none;
  color: black;
  background-color: white;
}

/****************** B I O G R A P H Y *****************/
.paragraph--type--biography span:first-child {
  font-size: 1.2em;
  line-height: 2.4rem;
  font-weight: bold;
}

.biography a {
  text-transform: uppercase;
  font-size: 2.4rem;
  text-decoration: none;
  color: black;
  font-family: txt-bold;
}

.vorgestellt p {
  line-height: 1;
  font-size: 2rem;
}
.DI {
  background-color: white;
}

#hochgestellt {
  font-size: .7em;
  position: relative;
  top: -0.7rem;
  vertical-align: baseline;
  z-index: 20;
}

/****************** BACK TO TOP BUTTON *****************************/