@charset "utf-8";

.nav.nav-tabs li>a{
	color:black;
	/*background-color:#dbdbdb;*/
}

.nav.nav-tabs li.active>a{
	color:#d3b56f;
	/*background-color:#dbdbdb;*/
}

.modal.fade{
	background-color:white;
}

#loginModalStart{
	
}
.InfoModal{
	background: none;
}

.InfoModalContent{
	background-color:#d3b56f;
	color:white;
}


.dropdown-menu {
  width: 100%; 
}
.btn.btn-default.anzahlwellenbutton:disabled{
	background-color:red;
}
 /* Checkbox kaufen */
 /* Create a custom checkbox */
/* Hide the browser's default checkbox */
.checkboxKaufenInput {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
 
.checkboxKaufen {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 25px;
  background-color: white;
  margin-left:20px;
}

/* On mouse-over, add a grey background color */
.checkboxKaufenInput:hover input ~ .checkboxKaufen {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxKaufenInput input:checked ~ .checkboxKaufen {
  background-color: white;
}

/* Create the checkboxKaufen/indicator (hidden when not checked) */
.checkboxKaufen:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkboxKaufen when checked */
.container input:checked ~ .checkboxKaufen:after {
  display: block;
}

/* Style the checkboxKaufen/indicator */
.container .checkboxKaufen:after {
  left: 9px;
  top: 2px;
  width: 7px;
  height: 15px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Checkbox kaufen ende */


#PreisRingAuflistung1, #PreisRingAuflistung2{
	font-weight:normal;
	font-size:0.9vw;
	margin:2px 0px 0px 10px;
	padding:0px;
	text-align:left;
}

.PreisAnzeigeRot dt:nth-child(3)
{
	color:red;
}

.HRDRFooterCaption{
	font-size:1.0vw;
	margin:0px;
	padding:0px;	
	background-color:#d3b56f;
	text-align:center;
	color:white;
	height:1.5vw;
}

#HauptContainer{
	margin-left:2%;
	margin-right:2%;
}

#fussdiv{
	padding-top:0px;
	

	border-top: 5px solid white; 
	margin-left:2%;
	margin-right:2%;
	
	background-color: #f2f2f2; /* For browsers that do not support gradients */
	background-image: linear-gradient(white,#f2f2f2); /* Standard syntax (must be last) */
	
	
}

#GlanzfugeHoeheWelleSlider .slider-selection {	
	background: #edd277;
}
#GlanzfugeHoeheWelleSlider .slider-handle {
	background: #d3b56f;
}
.ProfilBtnText{
	font-size:1.2vW;
	padding-left:40%;
}

.TooltipKategorie + .tooltip > .tooltip-inner {
	background-color: #c5a355; 
    color: #FFFFFF; 
    border: 1px solid #977d40; 
    padding: 15px;
    font-size: 0.8vw;
	width:450px;
	max-width:450px;
	filter: alpha(opacity=100);
	opacity: 100;
  }
  
  .TooltipKategorie + .tooltip.right > .tooltip-arrow {
    border-right: 0px solid #c5a355;
  }

 .TooltipHinweis + .tooltip > .tooltip-inner {
   background-color: #c5a355; 
    color: #FFFFFF; 
    border: 1px solid #977d40; 
    padding: 15px;
    font-size: 0.8vw;
	width:160%;
	
  }

.btn.btn-default.legAuswahlbutton {
	color:black;
	background-color:white;
	border-color:gray;
	height:50px;
    width:50px;
}

.btn.btn-default.legAuswahlbutton:hover {
	color:gray;
	background-color:white;
	border-color:gray;
	height:50px;
    width:50px;
}

.btn.btn-primary.legAuswahl.active{
	color:white;
	background-color:#d3b56f;
	border-color:#d3b56f;
	
}

.btn.btn-primary.legAuswahl
{
	color:black;
	background-color:white;
	border-color:gray;

}

.icon-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    background: transparent;
}


.btn{
 width: 100%;
}

#Mittelfenster{
	height:60vH;
	height:100%;
	border-bottom: 3px solid #d3b56f; 
	
}

.HintergrundMitte{
	background-color: #f2f2f2; /* For browsers that do not support gradients */
	background-image: linear-gradient(#f2f2f2, white); /* Standard syntax (must be last) */
}

.kopfzeileText{
	font-family:'Lucida Console';
	font-size:1vW;
}

#kopfzeile{
	background-color: #f9f9f9;
	/*border-bottom-color: #ceb98e;
	border-style: none none solid none;*/
	border-bottom: 1px solid #ceb98e;
	height:auto;
}
#mailtoKopfzeile{
	color:black;
	text-decoration:none;
}

