@charset "utf-8";
/* CSS Document */

html {
  box-sizing: border-box;
  background-color:#9F9F9F;
  }

*, *:before, *:after {
  box-sizing: inherit;
  }

body {
  margin: 0;	
  }

#wrapper {
    width: 100%;
	text-align: center;
  }

#kopf_grafik img {
  width: 100%;
  display: block;
  }

.hauptmenue {
  display: flex;
  justify-content: space-around;
  font-size: large;
  }
.hm_item{
  margin: 0;
  }
.hm_item_aktiv {
  font-weight: bold;
  }

.demohinweis {
  margin-top: 1em;
  justify-content: center;
  font-size: large;
  }
.std_text {
  font-size: large;	
  }
.kopf_text {
    font-size: large;
    padding-top: 1em;
  }
.dh_fett {
  font-weight: bold;	
  }

#bilderreihe {
    display: inline-flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 1em;
    padding-top: 1em;
  }
.bilderreihe_item {
    width: 33%;
  }

#q_liste {
}
.q_item {
}
.q_link {
    padding-top: 0.6em;
}
.q_comment {
}
#ziele_liste {
    padding-top: 1em;
    padding-bottom: 1em;
 }
@media (max-width:640px){
  #kopf_b {display: none;}
  #kopf_c {display: none;}
  }

@media (min-width:1025px){
  #kopf_a {display: none;}
  #kopf_b {display: none;}
  }

@media (min-width:641px) and (max-width:1024px){
  #kopf_a {display: none;}
  #kopf_c {display: none;}
  }