/* Basiswerte */
  body {
    font-family: "Dosis";
  }

.small-text-center {
  font-size: 1rem;
  margin: 0 auto;
}


.blau {
  background-color: #AE9AC2;
}

.weiss {
  background-color: rgba(255, 255, 255, 0.85);
}

.ClearFloat {
  clear:both;
}

h1,h2,h3,h4,h5 {
  /*
  background: #333;
  background: #ddd url("../bilder/wolken.jpg") repeat left top;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  */
}

body {
  /*
  background: #333;
  background: #ddd url("../bilder/wolken.jpg") repeat left top;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  */
  hyphens: auto;
  background-color: #fffde9;
}

.gesamt {
  border-left: solid 0.13rem silver;
  border-right: solid 0.13rem silver;
}

.content {
}

.main_content {
  padding-top: 0.5rem;
  background-color: #fffde9;
  min-height: 20rem;
  z-index: 10;
  overflow: auto;
}

.links {
  text-align: left;
}

.termine th {
  align: center;
}

.termine td {
  vertical-align: top;
  font-size: 0.9rem;
}
.termine a:hover {
  text-decoration: underline;
}

textarea[readonly] {
  background-color: white;
}

.fussleiste {
  font-weight: bold;
  color: black;
  border-top: solid thin silver;
  background: #faf97d;
  padding-top: 1rem;
}

.fussleiste a {
  color: black;
}

.fussleiste .left {
  color: black;
  margin-left: 1rem;
}

#unsichtbar {
  display: none;
}

#sichtbar
{
	display:table;
}

.gruppenfoto {
  width: 40rem;
  height: auto;
}

.nowrap {
  clear: both;
}

.unsichtbar {
  display: none;
}

.sichtbar
{
	display:table;
}

.fehlt
{
  border-color: red;
  border-style: solid;
  border-width: thin;
  background-color: #F9D5D5;
}

.kopfzeile {
  padding: 0.5rem 0 0.5rem 0;
  width: 100%;
  height:7rem;
  position: relative;
  background-color: #fffde9;
}

.kopfzeile_titel {
  display:none;
}

.kopfzeile_bild {
  height: 10rem;
  max-width: 50%;
  min-height: 8.5rem;
  z-index: 1;
  position: absolute;
  margin-top: -2rem;
}
  

.basar_karte_klein {
  display: block;
}

.basar_karte_mittel {
  display: none;
}

.startseite_main {
  width: 100%;
  float: right;
}

.karte {
  margin-left: 15%;
  padding-top: 1rem;
  float: left;
}

.logo_box {
/*
	border-radius: 1rem 1rem 1rem 1rem;
  border: thin solid green;
  transform: rotate(15deg);
  margin-right: 1rem;
*/
  margin-top: 1.5rem;
  float: right;
  display: block;
  margin-right: 10%;
  z-index: 10;
}

.logo {
  display:block;
  width: 8rem;
  height: 6rem;
  padding-left: 1rem;
}

.logo_text_box_klein {
  float: left;
  width: 16rem;
  padding-top: 1.5rem;
  padding-left: 0.5rem;
}

.logo_text_box {
  display: none;
}

.logo_text_klein {
  font-size: 1.25rem;
  font-weight: bold;
}

.logo_text {
  font-size: 0.8rem;
  font-weight: bold;
}

.logo_schrift_1 {
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
}

.logo_schrift_2 {
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;  
}

.next_basar {
  /*
  border: thin solid grey;
  background-color: #44ff00;
  background-color: #fee600;
	border-radius: 1rem 1rem 1rem 1rem;  
  box-shadow: 3px 3px 4px #777;
  */
  margin: 0 auto;
  padding: 0.5rem 0 0.5rem 0;
  width: 15rem;
  font-weight: bold;
}

.fotos_basar
{
  float: left;
  margin: 10px;
  border: thin solid grey;
}

.flohmarkt {
  font-weight: bolder;
}

.next_basar_text {
  margin-top: -7.2rem;
}

.cl_basar_datum {
  font-weight: bold;
  font-size: 120%;
  color: #e20016;
  text-shadow: 3px 3px 4px #777;
}


.logo_monster {
  text-align: center;
  width: 100%;
  float: left;
}

