body {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto;
  background-position: top 0px center;
}

#header {
 background-color: #;
}

#sb-site,.sb-site-container,.sb-slidebar{
 max-width:1024px;
 margin: 0 auto;
}
#header {
  /* max-width: 1024px; */
  /* background-image: muss ueber TWIG gesetzt werden */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto; /* 300px */
  background-position: top 0px center;
  height: 13rem;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  box-shadow: none;
  padding-left: 0px;
  padding-top: 0px;
 }
 
#header #logo {
 background: url(../images/logo.png);
 height: 200px;
 /* width: 150px;  height: 53px; */
}
#sb-site {
/*background-color: red; */
}
#footer {
 background-color: #1B98E0;
}
h1, h2, h3, h4, h5, h6 {
	 color: #006494;
}

.logo-surround {

}

#header #logo {
 padding: 0px;
 margin: 0px;
 width: 205px;
 height: 200px;
}

#header #navbar {
    background: #1B98E0;
 }
#header #navbar ul ul li:hover > a {
    background-color:  #247BA0;
}
#header #navbar ul ul li:active > a {
    background-color: #247BA0;
}
#header #navbar ul ul li > a {
    background-color:  #1B98E0;
}
#header #navbar ul li:hover > a {
    background-color:  #247BA0;
}
/* Hintergrundfarbe des aktiven Menuepunkts */
#header #navbar ul li.active > a {
    background-color: #247BA0;
}
/* Hintergrundfarbe des aktiven Unterpunkts */
#header #navbar ul ul li.active > a {
    background-color: #247BA0;
 }

.panel-activation {
    opacity: 0.8;
	background-color: white;
}

#panel .navigation
 {
 background-color: #1B98E0;
}

#panel .navigation li > a:hover {
    background-color: #247BA0;
	color: white;
}
/* Schriftfarbe Überpunkte (nicht aktiv) Hamburger-Menue*/
#panel .navigation li a {
    color: #333333;
}	
/* Schriftfarbe Überpunkte beim Hovern Hamburger-Menue*/
#panel .navigation li > a:hover {
    color: white;
}	
/* Schriftfarbe Unterpunkte (nicht-aktiv) Hamburger-Menue*/
#panel .navigation li ul li a {
    color: #333333;
}
/* Schriftfarbe des aktuellen Menupünkts Hamburger-Menue */
#panel .navigation li.active > a {
    background-color: #247BA0;
    color: white;
}
/* Schriftfarbe des aktuellen Menupünkts (Über- und Unterpunkt) beim Hovern Hamburger-Menue */
#panel .navigation li.active > a:hover {
    /* funzt color: red; */
}

body {
    color: #247BA0;
}
body p {
    margin: 2px;
}

a {
    color: #247BA0;
}
#footer a {
    color: #ffffff;
}
.form-field .required {
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.button {
    background: #1B98E0;
}
/* Prussian Blue 13293D / Sapphire Blue 006494 / Celadon Blue 247BA0 / Carolina Blue 1B98E0 / Azure X 11 Web Color E8F1F2