/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

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

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
body .small, body small{font-size: 90%;} 
h2, h3, h4, h5, .zitat, .author{ color: black;}
h5{text-transform: uppercase; font-weight: 600;}
.zitat{font-size: 1.5em;}
html{min-width: 350px;}
.navbar-toggler .navbar-toggler-icon {
    background-image: url("/images/burgermenu.png");
}
body {
  min-height: 75rem;
  padding-top: 200px;
  background: white;
  font-family: 'Source Sans Pro', sans-serif;
}
.navbar-toggler.navbar-toggler {
  border-radius: 0;
  border: 0;
  padding: 0.25rem;
} 

.bg-light{ background-color: #e2eded !important;}
.bg-dark{background-color: #231f20 !important;}
footer, footer a{color: white;}
footer .text-uppercase{color: #848182;}
#kontakt h2{color: black;}
a{color: #64a59e; text-decoration: none;}
.form-check-label a{text-decoration: underline;}
.btn{background-color: #4b5864; color:  #64a59e; border-radius: 0; border: 1px solid black;}
#yoga {background: url("/images/lotusblume.png") center center no-repeat scroll;}
.navbar{background: white;}

.toTop {
  display: none;
  position: fixed;
  bottom: 20px;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #e2eded;
  color: #64a59e;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#yoga h2{font-weight: 300; font-weight: 2.4rem;}

.toTop:hover {
  background-color: #e2eded;
}
.container-fluid{
    max-width: 1200px;
}

.font-weight-bold {
    font-weight: 600 !important;
}

h2.header{
     font-weight: 600;
     font-size: 1rem;
     margin-top: 50px;
     margin-left: 160px;
}
@media (min-width: 576px) { 
 h2.header{
     margin-top: 130px;
     margin-left: 200px;
 }
}

@media (min-width: 800px) { 
 h2.header{
     font-size: 2.5rem;
     margin-top: 180px;
     margin-left: 400px;
 }
}
@media (min-width: 1010px) {
 h2.header{
     margin-top: 300px;
     margin-left: 450px;
 }
}
.yogaicon{margin-left: -40px;}

.wrapper {
    display: block;
    background: white; 
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    /* top layer */
    width: 250px;
    position: fixed;
    top: 0;
    right: -250px;
    z-index: 1999;
    background: rgba(226,237,237,0.95);
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    padding: 20px;

}
html a:hover{
    text-decoration: none;
    color: #64a59e;
    font-weight: bold;
}
html a h5:hover{font-weight: bold; text-decoration: none;}
#sidebar.active {
    right: 0;
}

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}
/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 1;
}

#dismiss {
    text-align: right;
    color: #212529;

}

.zoom {
    overflow: hidden;
}

@media (min-width: 1200px) { 
body{
  background-image: url("/images/background.jpg");
}
.navbar{background: white; box-shadow: -5px -5px 5px rgba(0,0,0,0.4);}
.wrapper{    box-shadow: -5px -5px 5px rgba(0,0,0,0.4);}
#sidebar{}
}
#email2 { display: none; }