

/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background:rgba(69,76,79, 0.85);
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {

}
/* Landscape phones and down */
@media (max-width: 480px) {

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

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

}
/* Large desktop */
@media (min-width: 1200px) {

}

/* ADD ON
*********************************************/


/* LAYOUT
*********************************************/


.marketing{
	margin:20px 0 20px 0;
	}

.navbartop-container {
width:100%;    }

.navbar {
    padding: 0;
  /*  background:#222222; */
    max-width: 1300px !important;
    margin-right:auto !important;
  /*  padding-left:15px !important;
    padding-right:15px !important;*/
    }








    /**********************************************************
    	ADDONCSS
    **********************************************************/



/* CUSTOMIZE THE FONTS - LINKS - ELEMENTS
-------------------------------------------------- */

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size:14px !important;
  	background-color: #e7e7e8 !important;
/*  background: url('../images/graeter/bg.png') center top repeat-x !important;*/
  color:#ffffff !important;
  line-height:1.5em !important;
}

h1,
.h1
 {
  color: #fff !important;
  font-size:24px !important;
    color: #e5e5e5;
    font-weight: normal;
    line-height: 130%;
    margin: 0 0 0.25em;
    text-transform: normal;
}


h2,
.h2
 {
  color: #fff !important;
  font-size:20px !important;
    color: #e5e5e5;
    font-weight: normal;
    line-height: 130%;
    margin: 0 0 0.25em;
    text-transform: normal;
}

h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {

  color: #fff !important;
  font-size:18px !important;
    color: #e5e5e5;
    font-weight: normal;
    line-height: 130%;
    margin: 0 0 0.25em;
    text-transform: normal;
}

p {
    line-height: 1.5em  !important;
    margin: 0 0 1em  !important;
}

a {
  color: #fff !important;
}

h1 a {
  color: #fff !important;
}

h2 a {
  color: #fff !important;
}
p a {
  color: #ccc !important;
}
a:hover {
  color: #fff !important;
}
.article-info .category-name a {
  color: #6b3a2b !important;
}
.container {
  width: 1000px !important;
}
.row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
iframe {
height:100%;
width:100%;
}
img {
max-width:100% !important;
height:auto !important;
}
label{font-weight:normal !important;}
legend{color:#fff !important;}

.bfNextButton.button{background-color:#6b3a2b !important;}


/* PAGE / STAND
-------------------------------------------------- */
.page-container{
	border:0px solid #cccccc;
	background-color: #ffffff !important;	
	margin: auto;
	max-width: 1000px;
	margin-top:20px;
	margin-bottom:0px;
	-webkit-box-shadow: 0 0 5px 5px #d1d3d4;
box-shadow: 0 0 5px 5px #a7a9ac;
}


/********************************************* LAYOUT *********************************************/





/* CUSTOMIZE THE HEADER-TOP-CONTAINER
-------------------------------------------------- */

.header-top-cover {
  background: #fff;
  overflow: hidden;
}
.header-top-container {
  margin: auto;
  max-width: 1000px;
  height: auto; 
}

.header-top-right{padding-top:0px;}
.header-top-right p{height:20px;font-weight:bold;}



/* CUSTOMIZE THE BREADCRUMBS
-------------------------------------------------- */

.breadcrumbs-cover {
  background: #ffffff;
}
.breadcrumbs-container {
  margin-bottom: 0px !important;
  border: 0px solid #DDDDDD !important;
  padding-left:0px !important;
  margin: auto !important;
  max-width:1000px;
}
.breadcrumb{ 
background: none !important;
margin-bottom:0 !important;
padding:20px 0 10px 0 !important;
}

/* CUSTOMIZE THE MARKETING 3
-------------------------------------------------- */

.marketing-cover {
  background: #E7EAEB;
  margin:10px 0 0 0;  
}
.marketing-cover p{
  color:#e5e5e5;text-align:justify;
}

.marketing-container {
  margin: auto !important;
  max-width:1070px !important;
}



/* CUSTOMIZE THE CONTENT
-------------------------------------------------- */


.content-cover {
  background: #5b5857 !important;
  color: #cccccc !important;
  padding:20px 0 0 0;
}

.content-container {
  margin: auto !important;
  max-width:1000px !important;
  padding-left:15px;
  padding-right:15px;
}
.content-cover p{
  color: #fff;
    line-height: 1.5em  !important;
    margin: 0 0 1em  !important;
}

.content-container .page-header{border-bottom: none !important;}


.content-container img {
}

.content-container iframe {
	border:1px solid #d4d4d4;
	padding:5px;
	-webkit-box-shadow: 0 0 3px 0 #C4C4C4;
	box-shadow: 0 0 3px 0 #C4C4C4;

}
.page-header{display:none !important;}

/* CUSTOMIZE THE SIDEBAR LEFT
-------------------------------------------------- */

.shadow-sidebar-left{background: url('../images/shadow-sidebar-left.jpg') no-repeat left; background-position:85% 0%;min-height:780px;}

/* CUSTOMIZE THE SIDEBAR RIGHT
-------------------------------------------------- */

.shadow-sidebar-right{background: url('../images/shadow-sidebar-right.jpg') no-repeat right; background-position:0% 0%;min-height:780px;}



/* MODULBOXEN
-------------------------------------------------- */

.shadow-sidebar-right .moduletable{padding:0 0 40px 40px;}
.moduletable.h3{text-align:center;}


/* CUSTOMIZE THE NAVIGATION
-------------------------------------------------- */

li > a.ex {
display: none;
}


#navbar-sticky-container.affix{
    position: fixed;
    z-index: 10100;
    top: 0;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.abstand{position:relative; top:px;}

.navbartop-container {
  position: relative;
  z-index: 1000;
  width: 100%;
  background: #ffffff;
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-radius: 6px !important;
   -moz-box-shadow:    0px 5px 5px 0px #444;
  -webkit-box-shadow: 0px 5px 5px 0px #444;
  box-shadow:         0px 5px 5px 0px #444;
 }

.navbar {
/*  padding: 0;*/
  margin-bottom: 0 !important;
  background: #6b3a2b;  /*#bababa;*/
/*  min-height: 30px !important;
  height:30px !important;*/
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  border:none !important;
  border-radius: 0px !important;


   }


.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
    text-transform: normal;
    font-weight:normal;
	padding-left: 30px !important;
  	padding-right: 30px !important;

/*	padding-top:5px !important;	padding-bottom:5px !important;*/
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow: none !important;
}

.navbar-default .navbar-nav > .active > a {
/*    background: #383838 !important;*/
    background-repeat: repeat-x;
    box-shadow: none !important;
      border-radius: 0px !important;

}

.navbar-brand, .navbar-nav > li > a:hover {
    background: #ebe7e8 !important;
    color:#6b3a2b !important;
  border-radius: 0px !important;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #6b3a2b !important; /* #ffff00 !important;*/
    color: #e5e5e5 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #d1d3d4 !important;
    color: #6b3a2b !important;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #e6e7e8 !important;
	padding: 0 0 5px 0  !important;
	border-top:0px solid #6b3a2b;
}


.dropdown-menu > li > a {
    clear: both;
    color: #6b3a2b !important;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 12px 20px !important;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover {
	color:#6b3a2b !important;
    background-color: #d1d3d4 !important;
	}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #444444;
    background-color: /*#6b3a2b*/ none !important;
}

