/*-----------------------------------------------------------------------------
    ausignis-Framework (ausignis.css) for
    - Joomla ausignis-tpl-x
    - DNN ausignis.Tplx
    ----------------------------------------------------------------
    Version 1.1.1   
    requires:   - Bootstrap 3.x
                - FontAwesome 4.x
-----------------------------------------------------------------------------*/


/* ============================== TYPOGRAPHY ============================== */
html {
    font-size: 10px;    
}
body, html {	   
    -webkit-font-smoothing: antialiased;
    /*Sticky-Footer*/
	height: 100%;
}
body:after {
    content: 'mobile';
    display: none;
}

p:first-child {
	margin-top: 0px !important;
}
	
a, a:active, a:visited, a:focus {
	outline: none;
}
a:hover {	
	outline: none;
}

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0px;
}

li {
	margin-bottom: 3px;
}
li:last-child {
	margin-bottom: 0px;
	margin-right: 0px;
}

table {
	font-size: inherit;
    font: 100%;
}

ul {
	margin-bottom: 20px;
}

address li {
    margin-bottom: 0px;
}

select, input, textarea {
    font-size: 99%;
}

pre {
    padding: 15px;
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* ============================== /typograhy ============================== */


/* ==================================  AUSIGNIS-EXTENSIONS ================================== */

/* Menusuffix separator fuer Trennstriche */
#footer-menu-cont ul.menu li, ul.menu.separator li {
    float: left;
    list-style: none outside none;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
	border-left: 1px dotted #cccccc;
}
#footer-menu-cont ul.menu li:first-child, ul.menu.separator li:first-child {		
	border-left-width: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

/* Download-Menu mit Download-Icon */
ul.menu.download > li > a:before {
	content: '\f019';
    font-family: 'FontAwesome';
    font-size: 100%;		
    margin-left: -20px;
    margin-right: 0.5em;
	vertical-align: 0px;	
}
.nav.menu.download > li > a {
	padding-top: 0px;
	padding-bottom: 0px;
}


.pull-left, .left {
	float: left;
	clear: both;
	margin: 5px 20px 10px 0px;				
}
.pull-right, .right {	
	clear: both;
    float: right;
    margin: 5px 0px 20px 30px;
}
.block-center {
	display: block;				
	margin: 5px auto 20px auto;
}
.first {
	margin-top: 0px;
}
.last {
	margin-bottom: 0px;
}

.no-passages p, .no-passages ul, .no-passages img {
    margin-bottom: 0px !important;
}
.no-passages ul.list-inline {
    margin-bottom: -5px !important;
}

.table.text-center td , .table.text-center th{
   text-align: center;   
}
.table.text-left td, .table.text-left th {
   text-align: left;   
}
.table.text-right td, .table.text-right th {
   text-align: right;   
}

a.extern:before {
	content: '\f08e';
    font-family: 'FontAwesome';
    font-size: 85%;		
    margin-left: 0px;
    margin-right: 4px;
	vertical-align: 0px;		
}

i.spacer-right {
	margin-right: 0.7em;
}
i.spacer-left {
	margin-left: 0.7em;
}

.landing {    
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;    
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    overflow: hidden;
}

.overlay {
    height: 100%;
    width: 100%;
}

/* zentriert den content eines divs vertical */
.vertical-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.clickable {
    cursor: pointer;
}

.cover-bg {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;    
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    overflow: hidden;
}

.col-left {
    float: left;
}
.col-right {
    float: right;
}


/* -------------------- for Bootstrap -------------------- */
.page-content .row {
    margin-top: -50px;
}
.page-content .row > * {
    margin-top: 50px;
}

/*um Fullsizebilder in einem Panel darzustellen*/
.panel .nopadding {
    margin: -15px;
}
.panel .nopadding img {
    display: block;
    width: 100%;
    margin: 0px;      
}

/*Accordion-Panel*/
.panel-accordion {    
    background: url('../images/textures/sl-paper-14.jpg');    
    border: none;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.20);    
}
.panel-accordion .panel-heading {
    padding: 0px;    
    background: url('../images/textures/sl-leather-02.jpg');
    color: #eeeeee;
	font-weight: normal;	    	
	width: 100%;   
    font-size: 2.0rem;
    padding: 12px 15px;        
    line-height: 130%;                
}
.panel-accordion .panel-heading h4 {
	margin: 0px 0px 0px 15px;    
    text-indent: -15px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;    
    text-transform: uppercase;
}
.panel-accordion .panel-heading h4 a:before {
	content: '\f101';
    font-family: 'FontAwesome';
    font-size: 85%;		
    margin-left: 0px;
    margin-right: 5px;
	vertical-align: 2px;
	color: #eeeeee;
}
.panel-accordion .panel-heading a {
    display: block;
    color: inherit;
    text-decoration: none;
}
.panel-accordion .panel-heading a:hover {
	color: #ffffff;
}