.logo_monster_bild {
  margin-top: 1rem;
  width: 66%;
}

/* Aktuelles - Baelle ----------------*/
.aktuelles {
  margin-left: 10%;
}

.aktuelles_table {
  margin: 5% 0 0 4%;
  float: left;
}

.aktuelles_1 {
  display: table;
}

.aktuelles_2 {
  display: table;
  margin-top: 20%;
}

.aktuelles_3 {
  display: table;
  margin-top: 10%;
}

.aktuelles_4 {
  display: table;
  margin-top: 7%;
}

.aktuelles_5 {
  display: table;
  margin-top: 5%;
}

.aktuelles_6 {
  display: table;
  margin-top: 15%;
}

.aktuelles_7 {
  display: table;
  margin-top: 5%;
}

.aktuelles_8 {
  display: table;
  margin-top: 13%;
}

.aktuelles_9 {
  display: table;
  margin-top: 3%;
}

.ball_1 {
  background-color: #EE0000;
  width: 7rem;
  height: 7rem;
  line-height: 1.5rem;
  border-radius: 50%;
  text-align: center;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_2 {
  background-color: #FFFF00;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_3 {
  background-color: #0066FF;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_4 {
  background-color: #00EE00;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_5 {
  background-color: #CCFFCC;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_6 {
  background-color: #9966CC;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_7 {
  background-color: #66FF66;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_8 {
  background-color: #FFCC66;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_9 {
  background-color: #6600CC;
  width: 6rem;
  height: 6rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 50%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  border: thin solid grey;
}

.ball_bild {
  width: 5rem;
}

.aktuelles_edit {
  display: table-row;
  color: blue;
  font-weight: bold;
  margin: 0 auto;
}

.aktuelles_thema {
  color: black;
  font-weight: bold;
  font-size: 90%;
  hyphens: auto;
  -webkit-hyphens: auto;
  /*
  text-shadow: 3px 3px 3px #DDDDDD;
  */
}

.helferportal_registrierung_1 
{
  float: left;
  width: 50%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  vertical-align: middle;
}

.helferportal_registrierung_2 {
  float: left;
  width: 50%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  vertical-align: middle;
}

.helferportal_registrierung_3 {
  float: left;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  vertical-align: middle;
}

.helferportal_oval_1 {
  margin: 0 auto;
  vertical-align: middle;
  line-height: 2rem;
  width: 10rem;  
  background-color: yellow;
  border: thin solid grey;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
  color: black;
}

.helferportal_oval_2 {
  margin: 0 auto;
  line-height: 2rem;
  width: 10rem;  
  background-color: #09C5BC;
  border: thin solid grey;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
  color: black;
}

.helferportal_oval_3 {
  margin: 0 auto;
  line-height: 2rem;
  width: 16rem;
  background-color: #09C51C;
  border: thin solid grey;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
  color: black;
}

.nummernvergabe_registrierung_inhalt select {
  margin-bottom: 0.5rem;
}

.nummernvergabe_registrierung_inhalt input {
	border-radius: 0.6em 0.6em 0.6em 0.6em;
}

.nummernvergabe_registrierung_zeile {
  clear: both;
}

.nummernvergabe_registrierung_label {
  width: 10rem;
  float: left;
}

.nummernvergabe_registrierung_inhalt {
  width: 15rem;
  float: left;
}

.nummernvergabe_registrierung_datenschutz {
  width: 100%;
  float: left;
}

.nummernvergabe_nr_anfordern {
  clear: both;
}

.nummernvergabe_nr_anfordern_head {
  font-weight: bold;
}

.nummernvergabe_navbar_helfer_div_1
{
  float: left;
  width: 50%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  vertical-align: middle;
}

.nummernvergabe_navbar_helfer_div_2
{
  float: left;
  width: 50%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  vertical-align: middle;
}

.nummernvergabe_navbar_helfer_1 {
  margin: 0 auto;
  vertical-align: middle;
  line-height: 2.5rem;
  width: 12rem;
  background-color: yellow;
  border: thin solid grey;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
  color: black;
  font-size: 110%;
}

.nummernvergabe_navbar_helfer_2 {
  margin: 0 auto;
  vertical-align: middle;
  line-height: 2.5rem;
  width: 10rem;  
  background-color: #09C5BC;
  border: thin solid grey;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
  color: black;
  font-size: 110%;
}

.nummernvergabe_navbar_head
{
  clear: both;
  font-weight: bold;
  font-size: 120%;
}

.nummernvergabe_navbar_oben
{
  clear: both;
}

.nummernvergabe_navbar_oben ul
{
  list-style-type: none;
}

.nummernvergabe_navbar_oben li
{
  margin: 0 0.5rem 0.5rem 0;
  float:left;
  background-color: yellow;
  border: thin solid grey;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
  padding-left: 1rem;
  padding-right: 1rem;
}

.nummernvergabe_navbar_oben li a
{
  color: black;
  text-decoration: none;
  font-size: 110%;
  font-weight: bold;
}

.nummernvergabe_navbar_oben li[aria-current="page"]
{
  background-color: #09C5BC;
  border-bottom: none;
}

.helfer_antw_nein
{
  color: red;
}

.helfer_antw_ja
{
  color: green;
}

.helfer_antw_keine
{
  color: orange;
}

.helfer_ueb_antw_nein
{
  border: medium solid red;
}

.helfer_ueb_antw_ja
{
  border: medium solid green;
}

.helfer_ueb_antw_keine
{
  border: medium solid orange;
}

.tab_helfer_eingeteilt
{
  background-color:orange;
}

.tab_helfer_admin
{
  margin-left: 0.5rem;
  float: left;
}

.tab_helfer_admin_kopf
{
  font-weight: bold;
}

.tab_helfer_admin_inhalt
{
  line-height: 1rem;
}

.tab_helfer_admin_ueb
{
  margin-left: 0.5rem;
  float: left;
}

.tab_helfer_kopf
{
  font-weight: bold;
}

.sub_helfer_admin
{
  clear: both;
}

.login_div
{
  margin: 0 auto;
  width: 60%;
  padding: 0.5rem;
  border: thin solid grey;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.login_head
{
  font-weight: bold;
  padding-bottom: 0.5rem;
  text-align: center;
}

.login_button
{
  padding-top: 0.5rem;
}

.nummernvergabe_registrierung_hinweis
{
  text-align: center;
  margin: 0 auto;
  width: 60%;
  padding: 0.5rem;
}

.nummernvergabe_registrierung_highlight
{
  font-size: 130%;
  font-style: italic;
  font-weight: bolder;
}

.nummernvergabe_login_div
{
  width: 50%;
  padding: 0.5rem;
  border: thin solid grey;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-weight: bold;
}

.nummernvergabe_login_div #button
{
  margin-top: 0.5rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;  
}

.basar_auswaehlen
{
  clear: both;
  width: 10rem;
  float: left;
  padding-bottom: 1rem;
}

.basar_editieren_zeile
{
  clear: both;
}

.basar_editieren_label 
{
  width: 100%;
  float: left;
  padding-bottom: 0rem;
  line-height: 2rem;
  vertical-align: middle;
}

.basar_editieren_inhalt_datum
{
  width: 7rem;
  float: left;
  padding-bottom: 0rem;
  padding-right: 0.5rem;
}

.basar_editieren_inhalt_zeit
{
  width: 5rem;
  float: left;
  padding-bottom: 0rem;
}

.basar_editieren_inhalt_zahl
{
  width: 3rem;
  float: left;
  padding-bottom: 0rem;
}

.pw_vergessen_div
{
  clear: both;
  margin: 0 auto;
  width: 80%;
  padding: 0.5rem;
  border: thin solid grey;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.pw_vergessen_head
{
  font-weight: bold;
  padding-bottom: 0.5rem;
  text-align: center;
}

.pw_vergessen_text
{
  padding-bottom: 0.5rem;
  
}

.pw_vergessen_kennung
{
  float: left;
  margin-left: 0.5rem;
  vertical-align: middle;
  line-height: 2rem;
}

.pw_vergessen_input
{
  margin-left: 0.2rem;
  float: left;
}

.pw_vergessen_button
{
  padding-top: 0.5rem;
  clear: both;
}

.pw_vergessen_trenner
{
  padding-top: 0.6rem;
}

img {
  max-width: 100%;
}

.bilderglaerie_zurueck, .bilderglaerie_ordner {
  text-align: center;
}

.bilder_einzeln {
  float: left;
  margin: 0.5rem;
}

.navigation {
  z-index: 20;
}

#Navigation a {
  font-size: 95%;
  /*
  font-weight: bold;
  */
}

.top-bar {
  border-top: thin solid grey;
  background-color: #fffde9;
  z-index: 20;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  background-color: #b9fca0;
  color: black;
  border-bottom: solid thin white;
  /*
  font-weight: bold;
  */
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: #b9fca0;
  /*
  */
  transition: all 0.2s ease-in;
  color: black;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: #faf97d;
  color: black;
  border-bottom: solid thin white;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
  /*
  */
  background-color: #b9fca0;
  color: black;
  border-bottom: solid thin white;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  /*
  */
  background: #faf97d;
  color: black;
}

.top-bar.expanded .toggle-topbar a {
  color: yellow;
}

.top-bar .toggle-topbar.menu-icon a {
  color: black;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}

/* Pfeil nach unten bei Dropdown in schwarz */
.top-bar-section .has-dropdown > a:after {
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
  color: grey;
  font-style: italic;
}

.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
  background: #faf97d; 
}

/* Navbar: Hintergrund Dropdown hover*/
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  background-color: #faf97d;
}

