/* Typografie */

@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/libre-baskerville-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
       url('../fonts/libre-baskerville-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-baskerville-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-baskerville-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-baskerville-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/libre-baskerville-v5-latin-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

/* libre-baskerville-700 - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/libre-baskerville-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'),
       url('../fonts/libre-baskerville-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/libre-baskerville-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/libre-baskerville-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/libre-baskerville-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/libre-baskerville-v5-latin-700.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/leaguespartan-bold.eot');
    src: url('../fonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguespartan-bold.woff2') format('woff2'),
         url('../fonts/leaguespartan-bold.woff') format('woff'),
         url('../fonts/leaguespartan-bold.ttf') format('truetype'),
         url('../fonts/leaguespartan-bold.svg#league_spartanbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

p, form {
    font-family: 'Libre Baskerville', Times New Roman, serif;
    font-weight: 400;
}

.h4, .h5 {
    font-family: 'Libre Baskerville', Times New Roman, serif;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, ul, .lead, .button, .h2, .h3, .h5, .full-bg p {
    font-family:  'League Spartan', Century Gothic, sans-serif;
}

h2, .h5 {
    color: #0068AB; 
}

.full-bg h3 {
    color: #f7f7f7;
}

.kap-headline {
    margin-bottom: 3rem;
}

u {
    text-decoration: none;
    border-bottom: 4px solid rgb(154, 182, 27);
  }


.bullet {
    color: #9AB61B;
    margin-left: 0.375rem;
}

.bulletlist {
    margin-bottom: 0;
    letter-spacing: 0.8px;
}

.headline-leistungen {
    color: #0068AB;
    margin-bottom: 0;
}

.leistungen-ul {
    list-style: none;
}

.leistungen-ul li::before {content: "•"; color: #0068AB;
  display: inline-block; width: .8rem;
  margin-left: -1.25rem}

.angebot-lst {
    margin-bottom:0; 
}
.angebot-lst li, .full-bg p {
    letter-spacing: 0.8px;
    color: #f7f7f7;
    margin-top:1rem;
    margin-bottom:0;
}

.angebot-headline {
    padding-top: 1rem;
    color: #0068AB;
}

/* Layout Bereiche */

.container-aligntext {
   bottom: 1rem;
   text-align: center;
   width: 100%;
}

.lead-divider {
    background-color: #0068AB;
    color: #f7f7f7;
    position: relative;
    z-index: 50;
}

.big-container {
    margin:0 auto;
    max-width: 81.250rem;
}

.container-content + .container-headline {
    margin-top: 1.618rem;
}

.bg-full-headline {
    border-bottom: 3px solid rgb(154, 182, 27);
}

.bg-color {
    background-color: rgb(154, 182, 27);
}



@media screen and (min-width: 39.9375em) {
    
    .big-container {
        padding: 0 10%;
    }
    
  }


.full-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ab61b+0,0068ab+37&0.7+0,0.7+100 */
    background: -moz-linear-gradient(-45deg, rgba(154,182,27,0.8) 0%, rgba(0,104,171,0.8) 37%, rgba(0,104,171,0.8) 100%), url(../img/full-bg-leistungen.jpg); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(154,182,27,0.8) 0%,rgba(0,104,171,0.8) 37%,rgba(0,104,171,0.8) 100%), url(../img/full-bg-leistungen.jpg); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(154,182,27,0.8) 0%,rgba(0,104,171,0.8) 37%,rgba(0,104,171,0.8) 100%), url(../img/full-bg-leistungen.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b39ab61b', endColorstr='#b30068ab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  
    background-repeat: no-repeat;
    padding: 2rem 0 2.1rem;
    background-attachment: fixed;
    background-size: cover;
}

.container-headline {
    padding: 1rem 0;
    background: rgb(247, 247, 247);
    background: rgba(247, 247, 247, 0.8);

}

.accordion {
    background: none;
    margin-bottom: 0;
}

.accordion-title {
    background: rgb (247, 247, 247);
    background: rgba(247, 247, 247, 0.8);
    border: none;
}

.accordion-title-border-white {
    border-top: 2px solid transparent;
}

.is active .accordion-title-border-white {
    border-top: 2px solid rgba(247, 247, 247, 0.8);
}


.accordion-title-border {
    margin-top: 0.250rem;

}

.accordion-content {
    background: rgb (247, 247, 247);
    background: rgba(247, 247, 247, 0.9);
    padding: 1rem 0;
}

.accordion-item:first-child > :first-child, .accordion-item:last-child > :last-child {
    border-radius: 0;
}

.accordion-title:hover, .accordion-title:focus, .is-active .accordion-title {
    background: #f7f7f7;
}

.container-content {
    background: rgb (255, 255, 255);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 8px 8px;
    padding: 1rem 0 1rem;
}

.kapitel {
    padding-top: 10vh;
}


footer, .footer {
   background: #0068AB;
    color: #f7f7f7;
    letter-spacing: 0.7px;
    
}

footer {
    padding: 1rem 0;
}

.footer {
    padding: 1rem 0 0;
}

nav+nav {
    border-top: 4px solid rgb(154, 182, 27);
}


/* UX */

.top-bar {
    padding: 0;
    background: #0068AB; 
}

.topbar-center-logo .menu {
  background: none;
}

.topbar-center-logo .menu a {
  color: #f7f7f7;
}

.main-nav {
    text-align: center;
    margin: 0 auto;
}

form .button {
    border:1px solid #f7f7f7;
}

@media screen and (max-width: 39.9375em) {
    
    .full-bg {
        background-position: bottom right;
    }
    
    .top-bar {
        position: relative;
        z-index: 60;
    }
    
    .acc-img {
        margin-bottom: 1rem;
    }
    
  .topbar-center-logo .top-bar-center {
    display: none;
  }
    
    .headline-img {
        margin-top: 1rem;
    }
    
    .main-nav li {
        padding: 1rem 0;
        border-bottom: 2px solid rgb(154, 182, 27);
    }
    
    .main-nav li:last-of-type {
        border-bottom: none;
    }    
}

@media screen and (min-width: 39.9375em) {

    .full-bg {
        background-position: center;
        }
}

.title-bar {
  background: #f7f7f7;
}

.menu-icon:hover::after, .menu-icon::after {
    background: #0068AB;
    box-shadow:  0 7px 0 #0068AB, 0 14px 0 #0068AB;
}

.menu-icon {
  vertical-align: text-top;
}

.title-bar {
    color: #0068AB;
    padding: 1.500rem 0.9375rem 1.125rem;
}

.flex-div {
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
}


.map-container {
    height: 60vh;
}

.footer-menu li {
    padding: 1rem 0;
    border-bottom: 1px solid #A8CBE9;
}

.footer-menu li:last-of-type {
    border-bottom: none;
}

.negative-link, .negative-link:hover, .negative-link:focus, .negative-link:visited, .footer-menu a, .last-menu a{
    color: #f7f7f7;
}


.button-up {
    border: 1px solid #f7f7f7;
    position: fixed;
    right:0;
    bottom: 1rem;
    margin:1rem;
    z-index: 40;
    opacity: 0.8;
}

/* Bilder */



.container-header-img {
    background: white;
    position: relative;
    width: 100%;
    margin-bottom: 1rem;

}

.header-img {
    max-height: 60vh;
    margin: 0 auto;
     display:block;
}

.title-bar-title {
    line-height:1;
}

#logo {
    width: 10rem;
    
}

#logo-medium {
    width: 15rem;
    margin: 1.5rem auto 1rem;
    display: block; 
}