@charset "UTF-8";
/* 
Changelog
	19,v1 	Anpassungen ab annettespiro,v8
	21,v1	Zusatz-Dokumente in Template standard, semester
*/
/* Variabeln */
/*	$fontsize-1: 3.2rem/1.25;	// Navi
	$fontsize-2: 2.0rem/1.25;	// Titel Article
	$fontsize-3: 1.8rem/1.25;	// Vorschau Article
	$fontsize-4: 2.2rem/1.25;	// Lauftext Article	*/
/* Basics */
@font-face {
  font-family: 'Bonbrun Display';
  src: url("../webfonts/bonbrun-display06-webfont.woff2") format("woff2"), url("../webfonts/bonbrun-display06-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  font-size: 62.5%;
  overflow-y: scroll;
  background-color: white; }

.raster-x30 main {
  min-height: 90vh;
  background-image: url("../img/raster-30.svg"); }

body {
  font-family: 'TheinhardtRegular', sans-serif;
  line-height: 1.15;
  min-height: 100vh; }

img {
  width: 100%;
  height: auto; }

h1, h2, h3 {
  font-weight: normal; }

main {
  background-size: 100%;
  background-position: center center;
  background-repeat: repeat-y;
  margin: 0 1vw; }

footer {
  position: fixed;
  width: 100vw;
  bottom: 0;
  padding: 1vw 2vw 1vw 1vw;
  border-top: 0.15rem solid black;
  background-color: white;
  font-size: 2.5rem;
  min-height: 6.0rem; }
  footer .logo-klein {
    position: fixed;
    right: 1.2vw;
    bottom: 1.2vw;
    width: 6.5333333333vw; }

.type-standard footer {
  display: none; }

.block {
  width: 3.2666666667vw;
  height: 3.2666666667vw; }

.download-pdf {
  font-family: 'Bonbrun Display';
  font-size: 1.5rem; }

nav {
  font-family: 'Bonbrun Display', TheinhardtRegular, sans-serif;
  font-style: normal;
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 3.2666666667vw;
  position: fixed;
  left: 0;
  top: 0;
  padding: 1vw 2vw 0.66vw 1vw;
  width: 100vw;
  background-color: white;
  border-bottom: 0.15rem solid black;
  z-index: 200; }
  nav ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    list-style-type: none; }
    nav ul li {
      flex: 0 1 auto;
      order: 2; }
    nav ul li.selected > a {
      opacity: 0.5; }
  nav .fusszeile {
    display: none; }

