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

h1,
h2 {
    margin: 2rem 0 1.2rem 0;
}

h2 {
    font-size: 1.8rem;
    color: #000;
}

.card h3 {
    color: #fff;
}
.card-header {
    cursor: pointer;
}

.card h3 p {
    margin: 1rem 0;
}

.card-header p.collapsed::before {
    content: '+';
}

.card-header p::before {
    content: '-';
    width: 25px;
    display: inline-block;
}

#headingThree,
#headingTwo {
    padding: 0.75rem 1.25rem;
}

.card-body {
    margin-left: 30px;
}

.container-fluid {
    max-width: 1300px;
}

.navbar,
.nav-wrap {
    background: #fff;
}


@media (min-width: 1300px) {
    .nav-wrap {
        position: fixed;
        width: 100%;
        height: 172px;
        top: 0;
    }
}

@media (min-width: 992px) {
    .navbar {
        padding: 1rem;
    }

    .navbar-expand-lg > .container-fluid {
        align-items: flex-end;
    }
}

@media (max-width: 480px) {
    .logo-img {
        max-width: 200px;
    }

    header {
        margin-top: 112px;
    }
	h1,h2,h3,h4,h5,h6, [data-toggle="collapse"] {hyphens:auto;}

}

@media (min-width: 481px) {
    .logo-img {
        max-width: 250px;
    }

    header {
        margin-top: 132px;
    }

}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 0.5rem;
    }

    .nav-item:not(:last-child) {
        border-right: 1px solid #4e4e4d;
    }

    header {
        margin-top: 132px;
    }
}

@media (min-width: 1100px) {
    .logo-img {
        max-width: 100%;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 1.0rem;
    }


}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(78, 78, 77, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.header__video {
    position: relative;
    padding-top: 56.25%;
}

.header__video__wrap {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.header__video__overlay {
    background: rgba(27, 123, 79, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.header__video__play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    transform: translate(-50%,-50%);
}

.header__teaser img {
    width: 100%;
    height: auto;
}

.main {
    background: #f1f1f1;
}

.teaser__headline {
    position: absolute;
    color: #ffffff;
    width: 100%;
    padding: 1rem 15px 0 15px;
    background: rgba(27, 123, 79, 0.7);
}

.teaser__headline-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}

.teaser__headline-mitte {
    top: calc(50% - 40px);
    left: 0;
    right: 0;
    padding: 2rem 15px 1rem 15px;
}

.col-sm-4 .teaser__headline-bottom {
    max-width: 545px;
}

.card-body a,
.card-body a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.row--aktuelles {
    border-bottom: 1px solid #1b7b4f;
    margin-bottom: 30px;
}

footer {
    padding: 30px 0;
    background-color: #333333;
    color: #ffffff;
}

footer a,
footer a:hover,
footer a:focus,
footer h3 {
    color: #ffffff;
    font-size: 90%;
}
.d-block-500 {
    max-width: 500px;
}

.stoerer img {
    max-width: 150px;
}
@media (max-width: 525px) {
.stoerer {
    display: none;
    visibility: hidden;
}
}