.panel-accordion .panel-body {
    padding-top: 25px;
    padding-bottom: 25px;    
}
.panel-accordion .panel-body, .panel-accordion .panel-body p, .panel-accordion .panel-body li {
    text-align: center;
    font-size: 2.0rem;
}
.panel-accordion .panel-body i.fa-li {	
	color: #4B6388;    
}
.panel-accordion .panel-body ul {
    padding-left: 0px;
}
.panel-accordion .panel-body li {
    list-style-type: none;    
    margin-bottom: 20px;
}
.panel-accordion .panel-footer {
    background: transparent;
    font-size: 75%;    
}
.panel-accordion .panel-footer p {
    text-align: right;
}

.modal-fullsize {
    width: 100%;
}
.modal-fullsize .modal-content {
    border-radius: 0px;
    background-color: none;
    border: none;
    box-shadow: none;
}
.modal-fullsize .modal-header {
    border: none;    
}
.modal-fullsize .modal-title {
    text-align: left !important;
}
.modal-fullsize button.close {
    margin-top: -20px;
    font-size: 80px;
}
.modal-fullsize .modal-body {
    border-bottom: 2px solid #aaaaaa;    
}
.modal-fullsize .text-area p {
    text-align: left !important;
}
.modal-fullsize .img-area {
    
}
.modal-fullsize .img-area img {
    float: right;
}

ul.row {
    list-style: none;
    padding: 0px;
    margin-top: -15px;
    margin-bottom: -15px;
}
ul.row > li {
    padding-top: 15px;
    padding-bottom: 15px;
}

.row.col-padding {    
}
.row.col-padding > div {
    padding-top: 8px;
    padding-bottom: 8px;
}
.row.col-padding > div *:last-child {
    margin-bottom: 0px;
}

/* -------------------- /for bootstrap -------------------- */

/* -------------------- for animate.css -------------------- */

/* -------------------- /for animate.css -------------------- */

/* -------------------- for DNN -------------------- */
.headless .DNNContainer_with_title > h2 {
    display: none;
}
/* -------------------- /for dnn -------------------- */

/* ============================== /ausignis-extensions ============================== */


/* ============================== JQUERY-INITS ============================== */
.jq-scrollup,
.jq-scrollup:focus {	
	cursor: pointer;
    text-decoration: none;
    position: fixed;
    bottom: -100px;
    right: 20px;
    z-index: 998;    
    width: 40px;
    height: 40px;    
    line-height: 40px;
    background: #ab0000;
    border-radius: 100%;
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);
    color: #ffffff;    
    font-size: 24px;
    text-align: center;    
    transition: all 0.5s ease-out 0s;
    opacity: 0.8;
}
.jq-scrollup:before {
    content: '\f106';
    font-family: 'FontAwesome';        
	vertical-align: 0px;
}
.jq-scrollup:hover {	
	text-decoration: none;
    opacity: 1;    
    color: #ffffff;
}

/*initialisiert ein Element erst beim Scrollfocus die gewaehlte Animation aus der animation.css zu starten*/
.jq-wow {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;    
}
/*entfernen dieser Class (via jq-effects.js) startet die Animation*/
.jq-wow-off {
    visibility: hidden;
    animation-name: none; /*fuer einfachere animation.css integration*/
}

/*deepNavbarBugfix*/
#navbar .navbar-nav .bf-open .dropdown-menu {
    margin-top: 0;
}
#navbar .bf-open > .dropdown-menu {
    display: block !important;
}
#navbar .open > .dropdown-menu {
    display: none;
}

/* ============================== /jquery-inits ============================== */


/* ============================== TEMPLATE-SPECIFIC ============================== */

/* -------------------- /ausignis-tpl-6 -------------------- */
.content-item.c-fluid > .container,
.content-item.c-no > .container {
    width: auto;
    max-width: none;
    min-width: 0;
}
.content-item.c-no > .container {
    margin: 0;
    padding: 0;
}

/* ============================== /template-specific ============================== */


/* ============================== OVERWRITES ============================== */

