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

/* CI

 Sand: #8b6e48
 Rot: #c21b1f

*/


/* === global elements === */
html {
  background-image: url(/images/bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* fonts */
@import 'https://fonts.googleapis.com/css?family=Roboto';
html {font: normal 18px / 1.8 'Roboto'; color: #000;}
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto'; font-weight: bold; color: #000; margin-bottom: 0.5em;}
h1 {font-size: 40px;}
h1::first-letter {color: #c21b1f;}
h2, .uk-article-title {font-size: 32px;}
h3 {font-size: 26px;}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 26px !important;
    word-break: keep-all;
  }
  h2 {
    font-size: 22px !important;
    word-break: keep-all;
  }
  h3 {
    font-size: 18px !important;
    word-break: keep-all;
  }
}

/* form */
textarea {height: unset;}


/* buttons */
.uk-button {
  background-color: #8b6e48;
}

/* icons */
.uk-icon-button {
  background: #8b6e48;
}


/* article images */
article > img {
      border-left: 1px #c21b1f solid;
}

/* === special areas === */

/* cookiehint */
#cookiehintsubmit {background-color: #8b6e48 !important;}

.main-outer {
    background: transparent;
}


/* navbar */
.uk-navbar {
    background: #8b6e48;
    color: #777777;
}
.uk-navbar-nav > li > a { font-family: 'Roboto'; }
.uk-nav-navbar > li > a { font-size: smaller; }
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  color: #000;
  background-color: #fff;
}  
.uk-dropdown-navbar {
  background: #8b6e48cc;
}
.uk-subnav > .uk-active > * {
  color: #fff;
}


.startseite #top-a h1,
.startseite #top-a h1::first-letter,
.startseite #top-a h2 {
  color: #000;
  text-transform: none;
  margin: 0;
}
.startseite #top-a h2 {
  font-size: 22px;
  letter-spacing: 0.13em;
}

/* footer */
.footer-outer {
  background-color: #8b6e48;
  font-size: small;
}


/* top scroller */
.uk-button.top-scroller {
  background-color: #c21b1f;
}