/* CSS Code hier einfügen.

Zum Beispiel:
.example {
    color: red;
}

Um dein CSS-Wissen zu prüfen, teste es hier http://www.w3schools.com/css/css_syntax.asp

Kommentarende*/ 
body{
  hyphens: auto;
}

#site-navigation{
	/* Das Menue soll im normalen Fluss liegen (nicht fix am oberen Rand kleben),
	   daher position:relative statt der Theme-Vorgabe .navbar-fixed-top. */
	position: relative;
	width: 100%;
}

/* Admin-Bar-Fix (ein-/ausgeloggt identisch):
   #site-navigation traegt die Theme-Klasse .navbar-fixed-top. Fuer ein FIXES
   Menue kompensiert das Parent-Theme die WP-Admin-Bar mit
   .admin-bar .navbar-fixed-top{ top:32px } (mobil 46px). Da das Menue hier aber
   RELATIV im Fluss liegt, schiebt WordPress es bereits ueber html{margin-top:32px}
   korrekt unter die Admin-Bar – das geerbte top wuerde es ein ZWEITES Mal nach
   unten schieben. Darum hier neutralisieren, damit das Menue fuer angemeldete und
   abgemeldete Nutzer an derselben Stelle sitzt. */
.admin-bar #site-navigation{
	top: 0;
}
.site-header{
	display: none;
}
#content{
	padding-top: 30px;
}
#xenia_title{
  color: #3658AC;
  font-size: 35px;
  //margin-left: 60px;
  text-transform: none;
  hyphens: none;
}

aside#media_image-2{
  display:none;
}
.page-id-9 aside#media_image-2{
  display:inline-block;
}

input, textarea{
  background-color: #C3D9E2;
  border: 1px solid #BCD1DA;
}

h1{
  font-size: 28px;
}


/* big */
@media only screen and (min-width: 657px) {
  .xenia_small, .xenia_very_small{
    display: none;
  }
  #xenia_title{
      padding-top: 59px;
  }
  #xenia_title_img, #xenia_title{
    float: left;
  }
}
/* all non-big */
@media only screen and (max-width: 656px) {
  
  #xenia_title_container, .custom-logo-link{
    width: 100%;
  }
  #xenia_title_img, #xenia_title{
    text-align: center;
    display: block;
    width: 100%;
  }
  #xenia_title{
    padding: 20px 10px;
    line-height: 1.15em;
  }
}
/* small */
@media only screen and (max-width: 656px) and (min-width: 361px){
  .xenia_big, .xenia_very_small{
    display: none;
  }
}
/* very small */
@media only screen and (max-width: 360px) {
  .xenia_big, .xenia_small{
    display: none;
  }
}

#theImg{
	max-height: 150px;
}

.site-footer{
	display: none;
}