/* Style Sheet */
/* Kalibrierung der wichtigsten Abstände */

@import url("../genericons/genericons.css");


/* cairo-regular - latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cairo-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v20-latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}




/* Allgemeine Selektoren */


* {
  -web-kit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  }


* {
  padding: 0;
  margin: 0;

}
body {
  background: white;

  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;


}

a { outline: none; }
/* Styles für das Layout */



/* banner logo */



#banner {
 width: 100%;
height: auto;
overflow: hidden;

}

#banner-innen {
  width: 100%;
  height: auto;
  max-width: 1280px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 15px;
}



#slogan-logo {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 20px 30px 40px;
  display: flex;

}

#logo {
  width: 50%;
  height: auto;
   padding-right: 8%;
}

#logo img {
  max-width: 100%;
  height: auto;
  display: block;
}

#slogan {
  width: 50%;
  height: auto;
 /* padding-top: 3px;*/
 
}

#slogan h1 {
  font-size: 2.45rem;
  font-weight: 400;
  color: rgb(49,61,118);
  line-height: 1.3;
 margin-bottom: 0px;
   font-family: 'Cairo';
}



/* navigation */


#navigation {
  width: 100%;
float: left;
height: auto;
  overflow: hidden;
display: block;

}


#navigation  ul li{
  float: left;
  font-size: 1rem;
  font-weight: 400;
  list-style-type: none;
width: 16.66%;
  line-height: 1.2;
}

#navigation ul li span {
  font-size: 1.3rem;
}


#navigation li a {
  text-decoration: none;
display: block;
color: rgb(49,61,118);
}




#navigation ul li a:hover,
#navigation ul li a:focus {
  color: rgb(161,162,159);
}




/* bilder slider */

#slider {
  width: 100%;
  height: auto;
  overflow: hidden;
 
}

.slider-innen {
  width: 100%;
  background: rgb(202,203,207);
  height: auto;
  overflow: hidden;
 
}
.slider-innen-1 {
  width: 100%;
  background: white;
  height: auto;
  overflow: hidden;
 
}

.slider-bild {
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

#slider img {
   max-width: 100%;
  height: auto;
  display: block;
}

.uk-dotnav {
  margin-left: 0px;
  background: white;
  height: 40px;
  padding-top: 15px;
}

.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  border-radius: 0%;
  background: rgb(161,162,159);
 
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 0px;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
}


.uk-dotnav > * > :hover {
  background-color: rgb(49,61,118);
  border-color: transparent;
}

.uk-dotnav > * > :active {
  background-color: rgb(49,61,118);
  border-color: transparent;
}

.uk-dotnav > .uk-active > * {
  background-color: rgb(49,61,118);
  border-color: transparent;
}


/* content */

#breadcrumb {
  width: 100%;
height: 20px;
  display: block;
  padding: 0;
}

#breadcrumb ol {
  width: 100%;
  height: 20px;
  display: block; 
 /* padding-top: 5px;*/
  padding-left: 0;
  margin-left: 0;
}

#breadcrumb ol li {
  float: left;
  font-size: 0.75rem;
  color: rgb(49,61,118) !important;
  list-style-type: none;
  text-decoration: none;

}

.breadcrumb-item+.breadcrumb-item:before {
    /*content: var(--breadcrumb-divider,">" );*/
  content: "\00a0 "">"" ";
}

#breadcrumb ol.breadcrumb li a {
  color: rgb(49,61,118);
  text-decoration: none;
}


#content-ganz {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: white;
  margin-bottom: 40px;
}

#content {
  width: 100%;
 max-width: 1280px;
  height: auto;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.125rem;
  color: black;
  font-weight: 400;
  line-height: 1.5;
  padding: 10px 40px 40px 40px;
}

#content h1,h2, h3 {
  font-size: 1.7rem;
  color: rgb(49,61,118);
  margin: 15px 0 10px 0;
    font-family: 'Cairo';
}

#content p {
  padding: 0;
  margin: 0;
}

#content #inhalt {
  width: 70%;
  height: auto;
  padding-top: 20px;
  padding-left: 7%;
  padding-right: 40px;
  overflow: hidden;
  float: left;
}

#inhalt a {
  color: black;
}

#inhalt a:hover {
  color: rgb(201,203,207);
  text-decoration: none;
}

/* Seite */

#content #seite {
  width: 30%;
  height: auto;
  float: left;
  overflow: hidden;
}

#content #seite .seite-alles {
  text-align: center;
  font-size: 1.25rem;
  color: rgb(128,137,141);
}

#content #seite img {
  max-width: 100%;
  height: auto;
  display: block;
}
 
#content #seite .seite-bild {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 20px;
}

#inhalt .startseite-menu {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#inhalt .menu-start {
  width: 30%;
  height: auto;
  overflow: hidden;
 
  display: block;
 /* padding: 10px;*/
  font-size: 1.7rem;
  text-align: center;
}


#seite .menu-start {
  width: auto;
  height: auto;
  overflow: hidden;
  display: block;
  font-size: 1.7rem;
 margin-top: 40px;
}


#inhalt .menu-start a {
  text-decoration: none;
  color: white;
  display: block;
  background: rgb(49,61,118);
  padding: 5px;
  letter-spacing: 5px;
}


#seite .menu-start a {
  text-decoration: none;
  color: white;
  /*display: block;*/
  background: rgb(49,61,118);
  padding: 10px 30px 10px 30px;
  letter-spacing: 5px;
  text-align: center;
}



#inhalt .menu-start a:hover,
#seite .menu-start a:hover {
  background-color: rgb(161,162,159);
}

#inhalt .start-text{
  width: 70%;
  height: auto;
  overflow: hidden;
  padding-left: 20px;
  font-size: 1.25rem;
  color: rgb(49,61,118);
  line-height: 1.3;
}


#seite .start-text {
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 1.25rem;
  color: rgb(49,61,118);
  line-height: 1.3;
  margin-top: 20px;
  margin-bottom: 20px;
}

#inhalt .panorama, {
  width: 100%;
  height: auto;
  overflow: hidden;
}


#seite .impressum {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 20px;
}

#seite .impressum a {
  color: black;
  text-decoration: none;
}

#seite .impressum a:hover {
  color: rgb(201,203,207);
}

/* footer */

#footer {
  width: 100%;
  max-width: 1280px;
  height: auto;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  background: rgb(201,203,207);
  color: black;
  font-size: 1.125rem;
  padding: 40px 20px 40px 7%;
}

#footer p {
  margin-bottom: 0;
}

#aussen,
#navigation-mobil {
  display: none;
}