/* Add your Template Styles here */

/* For Bootstrap Scrollspy */
body{
    position:relative;
    padding-top: 70px;
}

h1.mdformteil{
    margin-bottom: 40px;
}

hr.mdformteil{
    margin-bottom: 40px;
}

a{
    color:#000;
    text-decoration: none;
}

a:hover{
    color:#000;
    text-decoration: underline;
}

.scrollspy{
    display: block;
    padding-top: 110px;
}

.btn-formteil {
    background: #1d2345;
    color:#FFF;
}

.btn-formteil:hover {
    color:#aaa;
}

.btn-formteil.invert {
    border: 1px solid #1d2345;
    background:#fff;
    color: #1d2345;
}

.btn-fact:focus, .navbar-toggler:focus, .navbar-toggler:active{
    box-shadow: none;
}

/* Navigation */

.navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-toggler{
    border:none;
}

.navbar-toggler .bars{
    width:40px;
    height: 8px;
    background:#000;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar-brand img{
    max-width:225px;
}

/* Header Startseite */
.bg-blue{
    background-color: #1d2345;
    color: #eee;
    padding: 60px;
}

.imgcontainer {
    position: relative;
}

.imgoverlay {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 10%;
    padding: 80px;
    background: rgba(29,35,69,.7);
    text-align: center;
}

.imgoverlay, .imgoverlay h1{
    color:#fff;
}

.imgoverlay strong{
    font-size: 18px;
}

.imgoverlay a{
    color:#fff;
}

.imgoverlay a:hover{
    color:#fff;
}

.leistungen .container {
    padding-left: 0px;
    padding-right: 0px;
}

/* Fußzeile */
.footer{
    background: #000;
    padding: 10px;
}

.footer a{color:#bbb;}
.footer a:hover{color:#fff;}

.nav-item{
    position: relative;
}

.divider {
    color: #bbb;
    line-height: 37px;
}


/* Beiträge Impressum und Datenschutz */
.item-page.impressum, .item-page.datenschutz{
    margin-top:30px;
}

.item-page.impressum a, .item-page.datenschutz a, .kontakt a{
    color: #000;
    text-decoration: none;
}

.item-page.impressum h1, .item-page.datenschutz h1{
    margin-bottom: 40px;
}

.item-page.impressum h2, .item-page.datenschutz h2{
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.item-page.impressum h3, .item-page.datenschutz h3{
    margin-bottom: 20px;
}

.item-page.impressum p, .item-page.datenschutz p{
    margin-bottom: 2rem;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
    font-weight: bold
}

.pagenavigation .btn{
    margin-left:10px;
    margin-right:10px;
}

/* Bildergallerie */
.carousel__slide {
    width: 100%;
    padding:0px;
}

.gallery > .container{
    padding:0px;
}

#mainCarousel {
    color: #170724;
  
    --carousel-button-svg-width: 40px;
    --carousel-button-svg-height: 40px;
  
    --carousel-button-svg-stroke-width: 3;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after{
    border-color: var(--fancybox-accent-color, rgba(114, 117, 159, 0.9));
    border-width: 2px;
}

.card{
    border:none;
}

.card-img {
    border: none;
    background:none;
}

.carousel__slide .col-md-4:first-child{
    padding-left:0px;
}

.carousel__slide .col-md-4:last-child{
    padding-right:0px;
}

.carousel__button.is-prev{
    left:-40px;
}

.carousel__button.is-next{
    right:-40px;
}