.top-bar.expanded .title-area {
  background-color: #b9fca0;
  border-bottom: solid thin white;
}

.startseite #NavStartseiteID a.NavStartseite,
.aktuelles #NavAktuelles a.NavAktuelles,
.helfer #NavHelfer a.NavHelfer,
.verkaeufer #NavVerkaeufer a.NavVerkaeufer,
.kaeufer #NavKaeufer a.NavKaeufer,
.cafeteria #NavCafeteria a.NavCafeteria,
.bilder #NavBilder a.NavBilder, 
.kaeufer_grossteile #NavKaeuferGrossteile a.NavKaeuferGrossteile,
.kaeufer_schwangere #NavKaeuferSchwangere a.NavKaeuferSchwangere,
.kaeufer_hinweise #NavKaeuferHinweise a.NavKaeuferHinweise,
.kaeufer_parken #NavKaeuferParken a.NavKaeuferParken
{
  color: #6a6966;
  font-style: italic;
  background-color: #faf97d;
}

.sidebar {
  border-top: thin solid grey;
  width: 100%;
}

.sidebar_termine,table {
  border: none;
}

.sidebar_termine,td{
  text-align: left;
  vertical-align: top;
}

.SeiteText {
	border-radius: 0.8em 0.8em 0.8em 0.8em;
  width: 100%;
}

