/*COLORS*/
/*COLORS*/
/*transparent, but not white*/
/*Content*/
/*Navbar*/
/*Modal*/
/*FONTS*/
@font-face {
  font-family: 'qarmic-sans';
  src: url(../fonts/qarmic-sans.regular.ttf) format('truetype');
}
@font-face {
  font-family: 'chlorinar';
  src: url(../fonts/chlorinar.regular.ttf) format('truetype');
}
@font-face {
  font-family: 'modern-serif-eroded';
  src: url(../fonts/modern-serif-eroded.ttf) format('truetype');
}
@font-face {
  font-family: 'fedra-sans-book';
  src: url(../fonts/fedra-sans-book.ttf) format('truetype');
}


* {
  /*font-family: 'qarmic-sans', 'Arial', serif;*/
    font-family: 'fedra-sans-book', tahoma,verdana,arial,helvetica,tahoma,sans-serif;
}


h3,
h4,
.nav > li > a {
  font-family: 'modern-serif-eroded';/*'angelicpeace'; , angelicpeace', tahoma,verdana,arial,helvetica,tahoma,sans-serif; /*'chlorinar', 'Arial', serif;*/    
  /*font-size: 1.8em;2em;
    font-weight: normal;
    color: black ! important;*/
    margin-top: -27px;
    margin-bottom: -20px;
    margin-right: 33px;
}

h1, h2, h2 > u{
  font-family: 'modern-serif-eroded';/*'angelicpeace'; , angelicpeace', tahoma,verdana,arial,helvetica,tahoma,sans-serif; /*'chlorinar', 'Arial', serif;*/    
  /*font-size: 1.8em;2em;
    font-weight: normal;
    color: black ! important;*/
    margin-top: 0px;
    margin-bottom: 0.2em;
}

h2{
    font-size: 2.3em ! important;
    margin-top: 2em;
    margin-bottom: 0.4em;
}

.nav > li > a > center > p,  .nav > li > a > center > p > b {
  font-family: 'modern-serif-eroded';/*'angelicpeace'; , angelicpeace', tahoma,verdana,arial,helvetica,tahoma,sans-serif; /*'chlorinar', 'Arial', serif;*/    
  font-size: 1.6em;/*2em;*/
    font-weight: normal;
    color: black ! important;
    
    margin-bottom: 0.15em;
}
h2 {
  font-size: 3em;
}
html {
  background-color: #f5d09c; /*rgba(255, 117, 0, 0.55);*/
  /*GRADIENT?! (+webkit, o and moz) */
  /*background: linear-gradient(-20deg, @background-main-color-modal 0.0002%,, @background-transparent 2%, @background-main-color 90%   );*/
  /* Standard syntax */

}
body {
  background-color: #f5d09c; /*rgba(0, 0, 0, 0);*/
}
.panel,
.jumbotron,
.list-group-item {
  background-color: #eeeeee;/*rgba(255, 119, 4, 0.65);
  border-color: rgba(255, 119, 4, 0.65);
  color: #000000;*/
}
.modal-header,
.modal-body,
.modal-footer {
  background-color: rgba(255, 119, 4, 0.83);
  border-color: rgba(255, 119, 4, 0.83);
  color: #000000;
}
/*
.navbar {
  background-color: #a76128;
  border-color: #a76128;
  color: #000000;
}*/

.navbar-fixed-top {
   background-image: url(../images/banner-top.jpg);
}

.navbar-brand {
    position: relative;
    z-index: 10;
}

.navbar-brand > center{ /*Brand*/  
    margin-top: 4px;
}

.navbar-brand > center > p > b{ /*Brand Title*/
   font-family: 'modern-serif-eroded'; 
    font-size: 2em;/*2em;*/
    font-weight: bolder;
    color: black ! important;
}

.navbar-brand > center > p{ /*Brand Subtitle*/
   font-family: 'modern-serif-eroded'; 
    font-size: 1em;/*2em;*/
    font-weight: bold;
    color: black ! important;
    margin-top: -4px;
    margin-bottom: 4px;
}

.menu {
    width: 100%;
}

.btn-primary,
.btn-primary:focus,
.btn-success,
.btn-success:focus {
  background-color: orangered;
  /*@background-main-color-navbar*/

  border-color: black;
  /*color: @font-main-color;*/

}
.btn-primary:hover,
.btn-success:hover {
  background-color: rgba(255, 119, 4, 0.65);
  border-color: black;
}
/*.btn-primary:focus,*/.btn-primary:active,
.btn-success:active,
.btn-success:enabled {
  background-color: #ff7200 !important;
  border-color: black;
}
.navbar-text > p {
  color: #000000;
}
.navbar-text > a {
  color: #03032f;
}
.my-link {
  color: #03032f;
}
/*NAVBAR*/
/*.nav > li > a {background-color: azure; }*/
.nav > li:hover .menu:hover {
  background-color: /*#eeeeb9;*/rgba(238, 238, 185, 0.65);
}
/*remove the blue outline around 'contact' and keep the default color after closing the contact formular popup...*/
.nav li a:focus {
  outline: none;
  color: #9d9d9d !important;
}
/*...but keep the color white on click*/
.nav li a:active {
  color: white !important;
}
/*SIDEBAR*/
.list-group a:hover,
.list-group div:hover,
.list-group a:active {
  background-color: /*#ff7200*/ rgba(238, 238, 185, 0.65);
}
.my-sidebar-heading-link {
  margin-top: 5px;
  color: #000000;
  font-size: 1.3em;
}
.my-sidebar-heading-link:hover {
  text-decoration: underline;
  color: #000000;
}
.top-buffer-small {
  padding-top: 10px;
}
.top-buffer-big {
  padding-top: 25px;
}
/*Override Bootstrap default values for ACTIVE MENU POINT*/
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  /*color: #FFF;*/

  background-color: #eeeeb9;
}

#myPrinciple{
    background-color: #d46b3e;     
}
#myPrinciple p {
    font-family: 'modern-serif-eroded'; 
    color: white;
    font-size: 1.8em ! important;
}

.myLyric{
    background-color: #d46b3e;      
}
.myLyric p {
    color: white;
    font-size: 1.8em ! important;
}
.myLyricSource{
    font-family: 'modern-serif-eroded';
    color: white;
    font-size: 1.8em ! important;
}

.telephone{
    margin-top: -1em;
}

.telephone tr th p, .konto tr th p {
    margin-bottom: -0.1em;
}

/*
#mySidebarMainImage{
    width: 100%;
    margin-left: -10px;    
    margin-right: -100px;
} */