/*!
 * Eigene Einstellungen
 *
 */
/* <-- style type="text/css"> */  


html,
body {
	background-color:rgb(252, 252, 246);
	height: 100%;
	padding-top: 25px;
}



gelb {
    color: #FEF7E0;
}
.page-header{padding-bottom:17px;margin:18px 0;border-bottom:0px solid #FFCC00;}
.breadcrumb {
     background-color: #524E4E;
}
/*change breadcrumb links color*/
.breadcrumb a {
     color: #808080;
}
.breadcrumb a:hover {
     text-decoration: none;
}
/*change active color*/
.breadcrumb > .active {
     color: #000000;
}
/*change breadcrumb separator to raquo symbol*/
.breadcrumb > li + li:before {
     content: "\00BB";
     color: #808080;
}
header,.header,#header{
  /*background: red;*/
  color: #524E4E;
  /*font-size: 15px;*/
}

.line1 {
border :none;
/* border-top: 10px solid #706C6D; */
background-color:#FCFCF6;
height: 1px;
margin-top: 20px;
margin-bottom: 50px;
}

.line3 {
border :none;
/* border-top: 10px solid #706C6D; */
background-color:#A29F9D;
height: 1px;
margin-top: 20px;
margin-bottom: 50px;
}

.line2 {
border :none;
/* border-top: 10px solid #706C6D; */
background-color:#A29F9D;
height: 20px;
margin: 0px 0px 0px 0px;
}

.btn-default
 {
 background-color: #FFCC00;
 font-weight:bold;
 color:#ffffff !important;
 border-color: #FFCC00;
 }
.btn-default:hover,
.btn-default:focus,
.btn-default:active ,
.btn-default.active {
  color: #000000 !important;
  font-weight:normal;
  background-color: #FFF0A1;
  border-width:0;
}
.btn-primary
  {
 background-color: #FFCC00;
 color:#ffffff  !important;
 font-weight: bold  !important;
 border-color: #FFCC00;
 border-width:0;
 }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #FFF0A1;
  border-width:0;
}


/* gelb
a:link { text-decoration:none; color:#FFF0A1; }
a:visited { text-decoration:none; color:#FFF0A1; }
a:hover { text-decoration:none; color:#FFCC00; }
a:active { text-decoration:none; color:#FFF0A1; }
a:focus { text-decoration:none;  color:#FFF0A1; }
*/
a:link { text-decoration:none; color:#777777; }
a:visited { text-decoration:none; color:#939393; }
a:hover { text-decoration:none; color:#000000; }
a:active { text-decoration:none; color:#777777; }
a:focus { text-decoration:none;  color:#777777; }

a.email:link {color:yellow}
a.email:visited {color:gray} 
a.email:active {color:yellow} 

a.hplink:link    { text-decoration:none; color:#ea9500; }
a.hplink:visited { text-decoration:none; color:#939393; }
a.hplink:hover   { text-decoration:none; color:red; }
a.hplink:active  { text-decoration:none; color:#ea9500; }
a.hplink:focus   { text-decoration:none; color:#ea9500; }

img#logo {
  float: left;
  margin-top: -25px;
  margin-left: 150px;
  clear: both;
  display: block;
  position: fixed;  /* relativ */
  z-index: 1;	
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  -o-border-radius:10px;
  border-radius: 10px;
  }
  
c1 {
 color:#FDDA5C; 
}
c2 {
 color:#FFCC00;
 font-weight:bold;
 font-size:120%
}
h4 {
 color:#666262; 
 /*font-weight: lighter;*/
 font-size:120%
}
  
h5 {
 color:#FFFFFF; 
 font-weight: lighter;
 font-size:100%
}

.panel-default {
  border:0;
  box-shadow: none;
}
.panel-default > .panel-heading {
   color: #FFCC00; /* FFEDC2*/
   border:0;
}
.card-def1 {
	border:0px;
	background-color: #ffffff; 
    /* padding:0;*/
	margin-top:10px;    !important
	margin-button:10px; !important
	margin-left:5px;    !important
	margin-right:5px;   !important
} 
.card-def1 > .card-body {
 /* color: #FFCC00; FFEDC2*/
background-color: #f0f0f0;
border:0;
padding:2rem;
}
.row.match-my-cols {
    overflow: hidden; 
}

.row.match-my-cols [class*="col-"]
{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.panel-default {
	border:0;
}
.panel-default > .panel-heading {
 /* color: #FFCC00; FFEDC2*/
  background-color: #ffffff; 
border:0;}

.panel-warning { 
   border:0;   
}
.panel-warning  > .panel-heading {
  color: #7c7c7c; /* FFEDC2*/
  /*background-color: #eaeaea; */
border:0;
}
.panel-warning  > .panel-body {
  color: #141414; /* FFEDC2*/
  background-color: #e7e7e7; 
  border:0;
border:0;}

/*      */
 /* The alert message box */
.alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
} 

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

/* change the background color */




.navbar {
    background-color: #222222; !important;
} 

.navbar  .nav > li > a:hover,
.navbar > li > a:focus {
    color: #DEB860;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
	color: #DBCAA2;
    background-color: #524E4E;
}
/*     }*/
.navbar .navbar-content-holder {
  display: flex;
  align-items: center;
}

.navbar .navbar-collapse {
  flex: 1;
}

.navbar .custom-nav-links {
  display: flex;
  flex-direction: column;
}

/*@media screen and (max-width: 1920px) {*/
@media screen and (max-width: 767px) {
.navbar  .navbar-header {
    flex: 1;
  }
  
 .navbar .navbar-collapse {
    position: absolute;
    top: 50px; /*50px; */
    right: 0px;
    width: 220px;
    padding: 0 30px;
    background: #524E4E;
  }
  
  .navbar-brand>img {
  /* height: 100%; */
  padding: 0px; /* firefox bug fix */
  max-width: 160px;
  margin-top:0px;
}
  }
  
/* <carousel> */

 
ol.carousel-indicators {
  /*position: absolute;*/
  /*bottom: 2%;*/
  margin-bottom: -50px;
   /*border-radius: 100%;*/
  /*right: 95%;*/
  /*left: 15%;*/
  /*width: 3%;*/
  /*display: flex;*/
  /*flex-direction: column;*/
}
ol.carousel-indicators li{
  /*float: left;*/
  /*width: 33%;*/
  /*height: 10px;*/
 margin-bottom: 0;
  /*border-radius: 100%;*/
  /*border: 0;*/
  /*background: yellow;*/
}


.footer {
   /*position: absolute;*/
	/*position: relative;*/
	position: fixed;
	width: 100%;
   bottom: 0
    /*width: 100%;*/
    /*height: 56px;*/
}

/* </style> */

/*
.copyright-container {
  box-sizing: border-box;
  padding-right: 20px;
  padding-left: 20px;
  background-color: black;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  color: white;
}*/

.auto-style21 {
	text-align: left;
	margin-left: 0px;
	font-size: small;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;	
}

.auto-style22 {
	text-align: left;
	margin-left: 0px;
	font-size: small;
	font-family: "Tahoma", "Verdana", Calibri, "Trebuchet MS", "Arial", sans-serif;		
}
.auto-style31 {
	text-align: left;
	margin-left: 0px;
	font-size: medium;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}




.table{
  padding-right: 15px;
  padding-left: 15px;
}

 /*.table-hover*/