#mailtoKopfzeile :hover{
	color:#ceb98e;
	
}

#neueKonfigurationStarten{
	text-decoration:none;
	color:black;
	
}

#neueKonfigurationStarten :hover{
	
	color:#ceb98e;
	
}

#LadeArtNrButton{
	width:auto;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	
	
	border-color:#ceb98e;
	background-color:#dddddd;
}

#LadeArtNr{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}



#SteineFreiePosSlider .slider-rangeHighlight.SteinPosNichtMoeglich {
	background-image: repeating-linear-gradient(45deg, #ccc, #ccc 5px, #dbdbdb 5px, #dbdbdb 10px);
}

#Bestellformular {
  background-color:white;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	
}

#BestellformularFiliale {
  background-color:white;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	
}


#Bestelluebersicht {
  background-color:white;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	
}



.BestellformularZeilen {
	margin-bottom:-15px;
	margin-left:-20px;
}



.popover{
    max-width:700px;
    height:auto;    
	min-width: 500px
	 
}

.row .col-sm-6 #renderCanvas {
	-ms-touch-action: none;
	display: block;
	margin-left: -10%;
	margin-right: auto;
/*	min-height: 120%;
	min-width: 120%;*/
	width: 100%;
	height: 100%;
}

.KonfAuswahlBox {
	display: block;
	width: 20%;
	height: auto;
	margin: 10px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 7px 0px #CFCFCF;
	box-shadow: 0px 0px 7px 0px #CFCFCF;
}

.container-fluid .row #renderCanvasBox {
	overflow-x: hidden;
}
#KonfMenuProfil .KonfAuswahlBox .ProfilImage {
	width: 100%;
	height: 100%;
	margin-bottom:-5px;
}
#Steine{
	background-color:#f2f2f2;
	
}


.SteinauswahlBox {
	display: block;
	width: 20%;
	height: auto;
	margin: 10px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 7px 0px #CFCFCF;
	box-shadow: 0px 0px 7px 0px #CFCFCF;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.SteinauswahlBox.active{
	background-color:#d3b56f;
}

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

.DesignAuswahlBox {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 10px;
	-webkit-box-shadow: 0px 0px 7px 0px #CFCFCF;
	box-shadow: 0px 0px 7px 0px #CFCFCF;
}

.DesignImage {
	width: auto;
	height: 100%;
}
.RandfugenAuswahlBox {
	display: inline-block;
	width: 130px;
	height: 70px;
	margin: 10px;
	-webkit-box-shadow: 0px 0px 7px 0px #CFCFCF;
	box-shadow: 0px 0px 7px 0px #CFCFCF;
}
.RandfugenImage {
	width: 100%;
	height: auto;
}
svg text {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.tab-content #KonfMenuAufteilungFarbe #Aufteilungseditor {
	 -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

svg text::selection {
    background: none;
}

.col-sm-4 .form-group #RangeMO {
	transform: rotateY(180deg);
}
.col-sm-4 .form-group #RangeMU {
	transform: rotateY(180deg);
}
#Steinauswahl {
	width: 90%;
	padding-left:10px;
	
	background-color:#f2f2f2;
}
.container-fluid .row #konfiguratorparameter {
	height: 100%;
}

.nav.nav-tabs{
	
	/*background-color:#dbdbdb;*/
}

.farbauswahlbutton{
	color: #808080;
	border-radius: 4px;
	background-color:white;
	-moz-border-radius: 4px;

	border:1px solid #ddd;
	margin-top: 20px;
	margin-left: 0px;

	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}


/*  ender tab */
div.ender-tab-container{
  z-index: 10;
  background-color: #f2f2f2;
  padding: 0 !important;
 
  margin-top: 0px;
  margin-left: 0px;
  
  
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.ender-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  
 
  
  
  border-radius: 4px;
  
  -moz-border-radius: 4px;

  border:0px solid #f2f2f2;
  margin-top: 20px;
  margin-left: 0px;
  
  
  /*
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
  
  
}


/*
.RingwahlTab li
{
	background-color:#f2f2f2;
	text-decoration:none;	
}

.RingwahlTab li>a{
	color:black;
	
}

.RingwahlTab li.active>a{
	background-color:#d3b56f;
	color:white;
}

.RingwahlTab li:not(.active)>a{
	background-color:#f2f2f2;
	color:black;
}


*/

#RW1{
	color:white;
	background-color:#d3b56f;
	border:1px solid #ded1b2;
	border-right: 0px;
	border-radius:0px;
	border-style:groove;
	
}

