/* Irina Vardeli */

html, body
{
    margin: 0px;
    padding: 0px;
}
body 
{
	font-family:"TSTARPRO-Regular";
	color:#501d0c; /* DUNKEL BRAUN */
  /* color: #bb8766; HELLBRAUN */
	font-size:100%;
	font-weight:100;
}
/* Bilder */
#c2 /* Home */
{
  margin-top: -30px;
  padding-left: 20%;
}
.image-embed-item
{
    width: 100%!important;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* Schrift */
.nav-link,
h1
{
  text-transform: uppercase;
}
  @font-face {
  font-family:"TSTARPRO-Regular";
  src: url("/fileadmin/fonts/TSTARPRO-Regular.otf") format("opentype");
  }
  
  @font-face {
  font-family: "TSTARPRO-Bold";
  font-weight: 700;
  src: url("/fileadmin/fonts/TSTARPRO-Bold.otf") format("opentype");
  }
  @font-face {
	font-family: 'Glyphicons Halflings';
	src: url("fileadmin/fonts/glyphicons-halflings-regular.eot");
	src: url('fileadmin/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
	url('fileadmin/fonts/glyphicons-halflings-regular.woff') format('woff'), url('fileadmin/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fileadmin/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }
  
  h1
  {
	  font-size:30px;
	  font-family:"TSTARPRO-Bold";
	  padding-bottom:10px;
    padding-top: 20px;
  }
  h2
  {
	  font-size:26px;
	  font-family:"TSTARPRO-Bold";
	  padding-top:20px;
  }
  h3
  {
	  font-size:22px;
	  font-family:"TSTARPRO-Bold";
	  padding-top:20px;
  }
  h4
  {
	  font-size:18px;
	  font-family:"TSTARPRO-Bold";
  }
  h4
  {
	  font-size:16px;
	  font-family:"TSTARPRO-Bold";
  }
  
  p a
  {
	  color:#501d0c; /* DUNKEL BRAUN */
  }
  .nav-item a
  {
    font-size:0.8em;
  }
.piano img
{
position: relative;
 float: right!important;
 margin-right: -20px;
 margin-top: -20px;
 width: 70%!important;
 height: auto;
 position: relative;
 z-index: -1;
}
@media screen and (max-width: 991px) {
  .piano img
  {
    visibility: hidden;
  }
}
.logo
{
  width: 80%;
  height: auto;
  min-width: 100px;
  max-width: 350px;
}
/* Navbar */
.list-group
{
  padding-left: 30px;
}
.nav-item
{
  list-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-bottom: #501d0c solid 1px;
  position: relative;
z-index: 1;
}
.sidebar-heading,
.navbar
{
    background-color: #501d0c!important; /* DUNKEL BRAUN */
    height: 100px;
}
.border-bottom 
{
  border:none!important;
}
.nav-item .active
{
  background-color: #bb8766; /* HELLBRAUN */;
}
.nav-item:hover
{
  background-color: #bb8766; /* HELLBRAUN */;
  columns: color: #501d0c!important; /* DUNKEL BRAUN */
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 .hamburger 
 {
    
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
    .hamburger:hover {
      opacity: 0.7; }
    .hamburger.is-active:hover {
      opacity: 0.7; }
    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
      background-color: #bb8766; /* HELLBRAUN */ }
  

  .hamburger-box 
  {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top:40px;
  }
  
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
      width: 50px;
      height: 3px;
      background-color:#bb8766; /* HELLBRAUN */
      border-radius: 4px;
      position: absolute;
      transition-property: transform;
      transition-duration: 0.15s;
      transition-timing-function: ease; }
    .hamburger-inner::before, .hamburger-inner::after {
      content: "";
      display: block; }
    .hamburger-inner::before {
      top: -15px; }
    .hamburger-inner::after {
      bottom: -15px; }
  
  /*
     * Hamburger
     */
  .hamburger--3dx .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
      transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg); }
    .hamburger--3dx.is-active .hamburger-inner::before {
      transform: translate3d(0, 15px, 0) rotate(45deg); }
    .hamburger--3dx.is-active .hamburger-inner::after {
      transform: translate3d(0, -15px, 0) rotate(-45deg); }
  
/* Sprache */
.langugageMenu
  {
    white-space: nowrap;
  }

  .langugageMenu a:first-child 
  {
    margin-right:-5px;
  }
  .sprache
  {
	  position: absolute;
	  right:100px;
	  top:45px;
	  color:#501d0c; /* HELLBRAUN */
      white-space: nowrap;
  }
  .sprache a
  {
	  color:#bb8766; /* HELLBRAUN */
	  padding-left:5px;
	  padding-right:5px;
      text-decoration: none;
      font-size: 1em!important;
  }
  .active
  {
	  color:#501d0c; /* DUNKEL BRAUN */
	  background-color: #bb8766; /* HELLBRAUN */
	  text-decoration:none;
  }
  .nav>li>a:hover, _.sprache a:hover
  {
	  color:#501d0c; /* DUNKEL BRAUN */
	  background-color: #bb8766; /* HELLBRAUN */
	  text-decoration:none;
  }
  .download:hover, .download:visited, .glyphicon-download-alt:hover
  {
	  color:#501d0c; /* DUNKEL BRAUN */
	  background-color: #bb8766; /* HELLBRAUN */
	  text-decoration:none;
  }
  /* Cookies */
.dp--revoke
{
  width:50px;
  height:50px;
  position:fixed;
  left:15px;
  bottom:20px;
}