/* -------------------- BOOTSTRAP-OVERWRITE -------------------- */
.navbar {
	position: static; /*sonst werden im IE Elemente mit neg. margin abgeschnitten*/
    min-height: 0px;
}

.page-header {
	border: none;
	margin: 0px;
    padding: 0px;    
}

blockquote {
    clear: both;	
}
blockquote p {    
    font-weight: normal;    
}
.dropdown-menu {	
	border-radius: 5px;	
}


/*.nav > li > a:hover, .nav > li > a:focus {  
  background-color: transparent;
}*/

/* -------------------- /bootstrap-overwrite -------------------- */


/* ============================== /overwrites ============================== */


/* ================================== SITE-LAYOUT ================================== */
#site-loader {
    display: none;
    position: fixed;
    top: 45%;    
    z-index: 0;
    width: 100%;
    font-size: 8.0rem;    
    text-align: center;
}

#site-wrapper { 			       
    /*Sticky-Footer*/
	position: relative;
	min-height: 100%;	
}

#no-footer-wrapper {}

#sticky-footer-spacer {}


/* -------------------- RESPONSIVE NAVBAR -------------------- */
#navbar {
	margin-bottom: 0px;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
    z-index: 200;	
    box-shadow: none;
    border: none;
    border-radius: 0px;
    padding: 0px 0px;
    min-height: 0;    
}

#navbar .navbar-header {}
/*Logo-Bereich -> Layout*/
#navbar .navbar-brand {	
	float: none;
    position: relative;			
    height: auto;        
}

#navbar .navbar-brand p:last-child {
    margin-bottom: 0px;
}

/*Logo-Bereich -> Design*/
#navbar .navbar-brand img {				    
	border: none;	
	box-shadow: none;
	border-radius: 0px;
	background-color: transparent;	
}

/* -------------------- Definition des Dropdown-Icons -------------------- */
#navbar .navarrow:before {
	content: '\f107';
	font-family: 'FontAwesome';
	margin-left: 4px;
    vertical-align: 0px;            
    font-size: 90%;    
    font-style: normal;
    font-variant: normal;
    text-shadow: none;
}

/* -------------------- Menu-Element (div) -------------------- */
#navbar .navbar {	
    border-top: none;    
    box-shadow: none;       
}


/* -------------------- Menu-Liste -------------------- */
#navbar .navbar-nav li {
	margin-bottom: 0px;    
}

#navbar .dropdown-menu {
	filter: none;	    
    border: none;          
}

/* -------------------- Menu-Links -------------------- */

/* --- alle Ebenen --- */
#navbar .navbar-nav li > a {	        
	font-variant: normal;	        
}
#navbar .navbar-nav li > a:hover, #navbar .navbar-nav li > a:focus {
    background: transparent;    
}
#navbar .navbar-nav li.open > a {
    background: inherit;    
}
#navbar .navbar-nav li.open > a:hover, #navbar .navbar-nav li.open > a:focus {         
}
#navbar .navbar-nav li.active > a {    
	background: none;
}

/* --- oberste Ebene --- */
#navbar .navbar-nav > li > a {}

/* --- Dropdown --- */
#navbar .dropdown-menu {
    margin-bottom: 10px;
    padding-left: 10px;
}
#navbar .dropdown-menu > li > a {    
    padding: 5px 20px;        
    font-variant: normal;    
}

/* --- 2+. Ebene --- */
#mainnav-menu .dropdown-menu .navarrow:before {
    position: static;
}
#mainnav-menu .dropdown-menu .dropdown-menu {        
    font-style: italic;    
}


/* -------------------- Menu-Button -------------------- */
#navbar .navbar-toggle {
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    font-size: 1.7rem;
    text-align: center;
}
#navbar .navbar-toggle.bar {     /*Doku: .bar um den Navbar-Toggle als fullsize-bar darzustellen*/
    display: block;
    float: none;    
    border-radius: 0px;        
}
#navbar .navbar-toggle.bar .menu-title {    
    text-transform: uppercase;        
}
#navbar .navbar-toggle .menu-icon {
    font-size: 75%;
    margin-left: 7px;
    margin-right: 7px;
    vertical-align: 1px;
}


/* -------------------- Dropdown-Box -------------------- */
#navbar .dropdown-menu li {
    float: none;
}

/* -------------------- /responsive navbar -------------------- */

/* -------------------- TOP ROW -------------------- */

/* -------------------- /top row -------------------- */

/* -------------------- MAIN ROW -------------------- */