.open{background: #ffff00 !important;}

.navbar-default {
    background-image:none  !important;
    background-repeat: no-repeat !important;
    border-radius: none !important;
    box-shadow:none !important;
}


.navbar-collapse {
    border-top: 0px solid rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset !important;
    max-height: 340px;
    overflow-x: visible;
    padding-left: 0px;
    padding-right: 0px;
}


.navbar-brand{
    color: #ffffff !important;
    text-transform: normal;
    font-weight:bold;
	padding-left: 30px !important;
  	padding-right: 30px !important;
}

.navbar-brand p{
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.42857 !important;
 }



.navbar-default .navbar-toggle {border-color:none !important;background-color: #6b3a2b !important;}
.icon-bar {background-color: #ffffff !important;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #d1d3d4 !important;}

.navbar-toggle-url-link.a {background:none !important; color:#FFFF00 !important;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #f79429 !important;}

/* Trennlinien Klappmenue */
.item-115{border-top:0px solid #FFFF00;}
.item-113{border-top:0px solid #FFFF00;}


/*
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #444444 !important;color:#6b3a2b !important;}
*/









/*  TAGS
-------------------------------------------------- */
.label-info{background:none;color:#333333 !important;}
.label-info a{color:#e5e5e5 !important;}
.label-info a:hover{color:#333333 !important;background:none !important;}
.label-info:hover{color:#333333 !important;background:none !important;}


/* CUSTOMIZE THE linkfooter
-------------------------------------------------- */

 .footerbox{   
 position:relative;
 z-index:99999
 -moz-box-shadow:    0px -5px 5px 0px #444;
  -webkit-box-shadow: 0px -5px 5px 0px #444;
  box-shadow:         0px -5px 5px 0px #444;}
 
.linkfooter-cover {
/*  background: #2d2d2d !important;*/
  background: linear-gradient(top, #121212 0%, #121212 10%, #ffffff 100%); background: -moz-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); background: -webkit-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); background: -ms-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); background: -o-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#121212, endColorstr=#444444,GradientType=1);
    color: #e5e5e5 !important;
  padding:20px 0 20px 0;
}

.linkfooter-container {
  margin: auto !important;
  max-width:1070px !important;
}
.linkfooter-cover p{
  color: #e5e5e5 !important;
    line-height: 1.5em  !important;
    margin: 0 0 1em  !important;
    word-spacing: 0.3em !important;
}

.linkfooter-cover p a{
  color: #ffffff !important;
    line-height: 1.5em  !important;
    margin: 0 0 1em  !important;
    word-spacing: 0.3em !important;
}

.linkfooter-cover h3{color:#ffffff;}


/* CUSTOMIZE THE NAVFOOTER
-------------------------------------------------- */

.navfooter-cover {
  background: #444444  !important;
  color: #e5e5e5 !important;
  padding:20px 0 20px 0;
}

.navfooter-container {
  margin: auto !important;
  max-width:1070px !important;
}
.navfooter-cover p{
  color: #e5e5e5 !important;
    line-height: 1.5em  !important;
    margin: 0 0 1em  !important;
    word-spacing: 0.3em !important;
}

.navfooter-cover p a{
  color: #ffffff !important;
    line-height: 1.5em  !important;
    margin: 0 0 1em  !important;
    word-spacing: 0.3em !important;
}

.navfooter-cover h3{color:#ffffff;}




/* CUSTOMIZE THE FOOTER
-------------------------------------------------- */


.footer-cover{
	color:#333333;
	border-top:5px solid #6b3a2b;
	background-color: #d1d3d4!important; /*#2d2d2d !important;	*/
	margin: auto;
	max-width: 100%;
/*	margin-top:20px;*/
	margin-bottom:0px;
 /* margin-left: auto;
  	margin-right: auto;*/
	-webkit-box-shadow: 0 3px 3px 0 #C4C4C4;
	box-shadow: 0 0px 3px 3px #C4C4C4;
}



.footer-container {
	margin:auto;
  	max-width:1000px !important;
  	padding:20px 20px
}

.footer p {
  margin: 0 0 0 0 !important;
}

.footer-text{
  font-size:100% !important;
  line-height:150%;
}

.footer-text a{color:#444444 !important;}

.footer-left{}

#footer-left{    background-color: none;
    width: auto;
    min-height: 56px;
    padding: 9px 5px 9px 10px;
    text-align: center;
    }

.footer-left p{color:#ffffff !important;height:20px;font-weight:bold;line-height:140%;}

.footer-left a{text-decoration:none;}
.footer-left a:hover{text-decoration:none;}








/* CUSTOMIZE THE BUTTONS
-------------------------------------------------- */
/*

.btn{
  border-radius:0px !important;
}
.btn-custom {
  color: #fff !important;
  background-color: #6b3a2b !important;
  border: 0px solid #444444 !important;
}
.btn-custom a {
  color: #444444 !important;
}
.btn-custom:hover {
  color: #6b3a2b !important;
}
.btn-default {
  color: #fff !important;
  background-color: #6b3a2b !important;
  background-image: none !important;
  border: 0px solid #444444 !important;
  text-shadow: none !important;
}
.btn-default .a {
  color: #444444 !important;
}
.btn-default:hover {
  color: #6b3a2b !important;
}
.btn-primary {
  color: #fff !important;
  background-color: #6b3a2b !important;
  border: 0px solid #444444 !important;
  background-image: none !important;
}
.btn-primary a {
  color: #444444 !important;
}
.btn-primary:hover {
  color: #6b3a2b !important;
}
.btn-success {
  background-color: #6b3a2b !important;
  border: 1px solid #444444 !important;
}
.btn-info {
  background-color: #6b3a2b !important;
  border: 1px solid #444444 !important;
}
.btn-warning {
  background-color: #6b3a2b !important;
  border: 1px solid #444444 !important;
}
.btn-danger {
  background-color: #6b3a2b !important;
  border: 1px solid #444444 !important;
}
.btn-link {
  background-color: #6b3a2b !important;
  border: 1px solid #444444 !important;
}
.btn-custom {
  background-color: #3f4134 !important;
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#7b7f66", endColorstr="#3e4134");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7b7f66), to(#3e4134));
  background-image: -moz-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -ms-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b7f66), color-stop(100%, #3e4134));
  background-image: -webkit-linear-gradient(top, #7b7f66, #3e4134);
  background-image: -o-linear-gradient(top, #7b7f66, #3e4134);
  background-image: linear-gradient(#7b7f66, #3e4134);
  border-color: #3e4134 #3e4134 #303228;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}


*/


.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #6b3a2b;
   /* background-image: linear-gradient(to bottom, #6b3a2b, #E6E6E6);*/
    background-repeat: repeat-x;
    border-color: #BBBBBB #BBBBBB #A2A2A2;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
   /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
    vertical-align: middle;
}

.btn-default:hover {
  color: #6b3a2b !important;
}



input{color:#444444 !important;}




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel-cover{
 	width:100%;
	background: #6b3a2b;
}

.carousel .item {
	margin:auto;
/*  height: auto !important;*/
}
  
.carousel img {
	margin:auto;
/*	height: auto !important;*/
}  

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 80px !important;

}

.carousel-caption h1 {
	color: #444444 !important;
	font-weight: 400 !important;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 4.0) !important;
}

.carousel-caption p {
	color: #444444 !important;
	font-weight: 400 !important;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 2.0) !important;
    }

.carousel-control.left {
    background-image: none !important;
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: none !important;
    background-repeat: repeat-x;
}


.carousel-control {
    position: absolute; /* already here */
    top: 40% 
    ...
}


/** Usercentrics **/
.uc-embedding-wrapper p{color:#444444;}
.uc-embedding-wrapper h3{color:#444444 !important;}