/**
 * @package   Loyale Joomla! 3 Template
 * @version   1.0
 * @author    7Studio Tomasz Herudzinski http://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2014 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
**/


 /* 
 * 
 * IMPORTANT!
 *
 * Please paste here css rules which you would like to override and change.
-----------------------------------------------------------------------------------*/
.uk-subnav-pill > .uk-active > * {
    background: #691c4a !important;
}
h2 a:hover, h3 a:hover, h4 a:hover {
    color: #691c4a;
}
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #7f2b5c;
}
button.btn.btn-primary.validate {
  background-color: #e6e6e6 !important;
}
button.btn.btn-primary.validate:hover {
  color: black !important;
}
.itemid-299 .module-title h3 {
  height:40px !important;
}
.pane-sliders .panel .pane-slider.content {
    max-width: 700px;
    margin: 0 auto;
}
.btn-preis {
  cursor: initial;
  font-size: 0.9em;
margin-top: 1em;
}
.btn-preis:hover {
  background-color:#baae99;
    color: black;
}
.pane-sliders .panel h3.title {
    margin-top: 20px;
}
#st-menu > ul > li > .nav-item {
    line-height: 35px;
}
.highlight {
  font-weight: bold;
  color: #baae99;
}
p.copyrights a {
    color: #7f2b5c !important;

}
.pane-sliders .panel h3.title.pane-toggler-down, .pane-sliders .panel h3.title.pane-toggler-down:hover {
    border: 1px solid #333;
    background-color: #333;
}
.nav-item:hover,#st-menu > ul > li.active > .nav-item,strong,.highlight{
    color: #7f2b5c !important;
}

.telnr, .telnr:hover {
  color:#999999 !important;
}
.time-wrapper, .item-image-wrap .item-image-backdrop {
    background-color: #691c4a !important;
}
.pane-sliders .panel h3.title:hover {
    border: 1px solid #691c4a;
    background-color: #691c4a !important;
}
.pane-sliders .panel h3.title.pane-toggler-down, .pane-sliders .panel h3.title.pane-toggler-down:hover {
    border: 1px solid #691c4a;
    background-color: #691c4a;
}
.btn-preis,.btn-preis:hover {
   background-color: #e6e6e6;
}
.btn-group.open, .btn-primary.dropdown-toggle, .btn-primary {
    color: black;
}
#main-sidebar {
    width: 360px;
}
#st-menu ul ul {
    left: 360px;
}
.logo {
    padding: 0 30px;
}


#main-container {
    padding: 0 20px 0 380px;
}
#background-image .image-overlay {
    padding: 40px 40px 40px 400px;
}


@media (max-width: 979px) { 
  #main-container {
    padding: 0 20px 0 20px;
    margin-top: 100px;
}
  
  .mainbody-left #main-container .content-column {
    margin: 20px 0 0 0px;
}
  #main-container .content-column {
    max-width: 100% !important;
}
  .logo {
    text-align: center;
}  
  .logo a img {
    margin: 0;
}
  
  
  #main-sidebar {
    width: 100%;
    padding: 10px;
}
  
  #main-sidebar .logo img {
    max-height: 80px;
    max-width: 50vw;
    min-width:250px;
    height: auto;
}
  #main-sidebar .table-wrap {
    max-width: 75%;
}
  #mobile-menu-wrap p, ul, ol {
    margin-left: 10px;
    margin-right: 10px;
  }
  
  #background-image .image-overlay {
    padding: 140px 40px 40px 40px;
}
#main-sidebar .logo img {
    max-height: 80px;
}
}
   


@media (max-width: 768px) { 
  .time-box {
    float: left !important;
  }
  }


@media (max-width: 480px) { 
    .logo {
    padding-top:10px;
	} 
  h1 {
    font-size: 26px;
    line-height: 32px;
	margin-bottom: 16px;
  }
  h2 {
    font-size: 24px;
    line-height: 30px;
  }
  main-container .content-column {
    padding: 20px !important;
	}
  h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .st-article header .time-box {
    float: left;
}
  ul.pagination-list li:first-child {
    margin-left: 0px;
}
 .pagination ul > li > a {
    padding: 10px;
  }
}