/* -------------------- /main row -------------------- */

/* -------------------- TEASER -------------------- */
.teaser p:last-child {
    margin-bottom: 0px;
}

#teaser-left {
    position: fixed;    
    left: 0px;
    top: 40%; 
    z-index: 200;
}

#teaser-left > div {
    position: relative;
    left: -120px; /*rel(1)*/
    overflow: hidden;
    transition: left 0.5s ease 0.1s;
    border-radius: 0px 5px 5px 0px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);    
}
#teaser-left > div:hover {
    left: 0px;    
}

/*Teaser mit hereinragendem 90Grad-Header*/
#teaser-left td {
    width: 120px; /*rel(1)*/
}
#teaser-left td.header {            
    width: 30px;
    white-space: nowrap;    
}
#teaser-left td.header h3 {
    transform:     
        translate(0px, 40px) /*QaD*/    
        rotate(270deg);
    width: 30px;    
    text-transform: uppercase;
}
#teaser-left td.header h3 span {
    padding: 5px 10px;
    color: #ffffff;
}
#teaser-left h3 span {
    
}

/* -------------------- /teaser -------------------- */

/* -------------------- BOTTOM ROW -------------------- */

/* -------------------- /bottom row -------------------- */


/* -------------------- FOOTER ROW -------------------- */
 
/* -------------------- /footer row -------------------- */


/* ============================== /site-layout ============================== */


/* ================================== MEDIA QUERIES ================================== */

/* -------------------- >= Tablet -------------------- */
@media (min-width: 768px) {
    body:after { content: 'tablet'; }
   
    /* -------- Responsive Navbar -------- */         
    #navbar .dropdown-menu {
        margin-top: 0px;
        padding-left: 0px;
    }
    #navbar .navbar-nav li > a {
        font-size: 1.7rem;    
        padding: 20px 20px;        
    }
    #navbar .navbar-toggle, #navbar .navbar-toggle.bar { /*default*/
        display: none;
    }

    /* --- 2+. Ebene --- */
    #mainnav-menu .dropdown-menu .navarrow:before {
        position: absolute;
        left: 5px;
        top: 10px;
        content: '\e251';
        font-size: 50%;        
    }        
    #mainnav-menu .dropdown-menu .dropdown-menu {                     
        top: 0px;
        left: -200px;
        width: 200px;        
        box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        float: none;    
        font-style: italic;          
        white-space: normal;        
    }     
    /*Dropdownmenu on hover*/
    #mainnav-menu.onhover li.dropdown:hover > .dropdown-menu {
        display: block !important;
    }       
    
    /* -------- /responsive navbar -------- */

    .modal-fullsize .img-area {
        position: absolute;
        bottom: 0px;
        right: 0px;    
    }

    #sticky-footer {     
	    clear: both;
	    position: absolute;
	    bottom: 0px;	
	    left: 0px;
	    width: 100%;
    }
    
}
/* -------------------- />=tablet -------------------- */


/* -------------------- >= Desktop -------------------- */
@media (min-width: 992px) {
    body:after { content: 'desktop'; }
}

/* -------------------- >= HD-Desktop -------------------- */
@media (min-width: 1600px) {
    body:after {
        content: 'hd-desktop';
    }    
}

/* -------------------- />=hd-desktop -------------------- */

/* -------------------- Portrait tablet to landscape and desktop -------------------- */
@media (max-width: 991px) {   
}

/* -------------------- Landscape phone to portrait tablet -------------------- */
@media (max-width: 767px) {	
            
    /* -------- Responsive Navbar -------- */    
    #navbar .navbar-nav {}
    #navbar .navbar-nav > li {
        margin: 0px 0px;                
    }
    #navbar .navbar-nav > li:last-child {        
        border-bottom: none;
    }    
    #navbar .navarrow:before {
	    position: absolute;
        right: 15px;
        content: '\f078';	    
	    margin-left: 0px;   
    }
    .dnn #navbar .navbar-nav .dropdown-menu {
        float: none;
        position: static;
        width: auto;
    }    
    /* -------- /responsive navbar -------- */      
}
/* -------------------- /landscape phone to portrait tablet -------------------- */

/* -------------------- <= Portrait Phone -------------------- */
@media (max-width: 480px) {
    .content-image.pull-left, .content-image.pull-right {
        display:  block;
        float: none !important;
        margin: 0px auto;
    }    
}

/* -------------------- Print Styles -------------------- */
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* ============================== /media queries ============================== */