* {-webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important;}
body{padding-top:0!important; font-family: font-family: 'Roboto', sans-serif;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {color:inherit;}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {color:inherit; text-decoration:none;}
h1{font-family: 'Montserrat', sans-serif;  font-weight:700; color:black}
h2 {font-family: 'Montserrat', sans-serif;  font-weight:400; color:black}
h3 {font-family: 'Montserrat', sans-serif;  font-weight:400; color:black}
h4{font-family:'Montserrat', sans-serif; font-weight:400; font-size:20px;}
a, a img {text-decoration:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; color:#00409f;}
p {font-size: 1rem;}
h3.unterueberschrift {font-size: 25px;}


/*Galerie*/
div#galerie {margin-bottom: 40px; width: 100%; margin-right: -20px;}
@media (max-width:2460px) {
    .bild-8 {display:none !important;}
}
@media (max-width:2220px) {
    .bild-7 {display:none !important;}
}
@media (max-width:1850px) {
    .bild-6 {display:none !important;}
}
@media (max-width:1570px) {
    .bild-5 {display:none !important;}
}
@media (max-width:1231px) {
    .bild-4 {display:none !important;}
}
@media (max-width:950px) {
    .bild-3 {display:none !important;}
}

nav#navigation {margin-bottom:-100px; background-color: rgba(255, 255, 255, 0.95)  }

nav#navigation a {color: black;  font-size: 110%; font-weight: 400; text-decoration:none;}
nav#navigation a:hover {color: #f09231;  font-size: 150%; font-weight: 700; text-decoration:none;}
nav#navigation div.reiter {height:100px; width:200px; padding:50px;}
nav#navigation ul{list-style: none; margin: 0 2px; padding: 0; display: flex; justify-content: space-around;}
.only-xs {display:none !important;}

@media (max-width:768px) {
    .hidden-xs {display:none !important;}
    .only-xs {display:block !important;}
    a.navbar-brand.logonav  {max-width:75%; }
    nav.navbar {min-height: 80px; }
    .navbar-brand {max-width: 70%; padding: 0 15px; height: 80px; line-height: 80px;}
    .navbar-toggle {
        /* (80px - button height 34px) / 2 = 23px */
        margin-top: 23px;
        padding: 9px 10px !important;}
    a.navbar-brand.logonav img {max-width:100%;}
    h2 {font-size: 25px; }
}



.top {float:left;}
/*div#mittelteil {background-image: url(../images/bamberg-header.png); width: 100%;  background-repeat: no-repeat; background-size: cover;}*/
div.slider {position: relative; }
img.slider-bild , div.slider { width: 100%; height:570px;  }

@media (max-width:1570px) {
    img.slider-bild , div.slider { width: 100%; height:300px;  }
    
}
@media (max-width:950px) {
    img.slider-bild , div.slider { width: 100%; height:300px;  }
    div.slider-text h1  {text-align:right; font-size: 45px; color: white; display: inline-block; background-color: #f09231;}
    div.slider-text h2  {text-align:right; font-size: 45px; color: white; display: inline-block; background-color: #f09231;}
}
@media (max-width:750px) {
    img.slider-bild , div.slider { width: 100%; height:250px;  }
}





div.slider-text{ width: 100%; position: absolute; bottom: 0  ;}
div.slider-text h1 {text-align:right; font-size: 70px; color: white; display: inline-block; background-color:#f09231  }
div.slider-text h2 {text-align:right; font-size: 70px; color: white}

img {max-width:100%;}
.img-fix {background-position:center center !important; background-repeat:no-repeat !important; background-size:100%; background-size:cover !important;}
.img-block {display:block; width:100%; height:auto;}





div.logo {display:block; padding-top: 20px; padding-bottom: 30px;}
@media (max-width:750px) {
    div.logo {margin-bottom: 50px;}  }
}



#bambergslider:hover img{opacity:0.3; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#bambergslider .item .slidertext{display:block; position:absolute; width: 100%; height: auto; margin: 0 auto; text-align: center; margin-top: -19%; color: #000; margin-bottom:40px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; padding-left:10%; padding-right:10%;}



div#text {margin-top:50px; margin-bottom: 60px;  }
div#text h2 {margin-bottom: 20px;}

@media (max-width:768px) {
    #mittelteil div.container.d-flex.justify-content-end.d-flex.align-items-end {height:300px; width:auto;  display: block;}
    div.logo {display:block; padding-top: 20px; padding-bottom: 30px;}
    div.slider-text h1  {text-align:right; font-size: 40px; color: white}
    div.slider-text h2  {text-align:right; font-size: 40px; color: white}
    div.container.logo.d-flex.justify-content-end img {width:100%; height:100%}
}

/* Footer */
footer nav a {color: white; font-weight:400px; font-size: 95%;}
footer a:hover {color: black;}
footer nav {background-color: #f09231;}
footer div.row {margin-top: 20px;}

/*Referenzen Bilder*/
div#referenzen {margin-top: 50px; margin-bottom: 20px;}
.container-pic {position: relative;width: 50%;}
.image {display: block; width: 100%; height: auto;}
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(255, 255, 255, 0.95);}
.container-pic:hover .overlay {opacity: 1;}
.text {color: black; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}

/*Kontakt*/
div.container.reaktion {margin-top: 50px; margin-bottom: 40px; }
div#contact {margin-top: 50px; margin-bottom: 40px; }
div#contact input.button {color: white; margin-top: 20px; padding: 10px; background-color: #f09231; border: none;}
div#contact input.button:hover  {background-color: black;}
div#contact h2 {margin-bottom:30px; color: black; text-align: left; }
div.container.reaktion button {color: white; margin-top: 20px; padding: 10px; background-color: #f09231; border: none;  }
div.container.reaktion button a {color: white;}
div.container.reaktion button:hover {background-color: black;}