﻿/*---------------------------------------------------------------------*/
/* override style.less */

/* head-search module */
/* z-index:900 niedriger als Phoca Gallery Detail View */	
@media screen and (min-width: 991px) {
    .head-search {
        margin-right: 26px;
        margin-top: 66px;
        z-index:900;
   }
}

/* head-search module Anzeige links bei navbar.collapse */
@media screen and (max-width: 990px) {
    .head-search {
        margin-top: 15px;
        z-index:900;
    }
}

/* head-search module-button und input */
.head-search .search {
    height: 26px; 
   	border: 0;
}

/* head-search module-button */
.head-search .button {
    margin-top: 0px;
    margin-left: -65px;
    height: 26px;
    border: 0;
}

@media screen and (min-width: 991px) {
	.head-search .button {
		color: #800000;
    	background-color: transparent;
 	 }
}  
 
@media screen and (max-width: 990px) {
	.head-search .button {
      	color: #ffffff;
    	background-color: #A5607D;
 	}
}  

/* head-search input */
.head-search .form-control {
    width: 180px;
    margin-top: -26px;
    margin-left: 0px;
    padding-left: 5px;
    height: 26px;
    border: 0;
    color: #800000;
    background-color: #ffffff;
}

.head-search .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  -webkit-text-fill-color: #800000;
}
.head-search .form-control::-moz-placeholder {
  color: #800000;
}

/* head-search input active */
.head-search .form-control:active,
.head-search .form-control:focus,
.head-search .form-control:hover {
    color: #800000;
    border: 1px solid #A5607D;
}

/* head-search language-switcher */
.head-search .mod-languages { 
    position: relative;    
    top: -24px;
    right: 120px; 
    width: 60px;
}

.head-search .mod-languages li {
    margin-left: 1px;
    margin-right: 2px;
}

.head-search .search .fa-search {
   margin-top: 10px;
   visibility: hidden;
}

/*Logo*/
.logo {
  margin: auto; /*JR margin: 0;*/
}

.t3-mainbody {
  padding-top: 10px; /*JR padding-top: @line-height-computed; */
  padding-bottom: 200px; /*JR @line-height-computed; */
}

.t3-content {
  padding-left: 10px; /* was 50px */
  padding-right: 10px; /* was 50px */
  background-color: @white;
  background-image: url(../images/backgnd/backgnd001.png);
  background-repeat: repeat;
  border: outset lightgray 3px;  
}


/*---------------------------------------------------------------------*/
/* JR 2016-12-19 override navbar.less */
/*Menueleiste T3 MAIN MENU*/
.t3-mainnav {
	box-sizing: border-box; /*JR new */
	margin-left: auto; /*JR new */
	margin-right: auto; /*JR new */
    background-image: url(../images/navbar/navbar-2016-11-12a.png);
}

@media screen and (min-width: 991px) {
    .t3-mainnav {
       width: 1180px;
    }
}

@media screen and (max-width: 990px) {
    .t3-mainnav {
       width: 500px;
    }
}

/* navbar-toggle */
.navbar-toggle {
    left: 0px;
}

.navbar-nav > li > a {
  line-height: 15px;
}

/*---------------------------------------------------------------------*/
/* JR 2016-12-19 override core.less */
body {
  background-image: url(../images/backgnd/backgnd002.png);
  padding-top: 5px; /*JR padding-top: @navbar-height;*/
}

.above-header-css p {
    margin-bottom: 5px;
}

.above-header-css img {
   border: outset lightgray 3px;
}

/*---------------------------------------------------------------------*/
/* JR 2016-12-19 override ´joomla.less */
.item-page .article-aside {
  margin-bottom: 0px; /*JR margin-bottom: @t3-global-margin * 2;*/
}

/*---------------------------------------------------------------------*/
/* FH 2018-02-11 override´megamenu.css */

.dropdown-menu {
    background-color: #e5e4e4;
}

.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
    color: #360054;
}

.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    color: #360054;
    background-color: #ffffff;	
}

.t3-megamenu .mega-nav > li.active > a,
.t3-megamenu .dropdown-menu .mega-nav > li.active > a {
    color: #6c283b;
    background-color: #ffffff;
}

.t3-navhelper {
    background-image: url(../images/backgnd/backgnd001.png);
}

.t3-copyright {
    background-image: url(../images/backgnd/backgnd001.png);
    border-top: 0;
}

tr td {
    border-top: 0;
}

/* YouTube Video responsive einbinden */
.embed-container {
   position: relative; 
   padding-bottom: 56.25%; /* ratio 16x9 */
   height: 0; 
   overflow: hidden; 
   width: 100%;
}

.embed-container iframe {
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 100%; 
   height: 100%; 
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

@media screen and (max-width: 990px) {
  .width-reduced-100 {
    width: 100% !important;
  }
} 

@media screen and (max-width: 990px) {
  .width-reduced {
    width: 89% !important;
  }
}  

.flex-container {
	display: flex;
  	align-items: center;
}

@media screen and (min-width: 991px) {
   .flex-container {
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 990px) {
   .flex-container {
        flex-wrap: wrap;
    }
    .flex-column-reverse {
        flex-direction: column-reverse;
	}
    .flex-column {
        flex-direction: column;
	}
}
