/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
  height: 100%;
}

body {
  padding-top: 50px;
 /* body padding for fixed top nav */
 
 color: #ddd;
 background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
}

.well { background-color: transparent; border:none; }

.breadcrumb {  background-color: #000;
border-bottom: 1px solid red;}

.navbar-inverse {
    background-color: #000;
    border-color: red;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #111;
}

.navbar-inverse .navbar-brand {
    color: #fff;
}

.navbar {
    min-height: 79px;
    padding-top: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-bottom: 1px solid red;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-red { background-color: red;}

.section-colored {
  background-color: #000;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}

.carousel {
    height: 80%;
}

.panel-default > .panel-heading {
    color: #ddd;
    background-color: #000;
    border:none;
    border-bottom: 1px solid;
    border-color: red;
    
}

.no-border-radius {border-radius: 0px!important;}
.panel-default{ border: none; }
.panel-backgroundcolor { background-color: #000; color: #ddd; }
.no-border { border:none!important;}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.carousel-control.right { 
    background-image: none;
}

.carousel-control.left { 
    background-image: none;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 50px 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 30%;
 /* increases the carousel height so it looks good on phones */
  }
}

.new_gal { margin-left: 10px;}
.new_gal img {width: 220px; }

.colorselection { margin-left: 12px;}
.parallelogram {
	width: 70px;
	height: 100px;
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
        float: left;
        margin-right: 10px;
        border-radius: 5px;
}

.parallelogram span { font-size: 19px; color: #000;}


.glaenzendgold {background: lightyellow;	
        background: -webkit-repeating-linear-gradient(45deg, rgba(234,185,45,1) ,  rgba(199,152,16,1) 15%, rgba(234,185,45,1) 40%);
	background: -moz-repeating-linear-gradient(45deg, rgba(234,185,45,1) ,  rgba(199,152,16,1) 15%, rgba(234,185,45,1) 40%);
	background: -o-repeating-linear-gradient(45deg, rgba(234,185,45,1) ,  rgba(199,152,16,1) 15%, rgba(234,185,45,1) 40%);
	background: -ms-repeating-linear-gradient(45deg, rgba(234,185,45,1) ,  rgba(199,152,16,1) 15%, rgba(234,185,45,1) 40%);	
	background: repeating-linear-gradient(45deg, rgba(234,185,45,1) ,  rgba(199,152,16,1) 15%, rgba(234,185,45,1) 40%);
}

.glaenzendchrome {background: lightyellow;	
        background: -webkit-repeating-linear-gradient(45deg, rgba(226,226,226,1) ,  rgba(219,219,219,1) 15%, rgba(209,209,209,1) 40%);
	background: -moz-repeating-linear-gradient(45deg, rgba(226,226,226,1) ,  rgba(219,219,219,1) 15%, rgba(209,209,209,1) 40%);
	background: -o-repeating-linear-gradient(45deg, rgba(226,226,226,1) ,  rgba(219,219,219,1) 15%, rgba(209,209,209,1) 40%);
	background: -ms-repeating-linear-gradient(45deg, rgba(226,226,226,1) ,  rgba(219,219,219,1) 15%, rgba(209,209,209,1) 40%);	
	background: repeating-linear-gradient(45deg, rgba(226,226,226,1) ,  rgba(219,219,219,1) 15%, rgba(209,209,209,1) 40%);
}

.reflexwhite { background-image:url("../img/29bfb.png"); }
.reflexblack { background-image:url("../img/5a177.png"); }

.nachleuchtend {
background: rgb(240,255,235); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(240,255,235,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(240,255,235,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(240,255,235,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffeb', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


@media (min-width: 768px) {
.navbar-nav > li > a {
    padding-top: 17px;
    padding-bottom: 26px;
}

.schlagwortverzeichniss { display: block;}
}

@media (max-width: 768px) {
.navbar-nav > li > a {
    padding-top: 17px;
    padding-bottom: 26px;
}

.schlagwortverzeichniss { display: none;}
}

.dropdown-menu {
    color:#ddd;
    background-color: #000;    
    border: 1px solid red;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu li a{ 
color: #ddd;
}

.orderbutton { 
    color: #fff; 
    border-radius: 10px; 
    padding:35px 0px; 
}

.orderbutton:hover { color:#000; }

.form-panel { background-color: transparent;}

.bg-danger {     color: #fff;
    background-color: #ff0000;
    border-color: #d43f3a;}

.btn-danger {
    color: #fff;
    background-color: red;
    border-color: #d43f3a;

}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid red;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid red;
}


.schlagwortverzeichniss ul { list-style: none; }
.schlagwortverzeichniss ul li { float: left; padding: 3px 5px; margin: 5px 5px 0 0; border: 1px solid gray; border-radius: 5px; background-color: #222; }

.panel-home {
    /*margin-bottom: 20px;*/
    background-color: #111;
    border: 1px solid red;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    margin: 15px 0px 0px 0px;
}

.panel-home-frame {
    /*margin-bottom: 20px;*/
    background-color: #111;
    border: 1px solid red;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    margin: 15px 0px 0px 0px;
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 15px 15px 0 15px;
}

.panel-home-body {
    padding: 15px 15px 3.5em 15px;
    position: relative;
    z-index: 20;
}

.panel-home-btn {
    position: absolute;
    z-index: 20;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px 30px 15px 30px;
}

.panel-home-row {
    display: flex;
    display: -webkit-flex;
    flex-flow: wrap;
}

.photos { list-style: none;}
.photos { }
.photos img { }


.carousel-caption { display: none;}


@media screen and (min-width: 768px) {
    
    .carousel-caption {
        display: inherit;
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    }
}

.social { color: #fff;}
.social:hover { color: red;}

.dropdown-menu > li > a { padding: 15px 20px; }