.subtitle {
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: underline;
}

.SeiteTextUeberschrift {
  font-weight: bold;
  font-size: 1.5rem;
  text-decoration: underline;
}

.SeiteTrenner {
  border-style: dashed; 
  size: 1px;
  border-color: grey;
  /*
  border-color: #E23143;
  */
}

.KontaktDaten {
  padding-bottom: 2rem;
}

.KontaktDatenHead {
  font-weight: bold;
  font-size: 1.4rem;
  color: #E23143;
  text-decoration: underline;
  text-align: left;
}

.KontaktDatenAdresse {
  font-size: 0.9rem;
  text-align: left;
}

.KontaktDatenBild {
  width: 8rem;
  height: 8rem;
  padding-top: 1rem;
  margin: 0 auto;
}

.bilder_ordner {
  float: left;
  border: thin solid grey;
	border-radius: 0.8em 0.8em 0.8em 0.8em;
  margin-left: 1rem;
  padding: 0.5rem;
  font-size: 90%;
}

.bildergalerie_uebersicht {
  font-size: 70%;
}

.bildergalerie_ueberschrift {
  font-size: 90%;
}

.bildergalerie {
  width: 100%;
  margin: 0 auto;
}

.bild_vorher {
  text-align: left;
}

.bild_nachher {
  text-align: right;
}

.bild_diaschau {
  text-align: center;
}

.bild_thumbs {
}

.button_diaschau {
	border-radius: 0.4em 0.4em 0.4em 0.4em;
  font-size: 70%;
}


.bild_aktuell {
  text-align: center;
}

.bild_thumbnail img {
  width: 25%;
}

.BeitragHead {
  font-size: 160%;
  font-weight: bold;
}

