body {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    color: #000000;
}
h1 {
    font-family: 'Merriweather', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 34px;
    color: rgba(139,167,190);
    margin-bottom:40px;
    display:block;
    text-align:center;
}
h2 {
  font-family: 'Merriweather', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  color: #000000;
  margin-bottom:16px;
}
h3 {
    font-family: 'Merriweather', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #000000;
    margin-top: 24px;
}
h4 {
  font-family: 'Merriweather', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  color: #000000;
  margin-bottom:10px;
}
a, a:hover {
    text-decoration:none;
    color: rgb(202,138,64);
}
b,strong {
  font-weight:700;
}
.errortext {
  color: #dc3545;
}
legend {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 20px;
}
.form-check-input:checked {
  background-color: rgba(139,167,190);
  border-color: rgba(139,167,190);
}
.custom-btn-1 {
    font-family: 'Merriweather', sans-serif;
    color: rgba(139,167,190);
    border-color:  rgba(139,167,190);
}
.custom-btn-1:hover {
    background-color: rgba(139,167,190);
    border-color: #fff;
}
.custom-btn-2 {
  font-family: 'Merriweather', sans-serif;
  background-color: rgba(139,167,190);
  border-color: #fff;  
}
.custom-btn-2:hover {
  color: rgba(139,167,190);
  border-color:  rgba(139,167,190);  
  background-color: rgba(255,255,255);
}
#main-container {
    /*padding: 60px 0 80px 0;*/
	padding: 20px 0 80px 0;
}
#bottom-container {
    background-color: rgba(139,167,190,0.2);
}
#bottom-container-inner {
    min-height: 212px;
    padding: 40px 132px 40px 132px;
}
#main-container a, #bottom-container a {
  font-style:italic;
}
.footertd {
    width: 33%;   
    vertical-align: top; 
}
/*
footer a {
    color: #000000;
    text-decoration: none;
}
footer a:hover {
    color: rgb(202,138,64);
    text-decoration: none;
}
*/
.text-right {
    text-align:right;
}
.narrow-text {
    width: 800px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
}
.narrower-text {
  width: 400px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right:auto;
}
.narrow-italic-text {
    width: 640px;
    margin-bottom:30px;
    font-style: italic;
    margin-left:auto;
    margin-right:auto;
}
.ico-24 {
    height: 24px;
    width: auto;
}
.flexslider {
    width: 100%;
    height: auto; 
    max-height: 340px; 
  }
  .linkbox {
    margin-bottom:20px;
    padding-right:20px;
    min-width:300px;
  }
  .flexslider .slides img {
    width: 100%;
    height: auto;  
    max-height: 340px;
  }
  
  .flex-control-nav {
    bottom:-60px;
  }
  .flex-control-paging li a {
    border: 1px solid rgba(202,138,64);
    background: rgba(255,255,255);
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  }
  .flex-control-paging li a:hover {
    background: rgba(202,138,64);
  }
  .flex-control-paging li a.flex-active {
    background: rgba(202,138,64);
  }
  .breadcrumbs {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 11px;
    font-weight: 300;
    line-height: 24px;
    color: rgb(112,105,91);
    padding-left:132px;
  }
  .breadcrumbs span.active {
      font-weight: 700;
  }
  .breadcrumbs span {
    display: inline-block;
    padding: 0 10px;
  }
  .breadcrumbs a {
    color: rgb(112,105,91);
  }
  .breadcrumbs a:hover {
    color: rgba(202,138,64);
  }

  /* https://codemyui.com/responsive-sidebar-menu/ */
.sidebar {
    /*height: 100%;*/
    /*width: 600px;*/
    position: fixed;
    top: 0;
    z-index: 1;
    left: 0;
    background-color: rgb(234,217,175);
    padding:0px 120px 40px 40px;
    min-width: 400px;
  }
  .sidebar-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    margin-top: 40px;
    text-align: left;
  }
  .sidebar-list li {
    margin-bottom:24px;
  }
  .sidebar-anchor {
    color: rgb(112,105,91);
    font-family: 'Merriweather', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;  
    text-decoration: none;
  }
  a.sidebar-anchor:hover {
    color: #000;
  }
  a.sidebar-anchor-active {
    color: #000;
  }

  #kursgruppen-titel {
    
  }
  .submenu-list {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    margin-top: 10px;
    margin-bottom:40px;
    text-align: left;
  }
  .submenu-list li {
    margin-bottom:0px;
  }
  .submenu-anchor {
    font-family: 'Merriweather', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;  
    text-decoration: none;
  }
  a.submenu-anchor {
    font-style: normal !important;
  }
  a.submenu-anchor:hover {
    color: #000;
  }
  a.submenu-anchor-active {
    color: #000;
  }

  .kursliste div.row {
    padding:10px;
  }
  .kursliste div.row:nth-child(odd) {
    background-color: rgba(139,167,190,0.05);
  }
  .kursinfo {
    font-size: 14px;
    line-height: 20px;
  }
  

  #sip-address {
    margin-top:60px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    color: rgb(112,105,91);
  }
  #sip-address-tel {
    margin-top:14px;    
  }
  .phonetext {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 700;
  }
  .grussformel {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;
    color: rgb(139,167,190);
    font-size: 16px;
    line-height: 27px;
    font-style:italic;
  }
  .myhr {
    border-top: 1px solid #C2C4C4;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
    margin-bottom:60px;
  }
  .myhr-dotted {
    border-top: 1px dashed #C2C4C4;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
    margin-bottom:60px;
  }

@media only screen and (max-width: 992px) {
  .himg {
    height: auto;
    width: 200px;
  }
    .narrow-text,.narrow-italic-text {
        width:90%;
    }
    .footertd {
        width:100% !important;    
        display:block !important;
        text-align:left !important;
    }
    .footerinner {
        display:block !important;
        text-align:left !important;
        clear:both !important;
        margin:0px;
        width:100%;
    }
    .breadcrumbs {
        padding-left:0px;
    }      
    #bottom-container-inner {
      padding: 40px 0px;
    }
}
@media only screen and (min-width: 991.98) and (max-width: 1199.98px) {
	.narrow-text,.narrow-italic-text {
        width:600px;
    }
    .breadcrumbs {
        padding-left:0px;
    }    
}