#RW2{
	color:black;
	background-color:#f2f2f2;
	border:1px solid #ded1b2;
	border-left: 0px;
	border-radius:0px;
	border-style:groove;
}


div.ender-tab-menu div.list-group{
  margin-bottom: 0;
  border:0px;
  
}
div.ender-tab-menu div.list-group>a{
  margin-bottom: 0;
  /*background-color:#f2f2f2;*/
  background-color: transparent;
}
div.ender-tab-menu div.list-group>a .glyphicon,
div.ender-tab-menu div.list-group>a .fa {
  color: #d3b56f;
}
div.ender-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
}
div.ender-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.ender-tab-menu div.list-group>a.active,
div.ender-tab-menu div.list-group>a.active .glyphicon,
div.ender-tab-menu div.list-group>a.active .fa{
  background-color: #d3b56f;
  background-image: #d3b56f;
  color: #ffffff;
  border-color:#d3b56f;
}
div.ender-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #ceb98e;
  
  
}

div.ender-tab-content{
  background-color: #f2f2f2;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
  
}

div.ender-tab div.ender-tab-content:not(.active){
  display: none;
}

#endertab{
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border-left:1px solid #ceb98e;
  /*border-top:1px solid #ceb98e;
  border-bottom:1px solid #ceb98e;*/
  margin-top: 0px;
  margin-left: 0px;
  height:750px;
  display:block;
  /*max-height:30%;*/
  height:60vH;
  overflow:auto;
  
  /*
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
  box-shadow: 0 0px 0px rgba(0,0,0,.175);
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,.175);*/
}




/*  glanzfugen tab  glanzstufen tab*/
.list-group.list-group-horizontal{
	display: flex;
	padding : 0;
	width:100%;
}

#GlanzfugenTypListfuge .list-group-item,#GlanzfugeAuswahlNr .list-group-item{
	margin-bottom: 0;
	margin-right: 0;
 	border-right-width: 0;
	width:20%;
}

#PhasenRechtsLinksWahlListfuge .list-group-item{
	margin-bottom: 0;
	margin-right: 0;
 	border-right-width: 0;
	width:25%;
}


.list-group.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-right-width: 1px;
}



.row.GlanzfugenTypText{
	font-size:0.8vw;
}


div.glanzfugen-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.glanzfugen-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.glanzfugen-tab-menu div.list-group{
  margin-bottom: 0;
}
div.glanzfugen-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.glanzfugen-tab-menu div.list-group>a .glyphicon,
div.glanzfugen-tab-menu div.list-group>a .fa {
  color: #d3b56f;
}
div.glanzfugen-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.glanzfugen-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.glanzfugen-tab-menu div.list-group>a.active,
div.glanzfugen-tab-menu div.list-group>a.active .glyphicon,
div.glanzfugen-tab-menu div.list-group>a.active .fa{
  background-color: #d3b56f;
  background-image: #d3b56f;
  color: #ffffff;
  border-color: #d3b56f;
}
div.glanzfugen-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 47%;
  top: 100%;
  margin-top: 0px ;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-top: 10px solid #d3b56f;
 
}

div.glanzfugen-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.glanzfugen-tab div.glanzfugen-tab-content:not(.active){
  display: none;
}





/*  glanzfugenTyp tab */
div.glanzfugenTyp-tab-container{
  z-index: 10;
  background-color: #ffffff;
  
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.glanzfugenTyp-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.glanzfugenTyp-tab-menu div.list-group{
  margin-bottom: 0;
}
div.glanzfugenTyp-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.glanzfugenTyp-tab-menu div.list-group>a .glyphicon,
div.glanzfugenTyp-tab-menu div.list-group>a .fa {
  color: #d3b56f;
  
}
div.glanzfugenTyp-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.glanzfugenTyp-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.glanzfugenTyp-tab-menu div.list-group>a.active,
div.glanzfugenTyp-tab-menu div.list-group>a.active .glyphicon,
div.glanzfugenTyp-tab-menu div.list-group>a.active .fa{
  background-color: #d3b56f;
  background-image: #d3b56f;
  color: #ffffff;
  border-color: #d3b56f;
 
}
div.glanzfugenTyp-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 47%;
  top: 100%;
/*  margin-top: 0px ;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d3b56f;*/
 
}

div.glanzfugenTyp-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.glanzfugenTyp-tab div.glanzfugenTyp-tab-content:not(.active){
  display: none;
}





