/* Put your custom styles here */
/* navbar */
/* Farbe Schreiner #E20026 */
.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
/* Textfelder unter den Bildern auf index.html gleich hoch (block.css) */
.gallery-item .gallery-details {
    min-height: 110px;
    padding: 5;
    background-color: transparent;
/* Padding unter den Bildern/Texten auf index.html (block.css) */
}
.gallery-item-wrapper {
    padding-bottom: 5px;
}
/* Aktive Menüpunkte sind über gesamte Höhe der Menüleiste mit farbigem Hintergrund (style-library-1.css) */
ul li,
ol li
{
    margin-bottom: 0px;
}
/* Heading bei aktivem modal dunkelgrau da navigation inaktiv (bootstrap.min.css) */
.modal-backdrop {
/*    background-color: transparent; */
}
/* Anordnung der Bilder horizontal mit gleichem Abstand */
.gallery, .gallery-01, .gallery-02, .gallery-03, .gallery-04, .gallery-05, .gallery-06, .gallery-07, .gallery-08, .gallery-09, .gallery-10, .gallery-11, .gallery-12, .gallery-13, .gallery-14 {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.gallery li, .gallery-01 li, .gallery-02 li, .gallery-03 li, .gallery-04 li, .gallery-05 li, .gallery-06 li, .gallery-07 li, .gallery-08 li, .gallery-09 li, .gallery-10 li, .gallery-11 li, .gallery-12 li, .gallery-13 li, .gallery-14 li {
    float: left;
    margin: 10px;
    border: 3px solid white;
}
img.single-gallery {
    margin: 10px;
    border: 3px solid white;
}
img.single-gallery.center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

/* Margin über und unter den Infoblöcken auf der index Seite (style-library-1.css) */
.content-block {
    padding: 10px 0;
}
/* Margin über den Blöcken Kontakt, Öffnungszeiten und Anfahrt (block.css) */
.content-1-3 .services-wrapper {
    margin: 10px 0 0;
}
.thumbnail {
    border: 0px;
}
/* Balken unter aktiver Seite rot (style-library-1.css) */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    background-color: transparent;
    border-bottom: 4px solid #E20026  !important;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus
{
    background-color: #f8f8f8 !important;
    background-color: transparent;
    border-bottom: 4px solid #E20026  !important;
}

#bestattungen .nav-tabs > li.active > a,
#bestattungen .nav-tabs > li.active > a:hover,
#bestattungen .nav-tabs > li.active > a:focus {
    background-color: transparent;
    color: #777;
    border-bottom: 4px solid #384CA2  !important;
}

#bestattungen .nav-tabs > li > a,
#bestattungen .navbar-header > a {
    background-color: transparent;
    color: #777;
}

#bestattungen .navbar-nav > .active > a,
#bestattungen .navbar-nav > .active > a:hover,
#bestattungen .navbar-nav > .active > a:focus
{
    background-color: #f8f8f8 !important;
    background-color: transparent;
    border-bottom: 4px solid #384CA2  !important;
    border-color: #384CA2 !important;
}
#bestattungen .navbar-default {
    border-color: #BBC0D5 !important;
}
#bestattungen .navbar-default .navbar-nav > li > a {
    color: #777;
}
#bestattungen .tab-pane {
    border-bottom: 1px solid #BBC0D5 !important;
}
#bestattungen a {
    cursor:pointer;
}
#bestattungen a {
    color: #384CA2;
}
/* Link "Impressum" unter Kontakt in Schriftfarbe */
#kontakt a
{
    color: #555;
}
#erstellt a
{
    color: #555;
}
/* LINKS im Menü bei kleiner Auflösung in rot (style-library-1.css) */
a 
{
    color: #E20026;
}
a:hover
{
    color: #E20026;
    text-decoration: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* Listitem Aufzählungszeichen quadratisch und rot */
ul.red-square > li,
ul.blue-square > li,
ul.blue-bullet {
  color:#444; /* set color of list item to a dark gray */
  list-style:none; /* if you’re not already using a reset */
}

ul.red-square > li:before,
ul.blue-square > li:before,
ul.blue-bullet > li:before {
  content:"\25A0"; /* /25A0 is the numerical unicode for full square */
  font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  padding-right:.25em; /* give the bullet some padding from the text Make sure to use em*/
  position:relative;
  top:0em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}

ul.red-square > li:before {
  color:#E20026; /* set color to red */
}
ul.blue-square > li:before,
ul.blue-bullet > li:before {
  color:#384CA2; /* set color to blue */
}
ul.blue-bullet > li:before {
  color:#384CA2; /* set color to blue */
  content:"\2020"; /* /2022 is the numerical unicode for bullet */

}
/* Video */
.responsive-video {
    position: relative;
}

#myModal1 {
position:absolute;
margin-left: 5%;
margin-right: 5%;
width: 90%;
}
#myModal1 .modal-dialog  {width:95%;}
@media (min-width: 768px) {
	#myModal1 {margin-left: 25%; margin-right: 25%; width: 50%;}
}