@charset "UTF-8";
/* CSS Document */
/* @import url("style.css") screen; 
/* Topbar --------------------------------------------------------------------------------- */
.navbar-custom .topbar{
	margin-top:0;
	b/ackground: rgba(38,38,38,0.8); 
	b/order-bottom: 1px solid rgba(38,38,38,0.2);     /* grau */
	border-bottom: 1px solid rgba(255,255,255,0.1);     /* weiss */
	-webkit-transition: padding .6s ease-in-out, margin-top .6s ease-in-out;
    -moz-transition: 	padding .6s ease-in-out, margin-top .6s ease-in-out;
	-o-transition:      padding .6s ease-in-out, margin-top .6s ease-in-out;
	-ms-transition:     padding .6s ease-in-out, margin-top .6s ease-in-out;
    transition: 		padding .6s ease-in-out, margin-top .6s ease-in-out;
	}
	
.navbar-custom .topbar .container{
	padding: 5px 0px 5px 0px;
	-webkit-transition: padding .6s ease-in-out, margin-top .6s ease-in-out;
    -moz-transition: 	padding .6s ease-in-out, margin-top .6s ease-in-out;
	-o-transition:      padding .6s ease-in-out, margin-top .6s ease-in-out;
	-ms-transition:     padding .6s ease-in-out, margin-top .6s ease-in-out;
    transition: 		padding .6s ease-in-out, margin-top .6s ease-in-out;
	}

.topbar, .topbar .fa, .topbar a, .topbar span, .topbar ul{
	font-size: 100%;
    color: #efd99f;
	margin-top:5px;
	margin-bottom: 0;
    b/order: 1px solid yellow;
    padding-left: 5px;
    padding-top: 0px;
	}


.navbar-custom .topbar .no-border{
	margin-top:3px;
	border-bottom: 0; 
	}

.topbar  li {
    display: inline;
}

.topbar  a {
	text-decoration: none;
	padding: 5px 0px 5px 10px;
}

.topbar  a:hover {
	color: #DFD0B3;
}

.topbar li:last-child{
    border-right:none;
}
/* ------------------------------------------------------------------------------------------- */
/* - Language Switch ------------------------------------------------------------------------- */
.topbar .lang-switch, .lang-switch {
	width: 30px;
	height: 20px;
    margin-top: 5px;
	margin-left: 3px;

    vertical-align: bottom; 
    border: 1px solid grey;
}

.lang-switch:hover {
	border-top: 	2px solid yellow;
	border-bottom:  2px solid yellow;
	}

#footer .lang-switch {
    display:block;
    float: left;
	width: 25px;
	height: 18px;
	margin-left: 5px;
    border: 1px solid grey;
}

#footer .lang-de, .topbar .lang-de, .lang-de{
	content:url("../images/sprache/icon_de.png");
	top:0;
	left:0;
	right:0;
    padding: 0;
	background-size: 100%, 100%;
	background-position: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#footer .lang-en, .topbar .lang-en, .lang-en {
	content:url("../images/sprache/icon_en.png");
    	top:0;
	left:0;
	right:0;
    padding: 0;
	background-size: 100%, 100%;
	background-position: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#footer .lang-it, .topbar .lang-it, .lang-it{
	content:url("../images/sprache/icon_it.png");
    	top:0;
	left:0;
	right:0;
    padding: 0;
	background-size: 100%, 100%;
	background-position: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#footer .lang-fr, .topbar .lang-fr{
	content:url("../images/sprache/icon_fr.png");
    	top:0;
	left:0;
	right:0;
    padding: 0;
	background-size: 100%, 100%;
	background-position: 100% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Button Bootstrap   -----------------------------------------------------------------------------*/
.btn-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bg-primary {
    color: #fff;
    background-color: rgba(51,122,183,1.0);
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
}

#filter{
	    margin-bottom: 0px;
	}