/*  PhasenTyp tab */
div.PhasenTyp-tab-container{
  z-index: 10;
  background-color: #ffffff;
  
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.PhasenTyp-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.PhasenTyp-tab-menu div.list-group{
  margin-bottom: 0;
}
div.PhasenTyp-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.PhasenTyp-tab-menu div.list-group>a .glyphicon,
div.PhasenTyp-tab-menu div.list-group>a .fa {
  color: #d3b56f;
}
div.PhasenTyp-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.PhasenTyp-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.PhasenTyp-tab-menu div.list-group>a.active,
div.PhasenTyp-tab-menu div.list-group>a.active .glyphicon,
div.PhasenTyp-tab-menu div.list-group>a.active .fa{
  background-color: #d3b56f;
  background-image: #d3b56f;
  color: #ffffff;
  border-color: #d3b56f;
}
div.PhasenTyp-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 47%;
  top: 100%;
/*  margin-top: 0px ;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d3b56f;*/
 
}

div.PhasenTyp-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.PhasenTyp-tab div.PhasenTyp-tab-content:not(.active){
  display: none;
}





/*  PhasenRechtsLinksWahl tab */
div.PhasenRechtsLinksWahl-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.PhasenRechtsLinksWahl-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.PhasenRechtsLinksWahl-tab-menu div.list-group{
  margin-bottom: 0;
}
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a{
	width:35%;
	margin-bottom: 0;
}
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a .glyphicon,
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a .fa {
  color: #d3b56f;
}
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a.active,
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a.active .glyphicon,
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a.active .fa{
  background-color: #d3b56f;
  background-image: #d3b56f;
  color: #ffffff;
  border-color: #d3b56f;
}
div.PhasenRechtsLinksWahl-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 47%;
  top: 100%;
/*  margin-top: 0px ;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d3b56f;*/
 
}

div.PhasenRechtsLinksWahl-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.PhasenRechtsLinksWahl-tab div.PhasenRechtsLinksWahl-tab-content:not(.active){
  display: none;
}




/* Steinliste*/
div#SteinlisteGruppe{
  z-index: 10;
  background-color: #ffffff;
  padding-right: 10px;
  padding-top:20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}





div.Stein-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.Stein-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.Stein-tab-menu div.list-group{
  margin-bottom: 0;
}
div.Stein-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.Stein-tab-menu div.list-group>a .glyphicon,
div.Stein-tab-menu div.list-group>a .fa {
  color: #d3b56f;
}
div.Stein-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.Stein-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.Stein-tab-menu div.list-group>a.active,
div.Stein-tab-menu div.list-group>a.active .glyphicon,
div.Stein-tab-menu div.list-group>a.active .fa{
  background-color: #d3b56f;
  background-image: #d3b56f;
  color: #ffffff;
}
div.Stein-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 47%;
  top: 100%;
  margin-top: 0px ;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  
  border-top: 10px solid #d3b56f;
 
}

div.Stein-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.Stein-tab div.Stein-tab-content:not(.active){
  display: none;
}























/*!
 * Bootstrap-select v1.6.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

.bootstrap-select {
  width: 220px \0;
  /* IE9 and below */
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .btn:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.dropdown-header {
  cursor: default;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li .media {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li .media-body {
  vertical-align: middle;
  white-space: normal;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}
.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}


@charset "utf-8";
/* CSS Document */

#myCarousel {
/*	width: 70%;
	margin-left: auto;
	margin-right: auto;*/
}

.navbar-brand>img {
   max-height: 100%;
   height: 100%;
   width: auto;
   margin: 0 auto;


   /* probably not needed anymore, but doesn't hurt */
   -o-object-fit: contain;
   object-fit: contain; 

}
 .jumbotron {
      margin-bottom: 0;
    }
   
    /* Add a gray background color and some padding to the footer */
    footer {
	 background-color: white;
	 
      padding: 25px;
    }
	


.panel.panel-primary .panel-body .img-responsive {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.col-sm-4 .panel.panel-primary .panel-body {
	/*display: table-cell;*/

}
.row .col-sm-4 .panel.panel-primary {

}
.navbar.navbar-inverse {
	margin-left: auto;
	margin-right: auto;

}
.col-sm-4 .panel.panel-primary .panel-footer {
	margin-top: -29px;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #6E6E6E;
	font-size: large;
}


.tab-content #KonfMenuProfil #Profileditor {

	
	clear: right;
}


.blur {
    -webkit-filter: blur(5px) grayscale(50%);
}