/*************************************
Styling -- Background + CONTENT-BLÖCKE Backgrounds
***************************************/
body { background-image: url("site_bg.jpg"); background-repeat: repeat; background-attachment: fixed; }

.container, .container-xxl { border-left: 5px solid #b5b5b5;
  border-right: 5px solid #b5b5b5; background: white;}

.t4-content, .t4-header  { background-color: transparent; }
.t4-section-inner {
  background-color: white;
  padding-top: 3rem;
    padding-bottom: 3rem;
}
  .t4-main-body {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }



/****************************************
Styling -- HEADER mit background-image
*****************************************/
.container-xxl { background-image: url("header_bg.jpg"); background-repeat: no-repeat; 
	background-size: cover;
	background-position-x: right;
	background-color: transparent; 
	min-height:128px;
	width:100%;	}
	
@media (min-width: 1400px) {
  .container-xxl {
    max-width: 1320px;
  }
}	
@media (min-width: 1200px) and (max-width:1399.98px) {
  .container-xxl {
    max-width: 1140px;
  }
}
@media (min-width: 992px) and (max-width:1199.98px) {
  .container-xxl {
    max-width: 960px;
  }
}
@media (min-width: 768px) and (max-width:991.98px) {
  .container-xxl {
    max-width: 720px;
  }
}
@media (min-width: 576px) and (max-width:767.98px) {
  .container-xxl {
    max-width: 540px;
  }
}
/*************************************
Styling -- Header
**************************************/
.header-wrap { min-height: 128px; } /*Mitte Ausrichtung Logo + Navi + Burger-Symbol-Navi*/
.t4-header { border-bottom: none;}


/**************************************
Styling Layout Borders + Backgrounds
**************************************/
.t4-section-inner {background:white;}

@media (min-width: 768px) {
  .t4-main-body {
    /*padding-top: 3rem;*/ padding-top:0;
    /*padding-bottom: 3rem;*/ padding-bottom:0;
  }
}
.t4-section.t4-breadcrumbs {
  border-top: 0px solid #e9ecef;
}
.t4-footer { border-top: none; }
.t4-palette-dark {background-color: transparent;}

.t4-offcanvas {
  /*background: #fff;*/
  background-image: url("site_bg.jpg");background-repeat:repeat; }
.t4-offcanvas .t4-off-canvas-header {/*background-color: #f8f9fa;*/  background-image: url("header_bg.jpg"); background-repeat: no-repeat; background-size: cover; }
  

/**************************************
Hauptnav
**************************************/
.container.hauptnav {--t4-gutter-x: 0rem; border-top:1px solid white; border-bottom: 1px solid #aaa; }
.hauptnav .menu-item-title { font-size: 125%; font-weight:bold; }

.hauptnav li.current, .hauptnav li.current:hover { background-image: url("rssg_navi_grad_active.png") !important; background-repeat:repeat-x; background-color:white;}
.hauptnav li { background-color: white; transition: 0.5s; border-right: 1px inset #333 }
.hauptnav li:hover { background-color: #a3a3a3; }

.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a, .t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {color: red;}
.t4-palette-mainnav .nav > li.active > a,  .t4-palette-mainnav .nav > li.active:hover > a.nav-link { color: red; cursor:default; }
  
.t4-palette-mainnav .nav > li a, .t4-palette-mainnav .nav > li .nav-link { color: black; }
.t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus { color: black; }
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover { color: white; }

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link { height:auto; line-height:0; }
.nav-align-left .t4-megamenu .navbar-nav > li > a { margin-right:0; padding: 1.5em;}


 @media (max-width:991.98px) { 
	.container.hauptnav {--t4-gutter-x: 2rem; padding-top: 1rem; border-top:0px solid white; border-bottom: 0px solid #aaa; }
	.t4-offcanvas-toggle i { font-size: 32px; padding:5px 10px; }
	.t4-offcanvas-toggle { color: black; border:1px solid #ababab; border-radius:8px; background-color: #f5f5f5; transition:0.2s }
	.t4-offcanvas-toggle:hover { color: black; border:1px solid #ababab; border-radius:8px; background-color: rgba(192,192,192,0.6); }
 }
 @media (min-width:992px) { 
	.t4-offcanvas-toggle { margin-left: 20px;}
	.t4-offcanvas-toggle i { /*font-size: 32px;*/ padding:5px 10px; }
	.t4-offcanvas-toggle { color: black; border:1px solid #ababab; border-radius:8px; background-color: #f5f5f5; transition:0.2s }
	.t4-offcanvas-toggle:hover { color: black; border:1px solid #ababab; border-radius:5px; background-color: rgba(192,192,192,0.6); }
 }


/**************************************
OFF-CANVAS
**************************************/
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {
  border-bottom: 1px solid #e9ecef;
  padding: 0 0rem !important;
}
.t4-offcanvas .menu-item-title { color: white; font-size:125%; padding-left: 0.5rem; }
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link { cursor: default; background-color: transparent; }
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover { background-color:rgba(192,192,192,0.3); }

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item { width: 100%; }
.t4-offcanvas .t4-module .nav li a { width:100%; }