* {box-sizing:border-box;}
ul {list-style-type: none;}
body {
    font-family: Verdana,sans-serif;
    margin: 0;
    padding: 0;
	background-color: #eee;
}

.zoom {      
	-webkit-transition: all 0.35s ease-in-out;    
	-moz-transition: all 0.35s ease-in-out;    
	transition: all 0.35s ease-in-out;     
	cursor: -webkit-zoom-in;      
	cursor: -moz-zoom-in;      
	cursor: zoom-in;  
} 

.zoom:hover,  
.zoom:active,   
.zoom:focus {
	-ms-transform: scale(15.0);    
	-moz-transform: scale(15.0);  
	-webkit-transform: scale(15.0);  
	-o-transform: scale(15.0);  
	transform: scale(15.0);    
	position:relative;      
	z-index:100;  
}

.artikel > .zoom:hover,  
.artikel > .zoom:active,   
.artikel > .zoom:focus {
	-ms-transform: scale(1.5);    
	-moz-transform: scale(1.5);  
	-webkit-transform: scale(1.5);  
	-o-transform: scale(1.5);  
	transform: scale(1.5);    
	position:relative;      
	z-index:100;  
}

a.btn-lg,
button.btn-lg {
	font-size: 30px;
}

#background {
	background-color: rgba(0, 0, 0, 0.5);
}

.border {
	background-color: #fff;
    /* min-height: 450px; */
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	border-radius: 15px;
	margin-bottom: 15px;
	padding: 15px;
}

.zusammenfassung > div {
	width: 135px;
}

.zusammenfassung > div:hover {
	pointer-events: none;
cursor: default;
}

#post-11 > .sectiontitle,
#post-11 > p:nth-child(2),

#post-23 > .sectiontitle,
#post-23 > p:nth-child(5),
#post-23 > p:nth-child(6),
#post-23 > p:nth-child(7),
#post-23 > p:nth-child(8) {
	display: none;
}

@media (max-width: 767px) {
	.btn-breadcrumb { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px) !important; }
}

.btn-breadcrumb{
	width: 100%;
	background-color: #fff;
	/* border-radius: 4px; */
	border: solid 1px #ccc;
}
.btn-breadcrumb .btn{
	border-color: transparent; border: 0px solid transparent;
	border-right: 1px solid transparent !important; 
	font-size: 11px;
}
.breadcrumb-default{ background-color: #fff; }
.btn-primary,.breadcrumb-primary{ background-color: #337ab7; }
.btn-primary:hover{background-color: #286090;}

.breadcrumb-success{ background-color: #5cb85c; }
.breadcrumb-info{ background-color: #5bc0de; }
.breadcrumb-warning{ background-color: #f0ad4e; }
.breadcrumb-danger{ background-color: #d9534f; }
.breadcrumb-negro{ background-color: #d4d4d4; }

.btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: none;}
.btn-breadcrumb .btn:last-child:after{margin-left: -2px;}
.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}

.btn-breadcrumb .btn-derecha{
	float: right;
	margin-right: 0px;
	padding: 6px 10px 6px 10px !important;
	margin-left: 0px !important;
	border-radius: 0px !important; 
}
.btn-breadcrumb .btn-derecha:first-child { 
	border-top-right-radius: 2px !important; 
	border-bottom-right-radius: 2px !important; 
}

.btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
	content: none !important;
}

.btn-breadcrumb .btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 0px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding: 6px 18px 6px 24px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}



/** Default button **/
.btn-breadcrumb .btn.btn-default:after { border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:hover:after {border-left: 10px solid #e6e6e6;}
.btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {border-left: 10px solid #adadad;}
.breadcrumb-default{ border: solid 1px #adadad; }

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:after {border-left: 10px solid #337ab7;}
.btn-breadcrumb .btn.btn-primary:hover:after {border-left: 10px solid #286090;}
.btn-breadcrumb .btn.btn-primary:hover:before, .btn-breadcrumb .btn.btn-primary:before {border-left: 10px solid #204d74;}
.breadcrumb-primary{ border: solid 1px #204d74; }

/** Success button **/
.btn-breadcrumb .btn.btn-success:after {border-left: 10px solid #5cb85c;}
.btn-breadcrumb .btn.btn-success:hover:after {border-left: 10px solid #449d44;}
.btn-breadcrumb .btn.btn-success:hover:before, .btn-breadcrumb .btn.btn-success:before {border-left: 10px solid #398439;}
.breadcrumb-success{ border: solid 1px #398439; }

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:after {border-left: 10px solid #d9534f;}
.btn-breadcrumb .btn.btn-danger:hover:after {border-left: 10px solid #c9302c;}
.btn-breadcrumb .btn.btn-danger:hover:before, .btn-breadcrumb .btn.btn-danger:before {border-left: 10px solid #ac2925;}
.breadcrumb-danger{ border: solid 1px #ac2925; }

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:after {border-left: 10px solid #f0ad4e;}
.btn-breadcrumb .btn.btn-warning:hover:after {border-left: 10px solid #ec971f;}
.btn-breadcrumb .btn.btn-warning:hover:before, .btn-breadcrumb .btn.btn-warning:before {border-left: 10px solid #d58512;}
.breadcrumb-warning{ border: solid 1px #d58512; }

/** Info button **/
.btn-breadcrumb .btn.btn-info:after {border-left: 10px solid #5bc0de;}
.btn-breadcrumb .btn.btn-info:hover:after {border-left: 10px solid #31b0d5;}
.btn-breadcrumb .btn.btn-info:hover:before, .btn-breadcrumb .btn.btn-info:before {border-left: 10px solid #269abc;}
.breadcrumb-info{ border: solid 1px #269abc; }


.gruppe .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}

.flex_box {
	display: flex;
	flex-wrap: wrap;
}

.artikel {
	width: 200px;
	height: 365px;
	padding-top: 5px;
	position: relative;
    border: 1px solid #ddd;
	transition: all 0.35s ease-in-out; 
}

.bekleidung {
	height: 505px;
}

.artikel:last-child {
	border-right: 1px solid #ddd;
}

.artikel:hover {
	background-color: #ddd;
}

.artikel > input {
	margin: 7px 0;
}

.artikel > img {
	max-height: 200px;
}

.artikel .form-control,
.artikel > .form-control {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: calc(200px - 70%);
	width: 38%;
}

p.bestand {
	border-color: #337ab7;
    border-style: solid;
    margin: 15px;
    border-width: 2px;
    border-radius: 5px;
}

.artikel > textarea {
	position: initial !important;
	width: 85% !important;
}