.klassen_admin {
  font-size: 10%;
}

.dick_rechts {
  border-right: medium solid grey;
}

.download_inhalt {
  font-size: 0.7rem;
}

.download_link {
  text-align: center;
  margin: 10px;
  float: left;
}

.download_link img {
  border: thin solid grey;
}

.download_img {
  width: 15%;
  height: 15%;
}

.download_verwalten {
  text-align: left;
  margin: 10px;
  float: left;
}

.download_verwalten img {
  border: thin solid grey;
}

.download_verwalten img {
  width: 15%;
  height: 15%;
}

.SponsorKopf {
  font-weight: bold;
  text-decoration: underline;
}

.sponsor {
  padding-top: 1rem;
  padding-left: 1rem;
  max-width: 9rem;
  height: auto;
  margin: 0 auto;
  float: left;
}

.facebook {
  margin-top: -1rem;
  width: 8rem;
  height: 3rem;
}

.foto_cafeteria {
  text-align: center;
  margin-bottom: 1rem;
}

#bilder_cafeteria {
  width: 12rem;
  height: auto;
	border-radius: 1rem 1rem 1rem 1rem;
  border: thin solid grey;
}

/* -------------------------------  Von Frau zu Frau  fzf   ----------------------------*/
.cl_fzf_center {
  margin: 0 auto;
  width: 90%;
}

.cl_bild_fzf {
}

/* -------------------------------  Sehr kleine Groesse     ----------------------------*/
@media only screen and (max-width: 23.063em) {
.logo_text_klein {
  font-size: 1rem;
}

.logo_box {
	border-radius: 1rem 1rem 1rem 1rem;
  margin-right: 5rem;
}

.logo {
	border-radius: 1rem 1rem 1rem 1rem;
  display:block;
  width: 6rem;
  height: 5rem;
  margin-right: 0rem;
}
.logo_text_box_klein {
  float: left;
  width: 13rem;
}
}

/* -------------------------------  kleine Groesse       -----------------------------*/
@media only screen and (min-width: 23.064em) {

.cl_fzf_center {
  width: 80%;
}

.logo_schrift_1 {
  font-size: 2rem;
}

.logo_schrift_2 {
  font-size: 1rem;
}

}

/* -------------------------------  Mittlere Groesse       -----------------------------*/
@media only screen and (min-width: 40.063em) {
  #Navigation a {
    font-size: 110%;
    /*
    font-weight: bold;
    */
  }

  .next_basar {
    width: 19rem;
  }

  .next_basar_text {
    margin-top: -9.2rem;
  }

  .top-bar {
    background: #b9fca0;
  }

  .kopfzeile {
    background-repeat: no-repeat;
    background-size: 70%;
    padding: 0.5rem 0 0.5rem 0;
    width: 100%;
    height: 10rem;
  }

  .kopfzeile_bild {
    height: 16rem;
    margin-top: -4rem;
  }
  
  .medium-text-center {
    font-size: 1.2rem;
    margin: 0 auto;
  }
  
  .content {
    min-height: 60%;
  }

  .subtitle {  
    font-weight: bold;
    font-size: 1.6rem;
  }

  .logo {
    width: 12rem;
    height: 9rem;
  }

  .logo_box {
    padding-top: 1rem;
  }

  .logo_text_box {
  	border-radius: 1rem 1rem 1rem 1rem;
    display: block;
    clear: both;
    float: right;
    width: 20rem;
    padding-top: 0rem;
    padding-left: 4rem;
  }

  .logo_text_box_klein {
    display: none;
  }

  .logo_text {
    font-size: 1.3rem;
  }

  .logo_schrift_1 {
    font-size: 2.5rem;
  }
  
  .logo_schrift_2 {
    font-size: 1.2rem;
  }

  .termine td {
    font-size: 1rem;
  }
  
  .sidebar {
    /*
    border-left: thin solid grey;
    */
    border-top: none;
    height: 100%;
    width: 25%;
  }
  
  .bilder_ordner {
    font-size: 95%;
  }
  
  .button_diaschau {
    font-size: 80%;
  }
  
  .bildergalerie {
    width: 80%;
  }
  
  .download_inhalt {
    font-size: 1rem;
  }
  .download_link img {
    width: 20%;
    height: 20%;
  }
  
  .download_verwalten img {
    width: 15%;
    height: 15%;
  }

  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #b9fca0;
    color: black;
  }

  /* Navbar: Hintergrund Dropdown hover*/
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #faf97d;
    transition: all 0.2s ease-in;
    color: black;
  }

  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #faf97d ;
    /*
    */
    transition: all 0.2s ease-in;
    color: black;
  }

  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #faf97d;
    color: black;
  }

  .top-bar-section ul li:hover:not(.has-form) > a {
      /*
    */
    background: #faf97d;
    color: black;
  }
  
  /* Pfeil nach unten bei Dropdown in schwarz */
  .top-bar-section .has-dropdown > a:after {
    border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
  }
  .top-bar-section ul li {
    background: #faf97d;
    color: black;
  }

  .KontaktDatenHead {
    font-size: 1rem;
  }

  .KontaktDatenAdresse {
    font-size: 0.9rem;
    text-align: left;
  }

  .SeiteTextUeberschrift {
    font-size: 1.3rem;
  }

  .logo_monster {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }

  .logo_monster_bild {
    width: 40%;
  }


  .ball_bild {
    width: 7rem;
  }

  .karte {
    margin-left: 30%;
  }

  .aktuelles {
    margin-left: 30%;
  }

  .ball_1 {
    width: 8.5rem;
    height: 8.5rem;
    }

  .ball_2 {
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_3 {
    width: 7rem;
    height: 7rem;
  }

  .ball_4 {
    width: 7rem;
    height: 7rem;
  }
  
  .ball_5  {
    width: 7rem;
    height: 7rem;
  }

  .ball_6 {
    width: 7rem;
    height: 7rem;
  }

  .ball_7 {
    width: 7rem;
    height: 7rem;
  }

  .ball_8 {
    width: 7rem;
    height: 7rem;
  }

  .ball_9 {
    width: 7rem;
    height: 7rem;
  }

.cl_fzf_center {
  width: 50%;
}
    
}