/* Sidebar / SideMenü BS - Linklist & NAV_LIST ----------------------------------------------------------*/
 .list-group {
	m/ax-width: 300px; /*wenn begrenzung nötig ist */
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	b/order: 1px solid red;
    width: 100%;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	b/ackground-color:  #CCC;
	border: 1px solid #ddd;
}

h4.list-group-item{
	 border-top-left-radius: 4px;
	 border-top-right-radius: 4px;
	 text-align: center;
}

.nav_list_sidebar {
	width: auto;
	}
	
.nav_list_sidebar li{
	    list-style: none;
	}
	
.nav_list_sidebar li a{
		text-decoration:none;
	}
	
.nav_list_artikel li{
	display: inline-block;
	list-style: none;
	margin-top: 5px;
	margin-bottom: -5px;
	}

.nav_list_artikel .btn-default{ margin-bottom: 2px;}
.nav_list_sidebar .btn-block { margin-bottom: -1px;}

.right-container .sidebar {max-width: 328px; width: 100%;}	
.right-container .affix  {margin-top: -100px; width: 24%; max-width: 328px}
/* Ende Sidebar ----------------------------------------------------------*/

/* Navbar Custom ------------------------------------------------------------------------------*/
/* Navbar Custom Brand (Bild in Navbar )-------------------------------------------------------*/
.navbar-custom {b/order: 1px solid yellow; }

.navbar-custom .navbar-brand{

   padding-top: 0; 
   b/order: 1px solid yellow; /* zum einstellen der höhe */ 
   background-image:  url(../images/logos/classic-project01.png);
   background-repeat: no-repeat;
   background-size: 100%, 100%;
}

.navbar-custom .navbar-brand .logo { /* Farbe Style Logo */

	position: relative;
	b/ackground:   url(../images/logos/logo.png); /* wenn schrift */
	b/ackground-size: 100% 100%;	top: -17px; /* ohne scroll */
	left: 0px;
	width: 388px;
	height: 84px;
	margin: 0;
	padding: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: 	all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	transition: 		all 0.4s ease-in-out;
	}

@media (max-width: 1200px){
	.navbar-custom .navbar-brand .logo { /* Farbe Style Logo bzw. Schrift Brand nicht für Mobil*/
		top: -12px; /* ohne scroll */
		width: 323px;
		height: 70px;
	}
}


.navbar-custom.top-nav-collapse .navbar-brand .logo{ 
	top: -2px; /* ohne scroll */
	width: 300px;
	height: 65px;
 
}