body.aktuell, body.aktuell nav, body.aktuell footer, body.lehre, body.lehre nav, body.lehre footer, body.home, body.home nav, body.home footer {
  background-color: #ebebeb !important; }

body.archiv-zeigen aside.archiv ul {
  display: block !important; }

body.archiv-zeigen article.inhalt-vorschau.archiviert {
  display: block !important; }

body.subpage {
  background-color: white; }
  body.subpage nav ul ul {
    display: none; }
  body.subpage .submenu,
  body.subpage .mitarbeiter {
    font-family: 'Bonbrun Display';
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.2;
    position: fixed;
    top: 7.6rem; }
    body.subpage .submenu ul,
    body.subpage .mitarbeiter ul {
      display: flex;
      flex-flow: column nowrap;
      list-style: none; }
      body.subpage .submenu ul a,
      body.subpage .mitarbeiter ul a {
        color: black;
        text-transform: uppercase; }
      body.subpage .submenu ul a:hover, body.subpage .submenu ul li.selected > a,
      body.subpage .mitarbeiter ul a:hover,
      body.subpage .mitarbeiter ul li.selected > a {
        color: #b3b2b3; }
      body.subpage .submenu ul a.active,
      body.subpage .mitarbeiter ul a.active {
        color: #b3b2b3 !important; }
      body.subpage .submenu ul a.active ~ a,
      body.subpage .mitarbeiter ul a.active ~ a {
        color: black !important; }
      body.subpage .submenu ul .semester,
      body.subpage .mitarbeiter ul .semester {
        display: inline-block;
        width: 3em; }
      body.subpage .submenu ul span,
      body.subpage .mitarbeiter ul span {
        display: inline-block;
        width: 1.33em; }
      body.subpage .submenu ul li,
      body.subpage .mitarbeiter ul li {
        flex: 0 1 auto;
        order: 2;
        list-style-type: none;
        color: #b3b2b3; }
      body.subpage .submenu ul li.visited,
      body.subpage .mitarbeiter ul li.visited {
        order: 1;
        color: #696763; }
    body.subpage .submenu ul li,
    body.subpage .mitarbeiter ul li {
      padding: 0.33em 0; }
    body.subpage .submenu ul ul li,
    body.subpage .mitarbeiter ul ul li {
      padding-bottom: 0; }
    body.subpage .submenu ul ul li + li,
    body.subpage .mitarbeiter ul ul li + li {
      padding-top: 0; }
    body.subpage .submenu ul.sub,
    body.subpage .mitarbeiter ul.sub {
      border-top: 0.1rem solid #888;
      margin-top: 0.33em;
      padding-top: 0.2em; }
    body.subpage .submenu .archiv,
    body.subpage .mitarbeiter .archiv {
      padding-left: 1.75em; }
    body.subpage .submenu .archiv *,
    body.subpage .mitarbeiter .archiv * {
      font-size: 1.4rem;
      line-height: 1.6; }
    body.subpage .submenu .archiv h6,
    body.subpage .mitarbeiter .archiv h6 {
      padding-top: 0.33em;
      cursor: pointer;
      color: black;
      text-transform: uppercase;
      font-weight: normal; }
    body.subpage .submenu .archiv svg,
    body.subpage .mitarbeiter .archiv svg {
      margin-bottom: 0.2em;
      margin-right: 1.66em; }
    body.subpage .submenu .archiv ul,
    body.subpage .mitarbeiter .archiv ul {
      display: none; }
    body.subpage .submenu .archiv span,
    body.subpage .mitarbeiter .archiv span {
      min-width: 1.5em; }
    body.subpage .submenu .archiv h6, body.subpage .submenu .archiv span + span + span,
    body.subpage .mitarbeiter .archiv h6,
    body.subpage .mitarbeiter .archiv span + span + span {
      letter-spacing: 0.025em; }
    body.subpage .submenu .ohne-sem,
    body.subpage .mitarbeiter .ohne-sem {
      color: black; }
    body.subpage .submenu .ohne-sem:before,
    body.subpage .mitarbeiter .ohne-sem:before {
      content: '– '; }
    body.subpage .submenu .ohne-sem a,
    body.subpage .mitarbeiter .ohne-sem a {
      text-transform: none;
      letter-spacing: none; }
  body.subpage.seminarwochen .submenu ul li {
    padding-bottom: 0; }
  body.subpage .inhalt-vorschau {
    margin-left: 29.4vw;
    width: 42.4666666667vw;
    margin-bottom: 3.2666666667vw; }
    body.subpage .inhalt-vorschau.archiviert {
      display: none; }
    body.subpage .inhalt-vorschau .titel {
      margin-bottom: 1.0rem; }
    body.subpage .inhalt-vorschau .uebersicht {
      clear: both; }
    body.subpage .inhalt-vorschau .download-pdf {
      float: right;
      display: inline-block;
      text-align: right;
      margin-bottom: 1.0rem; }
      body.subpage .inhalt-vorschau .download-pdf svg {
        display: inline-block;
        vertical-align: text-top;
        fill: #cecdce; }
    body.subpage .inhalt-vorschau p {
      font-family: 'TheinhardtRegular';
      font-size: 1.5rem;
      text-align: justify;
      margin-bottom: 1.0rem;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      -webkit-hyphenate-before: 2;
      -webkit-hyphenate-after: 3;
      hyphenate-limit-lines: 3; }
  body.subpage .anzeige .content-text, body.subpage .anzeige .poster, body.subpage .anzeige .bildgalerie {
    width: 39.2vw;
    margin-bottom: 1vw;
    float: left; }
    body.subpage .anzeige .content-text p, body.subpage .anzeige .poster p, body.subpage .anzeige .bildgalerie p {
      font-family: 'TheinhardtRegular';
      font-size: 1.8rem;
      text-align: justify;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
      -webkit-hyphenate-before: 2;
      -webkit-hyphenate-after: 3;
      hyphenate-limit-lines: 3;
      line-height: 1.15;
      margin-bottom: 1em; }
    body.subpage .anzeige .content-text h2, body.subpage .anzeige .poster h2, body.subpage .anzeige .bildgalerie h2 {
      font-size: 1.8rem;
      margin-bottom: 1em; }
  body.subpage .anzeige img.poster {
    float: right; }
  body.subpage .anzeige div.poster, body.subpage .anzeige .bildgalerie {
    float: right;
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 2em;
         column-gap: 2em; }
    body.subpage .anzeige div.poster img, body.subpage .anzeige .bildgalerie img {
      width: 100%;
      height: auto;
      margin-bottom: 2em;
      float: none; }
  body.subpage .anzeige img {
    width: 39.2vw;
    float: right;
    margin-bottom: 1vw; }
  body.subpage .anzeige .zusatz {
    text-align: right;
    margin-bottom: 1em;
    line-height: 1.6;
    width: 39.2vw;
    float: right; }
    @media screen and (max-width: 800px) {
      body.subpage .anzeige .zusatz {
        width: 100%; } }
    body.subpage .anzeige .zusatz svg {
      position: relative;
      top: -0.1em; }
  body.subpage footer .back-top {
    display: none; }

.aktuell .start-bild {
  margin-left: 13.0666666667vw;
  width: 75.1333333333vw;
  text-align: center;
  font-size: 2.5rem; }
  .aktuell .start-bild * {
    margin: 1em 0; }
  .aktuell .start-bild h1 {
    margin: 0 auto;
    font-size: 6vw;
    width: 18vw;
    font-family: 'Bonbrun Display';
    font-style: normal; }

body.home .start-bild {
  margin-left: 39.2vw;
  width: 22.8666666667vw; }

body.home img.quer {
  width: 22.8666666667vw;
  margin: 0;
  padding: 0; }

body.home img.hoch {
  width: 16.3333333333vw;
  margin: 0;
  margin-left: 3.2666666667vw;
  padding: 0; }

body.home nav {
  background-color: white !important; }

body.home footer {
  /*
			position: fixed;
			bottom: 1vw;
			margin-left: 1vw;
			margin-right: 1vw;
			width: 98vw;
			font-size: $fontsize-1; 		*/
  height: 6.4vw;
  background-color: white !important; }
  body.home footer ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    list-style-type: none;
    width: 45.7333333333vw;
    position: absolute;
    bottom: 1vw; }
    body.home footer ul li {
      flex: 0 1 auto;
      font-size: 1.4rem;
      white-space: nowrap; }
  body.home footer .logo-gross {
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    width: 13.0666666667vw; }

.lehrstuhl {
  display: none; }

.startseite.neu footer {
  min-height: auto; }

.startseite.neu .lehrstuhl {
  display: block;
  font-size: 1.5rem; }
  .startseite.neu .lehrstuhl span {
    display: inline-block;
    margin-right: 2em; }

.startseite.neu .monat h4 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  word-spacing: 0.02em; }

/* Desktop */
@media screen and (min-width: 800px) {
  .startseite.neu {
    /* Horizonal-Scroll */
    /* Timeline */
    background-color: #e8e8e8; }
    .startseite.neu html, .startseite.neu body {
      background-color: #e8e8e8 !important; }
    .startseite.neu main {
      margin-left: 0;
      margin-right: 0;
      padding-left: 2vw; }
    .startseite.neu .submenu {
      display: none; }
    .startseite.neu img {
      width: auto;
      height: auto; }
    .startseite.neu h4.kein-bild {
      margin-top: 1em; }
    .startseite.neu nav {
      z-index: 100; }
    .startseite.neu main {
      padding: 0; }
    .startseite.neu .horizontal {
      height: 100vh;
      padding: 3.9vw 0;
      overflow-y: auto; }
    .startseite.neu .horizontal, .startseite.neu .monat {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row; }
    .startseite.neu .monat, .startseite.neu .monat article {
      flex: 0 0 auto; }
    .startseite.neu .monat article {
      width: 28vw;
      margin: 0 1vw; }
    .startseite.neu .monat article + article {
      margin: 0 0.5vw; }
    .startseite.neu .monat article img {
      width: 100%; }
    .startseite.neu .monat h4 {
      padding-top: 0.33em;
      font-weight: normal;
      text-transform: uppercase; }
    .startseite.neu .content-text {
      display: block; }
    .startseite.neu .monat {
      position: relative;
      padding-bottom: 3em; }
    .startseite.neu .monat h3 {
      position: absolute;
      display: block;
      left: 0;
      height: 2.25em;
      bottom: 4vmin;
      background-color: white;
      border: 2px solid black;
      border-right: none;
      padding: 0.5em 1vw 0 1vw;
      padding-bottom: 1vw;
      width: 100%;
      text-transform: uppercase; }
    .startseite.neu .monat:first-child h3 {
      border-left: none; }
    .startseite.neu .datum {
      display: none; }
    .startseite.neu footer {
      border: none !important; }
    .startseite.neu footer {
      padding-top: 5.0vw;
      background-color: white !important; }
    .startseite.neu h3 {
      z-index: 100; } }

@media screen and (min-width: 1600px) {
  .startseite.neu div.horizontal {
    padding-top: 5.0rem; } }

/* Smartphone */
@media screen and (max-width: 800px) {
  .startseite.neu main {
    padding-top: 27vw; }
  .startseite.neu .monat h3 {
    display: none; }
  .startseite.neu article {
    padding-bottom: 3vw;
    font-size: 1.4rem; }
  .startseite.neu article img {
    margin-bottom: 1.5vw; }
  .startseite.neu .datum {
    border-top: 0.1rem solid black;
    padding: 1.98vw 0;
    font-family: 'Bonbrun Display', TheinhardtRegular, sans-serif;
    font-style: normal;
    font-size: 1.6rem;
    text-transform: uppercase; }
  .startseite.neu .monat:first-child article:first-of-type h2 {
    border-top: none !important; }
  .startseite.neu:not(.showmenu) nav > ul {
    padding: 0 3vw !important;
    border: none !important; } }

body.lehre .download-pdf svg {
  fill: white !important; }

body.team .team-eintrag {
  margin-left: 42.4666666667vw;
  font-size: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start; }

body.team img.portrait {
  width: 13.0666666667vw !important;
  margin: 0;
  padding: 0;
  float: left; }

body.team .person {
  max-width: 36vw !important;
  margin-left: 6.5333333333vw;
  display: block;
  padding-bottom: 1.0rem;
  border-bottom: 0.1rem solid #888; }
  body.team .person * {
    margin-bottom: 1em; }
  body.team .person h2, body.team .person h3 {
    text-transform: uppercase;
    font-size: inherit;
    letter-spacing: 0.03em; }
  body.team .person h3 {
    margin-top: 3.0rem;
    border-top: 0.1rem solid #888;
    padding-top: 0.66em; }

body.team .person-lebenslauf td.dauer {
  max-width: 7em;
  padding-right: 1.5em;
  vertical-align: top; }

body.team .person-lebenslauf .taetigkeit {
  padding-left: 0;
  vertical-align: top; }

body.team table {
  font-feature-settings: 'tnum'; }

body.team div.submenu {
  width: 36%; }

body.team .submenu {
  position: absolute;
  border: none; }
  body.team .submenu li {
    width: 100%;
    font-size: 0.96em;
    color: black !important; }
  body.team .submenu li a {
    padding: 0.2em 0;
    display: block;
    color: black; }
  body.team .submenu li.submenu {
    position: static; }

body.team .submenu + .submenu {
  margin-top: 1.5em; }

body.team .submenu.assistenz ul {
  border-top: 0.1rem solid #888;
  margin-top: 0.33em; }

body.team .submenu.assistenz ul li {
  padding-top: 0; }

body.team li.link-ehemalige {
  border-bottom: none;
  padding-top: 0; }
  body.team li.link-ehemalige a {
    text-transform: none;
    display: inline-block;
    font-size: 1.8rem !important; }

body.team.ehemalige footer {
  display: block !important; }

body.team.ehemalige .team-eintrag {
  display: block;
  -moz-column-count: 3;
       column-count: 3;
  line-height: 1.35;
  padding-bottom: 3.6rem;
  border-bottom: 0.1rem solid #888; }

body.annette-spiro-publikationen div.submenu:first-of-type {
  display: none !important; }

body.annette-spiro-publikationen div.submenu.mitarbeiter {
  display: block;
  margin-top: 0; }

body.annette-spiro-publikationen footer {
  display: block !important; }

@media screen and (max-width: 800px) {
  .team.index:not(.showmenu) {
    max-height: 100vh;
    overflow-y: hidden; }
    .team.index:not(.showmenu) .selected > ul {
      position: absolute;
      display: block !important;
      top: 10rem;
      left: 0;
      overflow-y: scroll;
      margin-left: 0;
      width: 96vw;
      height: calc(100vh - 10rem);
      -webkit-overflow-scrolling: touch; }
    .team.index:not(.showmenu) .selected > ul * {
      display: block !important; }
    .team.index:not(.showmenu) .selected > ul .submenu {
      top: 3.0rem;
      margin-left: 3vw; }
    .team.index:not(.showmenu) .selected > ul .link-ehemalige {
      display: none !important; }
    .team.index:not(.showmenu) .assistenz ul {
      border-top: none;
      margin-bottom: 25vh; }
    .team.index:not(.showmenu) .submenu {
      text-transform: none; }
    .team.index:not(.showmenu) .submenu ul {
      margin-left: 0;
      text-transform: uppercase; }
    .team.index:not(.showmenu) .submenu ul li {
      font-size: 2.16rem;
      border-top: 1px solid black;
      margin-bottom: 0;
      padding-bottom: 0; }
  .team.subpage.showmenu .selected > ul {
    display: none !important; }
  .team.subpage .team-eintrag {
    min-width: 94vw;
    margin: 3.0rem 3vw; }
  .team.subpage .person {
    max-width: none !important; }
  .team.subpage td.dauer {
    white-space: nowrap; }
  .team.index.showmenu {
    height: 100vh !important;
    overflow-y: visible !important; } }

.kontakt .link-back {
  display: none; }

.kontakt footer {
  display: block !important; }

.kontakt .impressum {
  font-size: 1.5rem;
  line-height: 1.3;
  margin-left: 0; }

.kontakt img.poster {
  width: 55vw !important; }

.kontakt h2 {
  display: none; }

.kontakt p {
  margin-bottom: 1.5em !important; }

.kontakt p + p, .kontakt blockquote {
  border-top: 0.1rem solid #888;
  padding-top: 0.5em; }

.kontakt blockquote {
  padding: 2em 0 0 4em; }

.kontakt blockquote p {
  font-size: 1.4rem !important; }

.kontakt blockquote a {
  text-decoration: none; }

@media screen and (max-width: 800px) {
  .kontakt footer {
    display: none !important; }
  .kontakt blockquote {
    position: relative;
    height: 10.0rem;
    top: 75vw; }
  .kontakt img.poster {
    width: 94vw !important;
    float: none !important;
    position: relative;
    top: -13.0rem; } }

@media screen and (max-width: 800px) {
  body.master-arbeit .content-text p:last-child {
    text-align: left !important; }
  body.lehre nav .selected ul {
    margin-left: 0; } }

/* Responsive: Desktop */
@media screen and (min-width: 800px) {
  main {
    padding-top: 8.6rem;
    padding-bottom: 5.8rem; }
  .submenu {
    width: 28%; }
    .submenu > ul > li {
      border-bottom: 0.1rem solid #888; }
  article + a.link-back {
    position: fixed;
    display: inline-block;
    top: 8.0rem;
    left: 50%;
    transform: translateX(-50%); }
    article + a.link-back svg {
      width: 4.0rem;
      height: 4.0rem; }
  #schalter {
    display: none; } }

.mitarbeiter.submenu {
  padding-bottom: 4em; }

/* Responsive: Smartphone */
@media screen and (max-width: 800px) {
  .submenu {
    display: none; }
  main {
    padding-top: 26vw !important; }
  main h2 {
    padding-top: 1em; }
  p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-limit-lines: 3; }
  #schalter {
    position: fixed;
    top: 1.0rem;
    right: 1.0rem;
    float: right;
    height: 3.2rem;
    width: 3.2rem; }
  #schalter g {
    stroke: black;
    stroke-width: 0.8; }
  #schalter .close {
    display: none; }
  nav {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-0.2em);
    margin: 0 !important;
    padding: 0.6em 1em 0.4em;
    width: 100vw !important; }
    nav .fusszeile {
      display: none;
      position: fixed;
      bottom: -2px;
      width: 100%;
      text-transform: none;
      font-size: 1.4rem;
      padding: 3vw;
      border-top: 0.1rem solid black; }
    nav .fusszeile div {
      float: left;
      min-height: 2.5em;
      min-width: 38vw; }
    nav .selected, nav .selected a {
      opacity: 1 !important;
      color: black !important; }
  .showmenu nav {
    min-height: 100%;
    border-bottom: none !important;
    z-index: 1000; }
  .showmenu nav li.selected > a {
    opacity: 0.5 !important; }
  .showmenu nav ul li {
    display: block !important; }
  .showmenu #schalter .close {
    display: block; }
  .showmenu #schalter .open {
    display: none; }
  .showmenu .fusszeile {
    display: block; }
  main {
    padding-top: 1em; }
  nav {
    font-size: 2.5rem;
    margin-left: 3.2666666667vw;
    margin-top: 3.2666666667vw;
    margin-bottom: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 1vw; }
    nav ul {
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-between;
      list-style-type: none; }
      nav ul li {
        flex: 0 1 auto;
        order: 2; }
  a.link-back {
    display: none; }
  img.quer, img.hoch {
    display: none; }
  nav ul ul {
    display: block !important;
    margin: 0.5em 0 1em 2em;
    font-size: 14px; }
    nav ul ul li {
      margin-bottom: 0.33em; }
    nav ul ul a {
      border-bottom: none !important; }
  .team nav ul ul {
    display: none !important; }
  footer {
    display: none; }
  main nav {
    padding: 0;
    background-image: url(https://spiro.arch.ethz.ch/assets/img/as_logo_klein.svg);
    background-repeat: no-repeat;
    background-size: 11.8rem 2.5rem;
    background-position: 3vw 3vw;
    border-bottom: 0.1rem solid black; }
    main nav ul {
      padding: 3vw 3vw 1.5vw 3vw;
      margin-top: 5rem;
      border-top: 0.1rem solid black;
      border-width: 1px; }
    main nav ul li.selected ul {
      display: none !important;
      border: none;
      margin-top: 0.33em;
      padding: 0; }
    main nav .archiviert {
      display: none !important; }
  body.showmenu {
    overflow-y: hidden;
    max-height: 100vh;
    position: fixed;
    top: 0; }
  .showmenu nav {
    max-height: 100vh; }
    .showmenu nav > ul {
      overflow-y: scroll;
      max-height: 100vh;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 30vh !important;
      padding-top: 0; }
      .showmenu nav > ul > li:first-child {
        border-top: none; }
    .showmenu nav ul ul {
      margin-left: 1em !important;
      font-size: 2.1rem; }
    .showmenu nav ul li.selected ul {
      display: block !important;
      margin-left: 2em; }
    .showmenu nav li {
      border-top: 0.1rem solid #888;
      padding-top: 0.33em;
      margin-bottom: 0; }
    .showmenu nav div.fusszeile {
      display: none; }
  main {
    margin: 0;
    padding-top: 18vw; }
  main article {
    margin-left: 3vw !important;
    margin-right: 3vw !important;
    width: auto !important; }
  aside.archiv {
    display: none; }
  body.homepage footer {
    font-size: 1.2rem; }
    body.homepage footer ul {
      margin-left: 3.2666666667vw;
      margin-bottom: 3.2666666667vw;
      flex-flow: column wrap;
      width: 58.8vw; }
      body.homepage footer ul li {
        flex: 0 1 auto; }
    body.homepage footer .logo-gross {
      margin-right: 3.2666666667vw;
      margin-bottom: 3.2666666667vw;
      width: 32.6666666667vw; }
  body.subpage nav {
    margin-left: 6.5333333333vw;
    width: 91.4666666667vw;
    position: relative;
    background-color: none; }
    body.subpage nav > ul li {
      display: none;
      line-height: 1.4; }
    body.subpage nav > ul > li.selected {
      display: block; }
  body.subpage .submenu, body.subpage .mitarbeiter {
    margin-left: 6.5333333333vw;
    position: relative;
    font-size: 2.16rem;
    margin-bottom: 16.3333333333vw; }
    body.subpage .submenu ul li, body.subpage .mitarbeiter ul li {
      display: none; }
    body.subpage .submenu ul li.visited, body.subpage .mitarbeiter ul li.visited {
      display: block; }
  body.subpage .inhalt-vorschau {
    width: 84.9333333333vw;
    margin-left: 6.5333333333vw;
    margin-right: 6.5333333333vw;
    margin-bottom: 9.8vw; }
    body.subpage .inhalt-vorschau .titel {
      width: 100%; }
    body.subpage .inhalt-vorschau .download-pdf {
      display: none; }
  body.subpage .anzeige {
    width: 84.9333333333vw;
    margin-left: 6.5333333333vw;
    margin-right: 6.5333333333vw;
    margin-top: 16.3333333333vw; }
    body.subpage .anzeige .kreuz {
      display: none; }
    body.subpage .anzeige .content-text, body.subpage .anzeige .poster, body.subpage .anzeige .bildgalerie {
      width: 100%;
      margin-bottom: 9.8vw; }
      body.subpage .anzeige .content-text p, body.subpage .anzeige .poster p, body.subpage .anzeige .bildgalerie p {
        font-size: 1.5rem; }
    body.subpage .anzeige img {
      width: 100%; }
  body.home footer {
    font-size: 1.2rem; }
    body.home footer ul {
      margin-left: 3.2666666667vw;
      margin-bottom: 3.2666666667vw;
      flex-flow: column wrap;
      width: 58.8vw; }
      body.home footer ul li {
        flex: 0 1 auto; }
    body.home footer .logo-gross {
      margin-right: 3.2666666667vw;
      margin-bottom: 3.2666666667vw;
      width: 32.6666666667vw; }
  body.home .start-bild {
    display: none; }
  body.home nav ul li {
    display: block; }
  .aktuell .start-bild h1 {
    font-size: 3.6rem;
    width: 50%; }
  .aktuell .start-bild p {
    font-size: 1.6rem; }
  body.team.index .mitarbeiter {
    margin-top: 3em;
    position: static; }
  body.team.index .mitarbeiter ul li {
    display: block !important;
    line-height: 1.5; }
  body.team .team-eintrag {
    width: 84.9333333333vw;
    margin-left: 6.5333333333vw;
    margin-right: 6.5333333333vw;
    margin-bottom: 6.5333333333vw;
    flex-direction: column-reverse; }
  body.team td span {
    display: none; }
  body.team .person {
    margin-left: 0; }
  body.team img.portrait {
    width: 52.2666666667vw !important;
    margin: 2em auto; }
  .impressum {
    padding-left: 2.4rem; } }

.level-2.no-children main + footer, .level-3.no-children main + footer, .level-4.no-children main + footer {
  display: none; }

body.wohnbau nav {
  display: none; }

.wohnbau-db h2, .wohnbau-db h3 {
  font-family: 'Bonbrun Display';
  font-size: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  word-spacing: 0.1em; }

.wohnbau-db h2 {
  position: relative;
  top: -1.5em; }

.wohnbau-db form {
  font-size: 1.36rem;
  padding-bottom: 4em; }
  .wohnbau-db form p {
    margin: 0 !important; }
  .wohnbau-db form input {
    margin: 0.5em !important; }
  .wohnbau-db form legend {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.2em;
    margin-bottom: 0.5em !important; }

.wohnbau-db .resultateliste {
  font-size: 1.36rem;
  margin-top: 1.5em; }
  .wohnbau-db .resultateliste li {
    list-style: none;
    margin: 1em 0.33em;
    height: 12.0rem;
    padding-left: 17.0rem;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat; }
    .wohnbau-db .resultateliste li a {
      color: black;
      padding: 0.5em 0;
      display: inline-block; }
    .wohnbau-db .resultateliste li a:before {
      content: "\2192\00A0\00A0"; }
    .wohnbau-db .resultateliste li small {
      font-size: inherit;
      color: #aaa; }
  .wohnbau-db .resultateliste li.anweisung {
    color: gray;
    list-style: none;
    margin: 0;
    padding: 0; }

@media screen and (min-width: 800px) {
  .wohnbau-db form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 1;
    justify-content: space-between; }
    .wohnbau-db form fieldset {
      min-width: 8em; }
    .wohnbau-db form legend i {
      display: none; } }

@media screen and (max-width: 800px) {
  .wohnbau-db form {
    display: block; }
    .wohnbau-db form fieldset {
      width: 100%;
      padding-bottom: 1.5em;
      transition: max-height 0.3s ease-in-out;
      max-height: 420px; }
      .wohnbau-db form fieldset.verborgen {
        padding-bottom: 0.5em; }
    .wohnbau-db form legend {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      width: 100%;
      background-color: #ddd; }
    .wohnbau-db form fieldset.verborgen {
      max-height: 2.5em;
      transition: max-height 0.3s ease-in-out; }
    .wohnbau-db form fieldset p {
      height: 1.6em;
      transition: all 0.3s ease-in-out; }
    .wohnbau-db form fieldset.verborgen p {
      height: 0;
      opacity: 0; }
    .wohnbau-db form fieldset i {
      float: right;
      font-style: normal;
      margin: 0 !important;
      transform: rotate(-45deg);
      transition: all 0.3s ease-in-out;
      font-size: 1.2em; }
    .wohnbau-db form fieldset i:before {
      content: '+'; }
    .wohnbau-db form fieldset.verborgen i {
      transform: rotate(0deg); } }

/* HYPERLINKS */
a {
  color: inherit;
  text-decoration: none; }

.uebersicht a, p a {
  text-decoration: underline;
  text-underline-position: under; }

/* Responsive: Vergrössern */
@media screen and (max-width: 1120px) and (min-width: 800px) {
  html {
    font-size: 46%; } }

@media screen and (orientation: landscape) and (max-height: 660px) {
  html {
    font-size: 54%; } }

@media screen and (min-width: 1280px) and (min-height: 740px) {
  html {
    font-size: 62.5%; } }

@media screen and (min-width: 1380px) and (min-height: 800px) {
  html {
    font-size: 72%; } }

@media screen and (min-width: 1600px) and (min-height: 880px) {
  html {
    font-size: 82.5%; } }