/* -------------------------------  Grosse Groesse       -----------------------------*/
@media only screen and (min-width: 71.025em) {
  body {
    width: 90%;
    background: url("../img/cupcakes.gif");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
  }

  .next_basar {
    width: 20rem;
  }
  
  .SeiteText {
    font-size: 1.1rem;
  }

  .large-text-center {
    margin: 0 auto;
  }
  
  .subtitle {  
    font-weight: bold;
    font-size: 2rem;
  }

  .SeiteTextUeberschrift {
    font-weight: bold;
    font-size: 1.8rem;
    text-decoration: underline;
  }
  
  .kopfzeile_titel {
    display:block;
    font-size: 320%;
    margin-top: 10rem;
  }

  .kopfzeile_bild {
    height: 25rem;
    margin-top: -1rem;
    /*
    height: 30rem;
    margin-top: -6rem;
    */
  }

  .logo {
    margin-left: 10rem;
    width: 21rem;
    height: 16rem;
  }

  .logo_text_box {
    /*
    font-family: "Cataneo BT";
    font-weight: bold;      
    */
    display: block;
    clear: both;
    float: right;
    width: 20rem;
    padding-top: 0rem;
    padding-left: 0rem;
  }

  .logo_text {
    font-size: 1.6rem;
  }

  .logo_text_box_klein {
    display: none;
  }

  .logo_text_klein {
    display: none;
  }

  .logo_box {
    margin-top: 4rem;
    margin-right: 10rem;
  }
  
  .logo_schrift_1 {
    font-size: 4rem;
  }
  
  .logo_schrift_2 {
    font-size: 2rem;
  }

  .next_basar_text {
    margin-top: -9.5rem;
  }

  .logo_monster {
    text-align: center;
    width: 45%;
    float: left;
    margin: 0 auto;
  }

  .logo_monster_bild {
    width: 80%;
  }
  
  .startseite_main {
    width: 55%;
    float: right;
  }

  .karte {
    margin-left: 20%;
  }
      
  .aktuelles {
    margin-left: 15%;
  }

  .ball_1 {
    margin: 0rem 0rem 0rem 0rem;
    width: 10rem;
    height: 10rem;
    }

  .ball_2 {
    margin: 5% 0rem 0rem 8%;
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_3 {
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_4 {
    width: 7.5rem;
    height: 7.5rem;
  }
  
  .ball_5  {
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_6 {
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_7 {
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_8 {
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_9 {
    width: 7.5rem;
    height: 7.5rem;
  }

  .ball_bild {
    width: 8rem;
  }

  
  .basar_karte_klein {
    display: none;
  }

  .basar_karte_mittel {
    display: block;
  }
  
  .login_div
  {
    width: 30%;
  }

  .nummernvergabe_login_div
  {
    width: 20%;
  }

  .nummernvergabe_navbar_helfer_div_1
  {
    width: 20%;
  }

  .nummernvergabe_navbar_helfer_div_2
  {
    width: 20%;
  }

  .nummernvergabe_navbar_oben li
  {
    margin: 0;
  	border-radius: 0.6em 0.6em 0em 0em;
  }
    
  .nummernvergabe_navbar_oben li:hover
  {
    transition: all 0.3s ease-in;
    background-color:#BDFAF7;
  }

  .basar_editieren_label 
  {
    width: 12rem;
  }
  
  .basar_editieren_inhalt_datum
  {
    width: 7rem;
  }

  .basar_editieren_inhalt_zeit
  {
    width: 6rem;
  }
    
  .pw_vergessen_div
  {
    width: 50%;
  }
  .top-bar {
    background: #b9fca0;
  }
  
  .top-bar-section ul li > a {
    background: #b9fca0;
    font-size: 1.1rem;
  }
  
  .kopfzeile {
    height: 18rem;
    background-size: 70%;
    background-repeat: no-repeat;
  }
      
  .kopfzeile_titel {
    display: block;
    float: left;
    font-family: Verdana;
    text-shadow: 0.05em 0.05em #AAAAAA;
    font-size: 3rem;
    margin-left: 4rem;
  }
  .termine td {
    font-size: 1rem;
  }
  
  .sidebar {
    /*
    border-left: thin solid grey;
    */
    border-top: none;
    height: 100%;
    width: 25%;
  }
  
  .sponsor {
    max-width: 12rem;
    height: auto;
    margin: 0 auto;
    float: none;
  }

  .bilder_ordner {
    font-size: 100%;
  }
  
  .button_diaschau {
    font-size: 100%;
  }
  
  .bildergalerie {
    width: 80%;
  }
  
  .bild_thumbnail img {
    width: 20%;
  }
  
  .download_inhalt {
    font-size: 1.5rem;
  }
  .download_link img {
    width: 15%;
    height: 15%;
  }
  
  .download_verwalten img {
    width: 15%;
    height: 15%;
  }

  
  .top-bar {
    background-color: #b9fca0;
  }
  
.top-bar-section li:not(.has-form) a:not(.button):hover {
  /*
  */
  background-color: #faf97d;
  transition: all 0.2s ease-in;
  color: black;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  /*
  background: #fee600;
  */
  background-color: #faf97d;
  color: black;
}

/* Navbar: Hintergrund Dropdown */
.top-bar-section li.active:not(.has-form) a:not(.button) {
  /*
  background: #44ff00;
  background-color: red;
  */
  background-color: #b9fca0;
  transition: all 0.2s ease-in;
  color: black;
}

/* Navbar: Hintergrund Dropdown hover*/
.top-bar-section ul li:hover:not(.has-form) > a {
  /*
  */
  background-color: #faf97d;
  color: black;
}

/* Navbar: Hintergrund Dropdown hover*/
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  background-color: #faf97d;
  transition: all 0.2s ease-in;
  color: black;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: black;
}

/* Pfeil nach unten bei Dropdown in schwarz */
.top-bar-section .has-dropdown > a:after {
  border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
}

.top-bar.expanded .toggle-topbar a {
  color: yellow;
}

.top-bar .toggle-topbar.menu-icon a {
  color: white;
}

.top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
}

.top-bar.expanded .title-area {
  /*
  background: #44ff00;
  background-color: rgba(68,255,0);
  */
  background-color: #b9fca0;
  border-bottom: solid thin white;
}

.fussleiste .left {
  margin-left: 2rem;
}

#bilder_cafeteria {
  width: 15rem;
  height: auto;
}

.cl_fzf_center {
  width: 40%;
}

}