/* Ende Navbar Custom Brand ---------------------------------------------------------------------*/
/* Navbar Custom Brand Schrift Statt Logo -------------------------------------------------------*/
.navbar-custom .navbar-brand  span{
	d/isplay:none; /* Wenn Bild vorhanden */
	margin:0;
	padding: 0;
	width: 100%;
    
    font-family: Georgia, Times, serif;
    font-variant: small-caps;
    
	line-height: 2.0em; /* anpassen je nach schriftlänge und Style */
  	font-weight: 500;
	font-size: 1.9em; /* anpassen je nach schriftlänge und Style */
    letter-spacing: 1px;
	t/ext-transform: uppercase;
	white-space:  nowrap;
	
	b/order: 1px solid yellow; /* zum einstellen der höhe */

	background-image: linear-gradient(24deg, #efd99f  68%, #efd99f  25%);
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: 	all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
    transition: 		all 0.3s ease-in-out;
}

.navbar-custom.top-nav-collapse .navbar-brand  span{ /* anpassen je nach schriftlänge und Style */
		h/eight: 53px;
		line-height: 1.8em;
		font-size: 1.5em;
	    b/ackground-image: linear-gradient(24deg, #efd99f  75%, #efd99f  25%); /*dieter */
}

@media (min-width: 1200px){
	.navbar-custom .navbar-brand  span{
		line-height: 2.6em; /* anpassen je nach schriftlänge und Style */
  		font-weight: 500;
		font-size: 1.8em; /* anpassen je nach schriftlänge und Style */
    	letter-spacing: 2px;
		b/ackground-image: linear-gradient(24deg, white 66%, grey 25%);
	}

	.navbar-custom.top-nav-collapse .navbar-brand .logo span{ /* anpassen je nach schriftlänge und Style */
		line-height: 1.6em;
		f/ont-size: 1.2em;
        color: yellow;
	    b/ackground-image: linear-gradient(24deg, white 70%, grey 25%);
	}
}

@media (min-width: 1440px){
	.navbar-custom .navbar-brand  span{

		font-weight: 500;
		font-size: 2.4em; /* anpassen je nach schriftlänge und Style */
		line-height: 2.0em; /* anpassen je nach schriftlänge und Style */
		letter-spacing: 3px;
        color: yellow;
		b/ackground-image: linear-gradient(24deg, white 35%, grey 25%);
	}

	.navbar-custom.top-nav-collapse .navbar-brand .logo span{ /* anpassen je nach schriftlänge und Style */
			h/eight: 53px;
			line-height: 2.1em;
			font-size: 1.4em;
			background-image: linear-gradient(24deg, white 38%, grey 25%);
	}
}



.navbar-custom .navbar-brand .logo span:hover {
  	background-image: linear-gradient(24deg, orange 38%, #09F 45%);
}

/* Ende Navbar Custom Brand Schrift Statt Logo ----------------------------------------------*/
/* scrolling navbar / sollte nicht für Mobilgeräte da das ärger gibt ------------------------*/
@media (min-width:1025px) {
    .navbar-custom.top-nav-collapse .container{ 
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .navbar-custom.top-nav-collapse .topbar { 
        margin-top: -24px;
    }

    .navbar-custom.top-nav-collapse { /*Zustand / Farbe Navbar nach scroll */
        b/ackground-color: rgba(255,255,255,1.0); 
        box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
 	    background-image: url(../images/page/bg01-navbar.jpg);     
    }
    .navbar-custom.top-nav-collapse::after{
        opacity : 1.0;
    }
}

/* Navbar Custom Farbe -----------------------------------------------------------------------*/
.navbar-custom { 
	b/order-color: rgba(204,204,204,0.0);
	b/order-color: #456076;
	b/ackground-color: rgba(255,255,255,1.0); /* white */
	b/ackground-image:   repeating-linear-gradient(25deg , hsl(280, 55,6%, 10,6%) 24%, hsl(207, 26,2%, 36,7%));
	b/ackground-image:   linear-gradient(25deg , #456076 24%, #060732 24.1%);
	b/ackground-image:  linear-gradient(25deg, hsl(207,26%,37%)   24%, hsl(208,56%,11%)  24.1%);
    
 	b/ackground-image: url(../images/page/bg01-navbar.jpg);
    

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%, 100%;
    
	-webkit-transition: all .6s ease-in-out;
    -moz-transition: 	all .6s ease-in-out;
	-o-transition:      all .6s ease-in-out;
	-ms-transition:     all .6s ease-in-out;
    transition: 		all .6s ease-in-out;
}

.navbar-custom::after {
    content : "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    background-image: url(../images/page/bg01-navbar01.jpg);

    width: 100%;
    height: 100%;
    opacity : 0.0;
    z-index: -1;

    
	-webkit-transition: all .6s ease-in-out;
    -moz-transition: 	all .6s ease-in-out;
	-o-transition:      all .6s ease-in-out;
	-ms-transition:     all .6s ease-in-out;
    transition: 		all .6s ease-in-out;
}

/*
color: hsl(280, 55,6%, 10,6%)
color: hsl(207, 26,2%, 36,7%)
*/
@media screen and (min-width: 1024px) { 
	.navbar-custom .container{ /* Abstand Navbar-Links */
		p/adding: 15px 10px 15px 10px;
		-webkit-transition: all .6s ease-in-out;
		-moz-transition: 	all .6s ease-in-out;
		-o-transition:      all .6s ease-in-out;
		-ms-transition:     all .6s ease-in-out;
		transition: 		all .6s ease-in-out;
	}
    
}


/* NAVBAR CUSTOM ---------------------------------------------------------------------------*/
/*
navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
*/


@media (min-width: 991px){ /* öffnet dropdowns bei hover */
	.navbar-custom .dropdown:hover>.dropdown-menu {
		display: block;
	}
	.dropdown>.dropdown-menu {
		d/isplay: block; /* zum Test - öffnet alle dropdowns */
	}

}

.navbar-custom .navbar-nav>li>a {

	background: transparent;
	margin-top:     5px;
	padding-top:    10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 2px solid rgba(0,0,0,0.0);
	-webkit-transition: all .28s ease-in-out;
	-moz-transition: 	all .28s ease-in-out;
	-o-transition:      all .28s ease-in-out;
	-ms-transition:     all .28s ease-in-out;
	transition: 		all .28s ease-in-out;
    
	font-family: Georgia, Times, serif;
	font-variant:small-caps;
	letter-spacing: 0.01em;
    font-size: 1.4em;
    color: #efd99f;
}

@media screen and (min-width: 990px) and (max-width: 1025px) { 
	.navbar-custom .navbar-nav>li>a{
		font-size: 1.1em;
		padding: 10px 5px 15px 5px;
	}
    .navbar-custom  {
        background-image: url(../images/page/bg01.jpg);
        background-size:  100% 100%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) { 
	.navbar-custom .navbar-nav>li>a{
		font-size: 1.20em;
		padding: 10px 10px 15px 10px;
	}
}


@media (min-width: 991px) {
	.navbar-nav {
		float: left;
		margin: 0;
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid \9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.dropdown-menu {
	b/ackground-image: repeating-linear-gradient(25deg ,  rgba(12,28,42,0.8) 34%, rgba(69,96,118,0.8) );
	background-image:  linear-gradient(-25deg, hsl(207,26%,37%)  24.6%, hsl(208,56%,11%)   24.7% );
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(255,255,255,0.8);
	border: 1px solid rgba(69,96,118,1.8);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}

@media (min-width: 991px) { /* animation nur wenn nicht mobil */
	.dropdown-menu {	
		animation:         zoomIn 0.3s;
		-webkit-transform-origin: top right;
		-moz-transform-origin: top right;
		-ms-transform-origin: top right;
		-o-transform-origin: top right;
		transform-origin:   top right;
	}
}

.dropdown-menu > li > a {
	color: white;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
}



.navbar-custom .navbar-nav>.active>a { /* Aktiver Toplink */
	border-top: 2px solid orange;
	color: orange;
}

.navbar-custom .nav > li > a:hover, .navbar-custom .nav > li > a:focus { /* hover Navbar TopLink ohne dropdown */
 	c/olor: skyblue;
	background-color: rgba(255,255,255, 0.1);
	border-color: transparent;
}

@media (min-width: 991px){
	/* hover Navbar TopLink mit dropdown */
	.navbar-custom .nav .open > a, .navbar-custom .nav .open > a:hover, .navbar-custom .nav .open > a:focus { 
    	border-color: blue;
		background-color: rgba(255,255,255, 0.2);
		box-shadow: 4px 6px 10px rgba(0,0,0,0.4);
	}
}

/* hover Navbar TopLink mit dropdown */
.navbar-custom .nav .open > a, .navbar-custom .nav .open > a:hover, .navbar-custom .nav .open > a:focus { 
    border-color: blue;
	background-color: rgba(255,255,255, 0.2);
	box-shadow: 4px 6px 10px rgba(0,0,0,0.0);
}

.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu > .active > a:hover,
.navbar-custom .dropdown-menu > li > a:focus { /* hover dropdown Link */
	color: skyblue;
	text-decoration: none;
	background-color: rgba(0,0,0, 0.2); /* wenn weiss */
	background-color: rgba(255,255,255, 0.2);
}

.navbar-custom .dropdown-menu > .active > a,
.navbar-custom .dropdown-menu > .active > a:focus { /* active dropdown Link */
	color: orange;
	text-decoration: none;
	background-color: transparent;
	outline: 0;
}

/* Multilevel Menü Dropdown zweite Ebene -----------------------------------------------------------------------*/
.navbar-custom .dropdown-submenu {
    position: relative;
}

.navbar-custom	.navbar-right .dropdown-menu .dropdown:hover>.dropdown-menu {
	display: block;
}

.navbar-custom .nav .open a, .navbar-custom .nav .open a:focus {background-color: transparent;} 


@media (min-width: 991px){
	.navbar-custom .navbar-right .dropdown-menu .dropdown .dropdown-menu {
		top: -8px;
		width: 150px;
		left: -99.9%;
		animation:         fadeInRight 0.4s;
		-webkit-transform-origin: top right;
		transform-origin:  top right;
		
	}
	
	/* Pfeil --------------------------------------------------------------------------------------- */
	.navbar-right .dropdown .dropdown-menu .caret { /* Pfeil rechts wenn navbar left */
		display: block;
		content: " ";
		float: left;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 5px 5px 0px;
		border-right-color:  white;
		margin-top: 5px;
		margin-right: 7px;
		margin-left: -14px;
	} 
}

@media (max-width: 990px){
	/* Pfeil rechts Mobilmenü ------------------------------------------------------------------------- */
	.caret {
		float: right;
		display: inline-block;
		width: 0; 
  		height: 0; 
  		border-left: 8px solid transparent;
  		border-right: 8px solid transparent;
  		border-top: 8px solid white;
	}
	
.navbar-custom  {
    background-image: url(../images/page/bg01.jpg);
    background-size:  100% 100%;
}
	/* sublevel strich vor Menüpunkt */
	.navbar-custom .navbar-right .dropdown-menu .dropdown .dropdown-menu>li>a:before {
		font-family: FontAwesome;
		content: "\f068";
		display: inline-block;
		padding-right: 15px;
	}
}

/* Mobil Menü Top ------------------------------------------------------------------------------*/
.navbar-custom .navbar-toggle {
	color: skyblue;
    padding: 6px 10px;
    background-color: transparent;
    border: 2px solid white;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

 /*Ipad Einstellung da evtl Menü für Desktop transparent -------------------------------------- */
@media only screen and (max-device-width : 768px) {
	.navbar-custom .navbar-brand .logo { /* Farbe Style Logo */
		top: -5px; 
		left: 0px;
		width: 300px;
		height: 65px;
	}
	
	.navbar-custom .container{ 
		padding: 0px 10px 2px 10px;
	}

	.navbar-custom .navbar-brand .logo span {
		line-height: 2.0em;
		font-size: 1.1em;
		letter-spacing: 1px;

	}

}






@media (max-width: 989px) {

	
	.container > .navbar-collapse,
	.navbar-collapse {
    	margin-right: -15px;
    	margin-left: -15px;
	}
	
	 .navbar-custom .navbar-nav {
		margin: 7.5px -15px 7.5px -15px;
	}
	
	.navbar-custom .navbar-nav>li>a{
		padding-right: 20px;
		padding-left: 15px;
	}
	.navbar-custom .navbar-nav .dropdown-menu  li  a{padding-left: 30px;}
	
    .navbar-custom .navbar-header {
        float: none;
    }
    .navbar-custom .navbar-left, .navbar-custom .navbar-right {
        float: none !important;
    }
    .navbar-custom .navbar-toggle {
        display: block;
    }
	
    .navbar-custom .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
	
    .navbar-custom .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-custom .navbar-nav>li {
        float: none;
    }
    .navbar-custom .navbar-nav>li>a {
		color: white;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-custom .collapse.in{
        display: block !important;
		overflow: scroll;
    }
	
   .navbar-custom .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }	
	
	.dropdown-menu {
		background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0));
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid transparent;
		border-radius: 0;
		-webkit-box-shadow: 0;
		box-shadow: 0;
	}
}