/* JavaScript Width Probe*/
.js-width-probe {
    display: none;
}


/* Bootstrap XS */
@media (max-width: 767px) {
    .js-width-probe {
        width: 2px;
    }
}

/* Bootstrap SM */
@media (min-width: 768px) and (max-width: 991px) {
    .js-width-probe {
        width: 3px;
    }
}

/* Bootstrap MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .js-width-probe {
        width: 4px;
    }
}

/* Bootstrap LG */
@media (min-width: 1200px) {
    .js-width-probe {
        width: 5px;
    }
}

/* Sonderklasse XXS */
@media (max-width: 550px) {

    .js-width-probe {
        width: 1px;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-11 {
        width: 91.66666667%;
    }

    .col-xxs-10 {
        width: 83.33333333%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-8 {
        width: 66.66666667%;
    }

    .col-xxs-7 {
        width: 58.33333333%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-5 {
        width: 41.66666667%;
    }

    .col-xxs-4 {
        width: 33.3%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-2 {
        width: 16.6%;
    }
}


/* FARBEN
    gruen: #7bd365
    gruen auf grau: #67ab57
    dunkelgruen: #0f6500
*/


body {
    font-family: 'Source Sans Pro', Arial, Helvetica, 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.35;
    color: #454545;
    /*background: #f3f3fa;*/
    background: #363636;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.outer-wrapper {
    margin: 0 auto;
    background: #fff;
}


/* GENERAL */

a {
    /*  color: #0f6500;   */
    /*  color: #7bd365; */
    color: #67ab57;
    transition: color 200ms ease-in-out;
}

a:focus, a:hover {
    color: #0f6500;
}

small,
.text-small {
    font-weight: 400;
    font-size: 0.7em;
    line-height: 1.4em;
}

strong, b {
    font-weight: bold;
}

p a:not(.btn-gruen):hover {
    text-decoration: underline;
}

/* HEADLINES */

.inherit {
    color: inherit;
    font: inherit;
    display: inline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 10px;
    margin-top: 20px;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0;
}

h1, h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 24px;
    color: #7bd365;
}

h5 {
    font-size: 22px;
    font-weight: bold;
}

h6 {
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 767px) {
    h1 {
        font-size: 24px;
        font-weight: 600;
    }

    h2 {
        font-size: 22px;
        font-weight: 600;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 17px;
    }

    h6 {
        font-size: 16px;
    }
}


/* BUTTONS */

.btn-gruen {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-size: inherit;
    text-decoration: none;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
    transition: all 200ms ease-in-out;
}

.btn-gruen {
    color: #67ab57;
    border: solid #67ab57 2px;
    background: #fff;
    transition: all 200ms ease-in-out;
    text-shadow: 0 0 0;

}

.btn-gruen:hover,
.btn-gruen:focus,
.btn-gruen:active {
    color: #0f6500;
    border-color: #0f6500;
    text-decoration: none;
    background: #efefef;
    transition: all 200ms ease-in-out;
}


/* HEADER */


.header {
    background-color: #000;
    background-image: url(images/bg--header-svg-top.svg),
    url(images/bg--header-svg-top2.svg),
    url(images/bg--header-back.png);
    background-repeat: no-repeat,
    no-repeat,
    repeat;
    background-size: 2881px 393px,
    2390px 560px,
    auto;
    background-position: center top,
    center 200px,
    center center;
}

@media (max-width: 1199px) {

    .header {
        background-size: 2591px 323px,
        2390px 560px,
        auto;
        background-position: center top,
        center 200px,
        center center;
    }

}

@media (max-width: 991px) {

    .header {
        background-size: 1861px 253px,
        2390px 560px,
        auto;
        background-position: center 17px,
        center 200px,
        center center;
    }

}

@media (max-width: 767px) {

    header {
        width: 100%;
        background: url(images/bg--header-back.png) repeat;
    }

    .header {
        padding-top: 80px;
        background: #fff;
    }

}


/* TOPBAR */

.topbar {
    height: 175px;
    background-image: url(images/bg--header-shadows.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
}

.col-logo {
    padding-right: 0;
}

.badge-wrapper {
    float: left;
    padding-top: 47px;
    padding-bottom: 13px;
    max-width: 80px;
}

.logo-wrapper {
    float: left;
    padding-top: 12px;
    padding-bottom: 13px;
}

.logo-wrapper img {
    margin-left: -12px;
}

#menubutton {
    display: none;
}


@media (max-width: 1199px) {

    .topbar {
        height: 140px;
        background-size: cover;
    }

    .logo-wrapper {
        max-width: 230px;
    }

    .badge-wrapper {
        padding-top: 32px;
        max-width: 70px;
    }

}

@media (max-width: 991px) {


    .logo-wrapper {
        max-width: 220px;
        padding-top: 3px;
        padding-bottom: 17px;
    }

    .badge-wrapper {
        padding-top: 32px;
        max-width: 60px;
    }

}

@media (max-width: 767px) {

    .logo-wrapper {
        width: 180px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .logo-wrapper img {
        margin: -5px;
    }

    .badge-wrapper {
        padding-top: 20px;
        max-width: 50px;
        float: right;
    }

    .topbar {
        position: fixed;
        height: 80px;
        top: 0;
        width: 100%;
        background-image: url(images/bg--header-shadows.png),
        url(images/bg--header-back.png);
        background-repeat: no-repeat,
        repeat;
        background-size: auto,
        auto;
        background-position: -370px center;
        z-index: 100;
        border-bottom: 2px solid #7BD365;
    }

    .tertiary-wrapper {
        display: none;
    }

    #menubutton {
        display: block;
        float: right;
        padding: 8px 10px 5px 10px;
        margin-top: 17px;
        border-radius: 5px;
        font-size: 2rem;
        border: 2px solid #7BD365;
        font-size: 2rem;
        color: #7BD365;
        background: #000;
    }

    #menubutton.active {
        background: #555;
    }

}

@media (max-width: 400px) {
    .badge-wrapper {
        padding-top: 25px;
        max-width: 10vw;
    }
    .logo-wrapper {
        padding-top: 5px;
        max-width: 45vw;
    }
}


/* CLAIM & TERTIÄR*/

.claim-wrapper {
    position: absolute;
    z-index: 1;
    float: right;
    width: 100%;
    margin-top: 45px;
    font-family: 'Titillium Web';
    font-size: 2.2rem;
    color: #bababa;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
}

.claim-wrapper > img {
    float: left;
    margin-right: 10px;
}

.claim-wrapper a.handmade-link {
    position: absolute;
    left: 111px;
    bottom: -12px;
    font-size: 1.6rem;
    color: #dfdfdf;
}

.claim-wrapper a.handmade-link img {
    float: left;
    margin-right: 6px;
}

.tertiary-mobile {
    display: none;
}

.tertiary-wrapper {
    position: absolute;
    bottom: -20px;
    right: 15px;
    float: right;
    width: 100%;
}

.tertiary ul {
    float: right;
    margin-top: 25px;
    padding-left: 0;
    list-style: none;
}

.tertiary ul li {
    float: left;
    margin-left: 15px;
}

.tertiary ul li:before {
    content: '\203A\00a0';
    color: #7bd365;
    font-size: 2rem;
}

.tertiary ul li a {
    font-family: 'Titillium Web';
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: none;
}

.tertiary ul li a:hover {
    color: #7bd365;
}

/*.tertiary ul li:first-child:before {*/
/*content: '';*/
/*}*/
/*.tertiary ul {*/
/*position: relative;*/
/*}*/
/*.tertiary ul:before {*/
/*position: absolute;*/
/*top: 6px; left: -14px;*/
/*z-index: 99;*/
/*height: 18px;*/
/*width: 24px;*/
/*background-image: url(images/handmade-germany.png);*/
/*background-repeat: no-repeat;*/
/*content: '';*/
/*}*/

@media (max-width: 1199px) {

    .claim-wrapper {
        margin-top: 25px;
    }

    .tertiary ul {
        margin-top: 10px;
    }

}

@media (max-width: 991px) {

    .claim-wrapper {
        font-size: 1.7rem;
    }

    .claim-wrapper > img {
        height: 49px;
        width: auto;
    }

    .claim-wrapper a.handmade-link {
        left: 95px;
        font-size: 1.4rem;
    }

    .tertiary ul li a {
        font-size: 1.4rem;
    }

}

@media (max-width: 767px) {

    .tertiary-mobile {
        display: block;
        margin-top: 50px;
    }

    .tertiary-mobile:before {
        content: 'Weitere Informationen:';
        margin-bottom: 5px;
        display: block;
    }

    .tertiary-mobile ul li {
        width: 100%;
    }

    .tertiary.tertiary-mobile ul li a {
        font-weight: normal;
        font-size: 1.4rem;
    }

    .claim-wrapper {
        display: none;
    }
}


/* NAVBAR */

.menubar {
    position: static;
    top: auto;
    width: 100%;
    max-height: 100%;
    padding: 10px 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.8);
}

.menubar.mobile {
    display: none;
}

/*
.menubar.sticky.visible {
    opacity: 1;
    transition: opacity 500ms;
}
*/

.menu {
    color: #fff;
}

.menu nav {
}

.menu .phone {
    float: right;
    margin-top: 6px;
}

.menu .phone a {
    padding-left: 25px;
    font-family: 'Titillium Web';
    font-size: 2.2rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    background: url(images/icon--topbar-telefon-wh.svg) no-repeat left;
    background-size: 20px;
}

.menu .phone a:hover {
    color: #7bd365;
}


.menu ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu ul li {
    display: inline-block;
    padding: 0;
    margin: 0 30px 0 0;
}

.menu ul li:hover {
    color: #7bd365;
    /*   border-bottom: 3px solid #a4c400;
       margin-bottom: 0;   */
}

.menu ul li.active,
.menu ul li.sub-active {
    color: #7bd365;
}

.menu ul li a {
    display: inline-block;
    padding: 6px 0;
    margin: 0;
    font-family: 'Titillium Web';
    font-size: 2.2rem;
    text-decoration: none;
    color: inherit;
    /*text-shadow: 1px 1px 8px rgba(255, 255, 255, 1);*/
}

.desktop .menu ul li ul {
    display: none !important;
}


@media (max-width: 1199px) {

    .menu ul li {
        margin: 0 20px 0 0;
    }

    .menu ul li a {
        font-size: 1.7rem;
    }

    .menu .phone a {
        font-size: 1.9rem;
    }

}

@media (max-width: 991px) {

}


@media (max-width: 767px) {

    .menubar {
        display: none;
        position: fixed;
        top: 80px;
        height: calc(100% - 80px);
        width: 100%;
        overflow-y: scroll;
        background: #111;
    }

    .menubar ul {
        width: 100%;
    }

    .menubar .logo a {
        margin-left: -10px;
        overflow: hidden;
    }

    .menubar .logo img {
        width: auto;
    }


    .menu {
        padding-bottom: 20px;
    }

    .menu .phone {
        float: left;
    }

    .menu ul li {
        display: block;
        margin: 0;
    }

    .menu ul li:hover,
    .menu ul li:active,
    .menu ul li:focus {
        border-bottom: none;
    }

    .menu ul li.active {
        border-bottom: none;
    }

    .menu ul li a {
        color: #fff;
        font-size: 2rem;
    }

    .menu ul li a.nav-first-level {
        font-weight: 600;
    }

    .menu ul li a.nav-first-level:before {
        content: '\203A\00a0';
        color: #7bd365;
        font-size: 2rem;
    }

    .menu ul li ul {
        padding-left: 40px;
    }

    .menu ul li ul li.active {
        background: #333;
    }

    .menu ul li ul li a {
        font-size: 1.8rem;
    }

    .menubutton-phone .phone a {
        padding: 28px 0 28px 35px;
        color: #fff;
    }


    .menubar .menubutton-phone .menubutton {
        margin-bottom: 0;
        margin-top: 18px;
    }
}


@media (max-width: 600px) {

    .menubar .menu .phone {
        display: block;
    }

    .menubar .menubutton-phone {
        width: 20%;
    }

    .menubar .logo {
        width: 80%;
    }

    .menubar .logo img {
        width: auto;
        max-height: calc(45px + 40px);
    }

    .menubar .menubutton-phone .menubutton {
        margin-bottom: 0;
        margin-top: 18px;
    }

    .menubar .menubutton-phone .menubutton svg {
        width: 33px;
        height: 33px;
    }

    .menubar .menubutton-phone .phone {
        display: none;
    }

}

@media (max-width: 350px) {

    .menubar .logo a img {
        max-width: 220px;
        margin: -17px;
    }

    .menubar .menubutton-phone .menubutton {
        margin-top: 15px;
    }

    .menubar .menubutton-phone .menubutton svg {
        width: 28px;
        height: 28px;
    }

}


/* SUBMENU */

.submenu {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    z-index: 1;
}

.submenu-row {
    margin: 10px -10px;
}

.submenu ul {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    list-style: none;
}

.submenu ul li {
    float: left;
    width: calc(25% - 20px);
    padding: 3px 5px;
    background-color: #000;
    margin: 5px 10px;
}

.submenu ul li.active,
.submenu ul li:hover {
    border: 0;
    padding-left: 5px;
    color: #7bd365;
}


.submenu ul li a {
    color: #fff;
    float: left;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    white-space: pre;
    overflow-x: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.submenu ul li a:hover {
    color: #7bd365;
}

.submenu ul li.active a,
.submenu ul li.sub-active a {
    color: #7bd365;
}

.submenu ul li.active li a,
.submenu ul li.sub-active li a {
    color: #fff;
}

.header ul li > .plus {
    float: right;
    height: 30px;
    width: 30px;
    background: url(images/icon--submenu-plus.svg) center center / 13px no-repeat;
    cursor: pointer;
}

.header ul li.active > .plus,
.header ul li.sub-active > .plus {
    color: #7bd365;
    background: url(images/icon--submenu-minus.svg) center center / 10px no-repeat;
}

.submenu ul li.overview-link {
    width: 100%;
    background: none;
}

.submenu ul li.overview-link .glyphicon {
    font-size: 1.7rem;
}

.submenu ul li ul li {
    width: 100%;
    margin: 0;
}

.submenu ul li.active ul li a {
    color: #fff;
    padding: 2px 2px 2px 30px;
    background: none;
}

@media (max-width: 1199px) {

    .submenu ul li {
        float: left;
        width: calc(33.33% - 20px);
    }


}

@media (max-width: 768px) {

    .submenu ul {
        margin: 10px 0 5px 0;
        padding-bottom: 0;
    }

    .submenu ul li {
        float: none;
        display: block;
        width: 100%;
        padding: 0 5px;
        margin: 0;
    }

    .submenu ul li a {
        float: none;
        display: block;
        padding-left: 30px;
        font-size: 1em;
    }

    .header ul li .nav-second-level {
        float: left;
        width: 40px;
        height: 30px;
    }

    .header ul li ul li a {
        float: right;
        width: calc(100% - 40px);
    }

    .header ul li ul {
        padding-left: 0;
    }

    .header ul li ul li ul {
        padding-left: 30px;
    }

}

@media (max-width: 550px) {

    .submenu ul li {
        width: 100%;
    }

}


/* MAIN */

main {
    font-size: 1.1875em;
}

section {
    padding: 30px 0;
}

section.no-padding-top {
    padding-top: 0;
}


section .heading {
    text-align: center;
    padding-bottom: 20px;
}

p {
    hyphens: auto;
}

.made-in-germany {
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
}

.made-in-germany img {
    display: inline-block;
    margin-bottom: 3px;
}

.made-in-germany a {
    color: #454545;
    text-decoration: underline;
}

.made-in-germany a:hover {
    color: #0f6500;
}

.greenline {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.greenline:before,
.greenline:after {
    content: '\a0';
    flex-grow: 1;
    height: 3px;
    background-color: #7bd365;
    position: relative;
    top: 0.55em;
}

.greenline:before {
    margin-right: 18px;
}

.greenline:after {
    margin-left: 18px;
}


@media (max-width: 991px) {

    .greenline:before {
        margin-right: 12px;
    }

    .greenline:after {
        margin-left: 12px;
    }

    /*
    .greenline:before,
    .greenline:after {
        content: '';
        height: 0;
        background-color: transparent;
        margin: 0;
    }
    */
}

/* Bootstrap XS */
@media (max-width: 767px) {
    section {
        padding: 20px 0;
    }
}


/* PAGEHEAD */

.pagehead-image {
    height: 350px;
    margin-right: -15px;
    background-color: #eee;
    background-size: cover;
    background-position: center center;
}

.pagehead-heading {
    position: relative;
    width: auto;
    top: 245px;
    left: -15px;
    right: auto;
}

.pagehead-heading:before {
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    background: url(images/bg--pagehead-wedge.svg) bottom left / 15px no-repeat;
}

.pagehead-heading h1 {
    display: inline-block;
    margin: 0;
    padding: 18px 24px;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
    background: #00537f;
}

.pagehead-subtitle {
    display: table;
    margin-left: -15px;
    padding: 25px 30px;
    height: 350px;
    width: calc(100% + 15px);
    background: #ececf1;
    vertical-align: bottom;
}

.subtitle-inner {
    display: table-cell;
    vertical-align: bottom;
    color: #00537e;
    font-size: 1.4em;
}

@media (max-width: 991px) {

    .pagehead-image {
        height: 350px;
        margin-right: 0;
    }

    .pagehead-subtitle {
        display: block;
        margin-left: 0;
        padding: 25px 30px;
        background: #ececf1;
        vertical-align: bottom;
    }

    .pagehead-subtitle {
        display: block;
        height: auto;
    }

}

@media (max-width: 768px) {

    .pagehead-image {
        height: 250px;
        margin: 0 -15px;
    }

    .pagehead-heading {
        position: static;
        display: block;
        margin: 0;
    }

    .pagehead-heading h1 {
        margin-bottom: 150px;
        display: block;
        font-size: 1.4em;
    }

    .pagehead-heading:before {
        display: none;
    }

    .pagehead-subtitle {
        display: block;
        width: auto;
        padding: 15px 15px;
        background: #ececf1;
        vertical-align: bottom;
        margin: 0 -15px;
        height: auto;
        font-size: 0.9em;
    }

    .subtitle-inner {
        font-size: 1.2em;
    }

}


/* PAGEHEAD NEW */

.pagehead-new {
    background: #fff;
    color: #000;
}

.pagehead-new .pagehead-title {
    padding: 20px 0;
    text-align: center;
}

.pagehead-new img {
    width: 100%;
}

.pagehead-new .pagehead-title h1 {
    color: #000;
    font-weight: 600;
    font-size: 4rem;
    /*  background-color: #fff;
      display: inline;
      padding: 0 30px;*/
}

.pagehead-new .pagehead-title .subtitle {
    font-weight: 600;
    font-size: 3.5rem;
    display: inline;
    /*  padding-left: 50px;
      background: url(images/icon--haken-weissgruen.svg) left 8px / 40px no-repeat; */
}


.pagehead-new .pagehead-title .title-start {
    /*text-align: center;*/
}

.pagehead-new .pagehead-title .title-start ul.ul--haken-weissgruen {
    display: inline-block;
    padding-left: 0;
    width: 100%;
    font-size: 4rem;
    font-weight: 600;
    text-align: left;
}

.pagehead-new .pagehead-title .title-start ul.ul--haken-weissgruen li {
    width: 100%;
    background-size: 40px;
    padding-left: 50px;
    background-position: left 10px;
}


@media (max-width: 991px) {

    .pagehead-new .pagehead-title {
        padding: 30px 0 15px 0;
    }

    .pagehead-new .pagehead-title h1 {
        font-size: 3rem;

    }

    .pagehead-new .pagehead-title .subtitle {
        font-size: 3rem;
        padding-left: 40px;
        /*      background: url(images/icon--haken-weissgruen.svg) left 7px / 30px no-repeat; */
    }

    .pagehead-new .pagehead-title .title-start ul.ul--haken-weissgruen {
        font-size: 3rem;
    }

    .pagehead-new .pagehead-title .title-start ul.ul--haken-weissgruen li {
        background-size: 30px;
        padding-left: 40px;
        background-position: left 7px;
    }

}

@media (max-width: 767px) {

    .pagehead-new .pagehead-title {
        padding: 25px 0 10px 0;
    }

    .pagehead-new .pagehead-title h1 {
        font-size: 2.5rem;
    }

    .pagehead-new .pagehead-title .subtitle {
        font-size: 1.8rem;
        padding-left: 25px;
        /*   background: url(images/icon--haken-weissgruen.svg) left 6px / 18px no-repeat; */
    }

    .pagehead-new .pagehead-title .title-start ul.ul--haken-weissgruen {
        font-size: 2rem;
    }

    .pagehead-new .pagehead-title .title-start ul.ul--haken-weissgruen li {
        background-size: 2rem;
        padding-left: 3rem;
        background-position: left 7px;
    }

}


/* MODULE */

/* Modul: Textkasten vor Breitbild */

/*
.modul--textvorbild {
    padding-top: 22%;
    padding-bottom: 40px;
}


.modul--textvorbild .textblock > div {
    padding: 20px 30px 25px 30px;
    color: #fff;
    font-size: 19px;
    background: #00537d;
    background: rgba(0,83,126,0.7);
    text-align: center;
}


.modul--textvorbild ul {
    display: inline-block;
    margin: 10px 10px 10px 0;
    text-align: left;
}

.modul--textvorbild ul li {
    padding-bottom: 10px;
}


.modul--textvorbild .loginblock > div {
    margin: 60px 0 40px 0;
    padding: 25px 30px 25px 30px;
    color: #fff;
    font-size: 19px;
    background: #00537d;
    background: rgba(0,83,126,0.9);
}

.modul--textvorbild .loginblock form {
    margin: 0 auto;
    text-align: center;
}

.modul--textvorbild .loginblock form label {
    display: none;
}

.modul--textvorbild .loginblock .form-group {
    display: inline-block;
    /*width: 28%;*/
/*   width: 61%;
}

.modul--textvorbild .loginblock form input {
   height: 45px;
   width: 100%;
   font-size: inherit;
}

.modul--textvorbild .loginblock form button {
   display: inline-block;
   width: 38%;
   height: 45px;
   padding: 8px 0;
}



@media (max-width: 1199px) {

   .modul--textvorbild h1 {
       font-size: 26px;
   }

}


@media (max-width: 991px) {

   .modul--textvorbild {
       padding-top: 180px;
   }

   .modul--textvorbild h1 {
       font-size: 24px;
   }

}


@media (max-width: 767px) {

   .modul--textvorbild {
       padding-top: 130px;
   }

   .modul--textvorbild h1 {
       font-size: 20px;
   }

   /*.modul--textvorbild .textblock {
       float: right;
       width: 80%;
       transition: 200ms;
   }*/
/*
   .modul--textvorbild .loginblock .form-group {
       display: block;
       width: 100%;
   }

   .modul--textvorbild .loginblock form button {
       display: block;
       width: 100%;
       height: 45px;
       padding: 8px 0;
   }

}


@media (max-width: 600px) {
   .modul--textvorbild {
       background-size: cover;
       background-position: 43%;
   }

   .modul--textvorbild .textblock div {
       padding: 10px 15px 15px 15px;
       font-size: 16px;
   }

   .modul--textvorbild ul {
       margin: 10px 0 15px 0;
       padding-left: 10px;
   }

   .modul--textvorbild ul li {
       padding-bottom: 0;
   }
}
*/

/* Modul: Bild und Text nebeneinander*/

.modul--bildtext {
    font-size: 19px;
}

.modul--bildtext.bildtext--bildkontur img {
    border: 2px solid #8a8a8a;
}

.modul--bildtext .heading {
    text-align: left;
    padding-bottom: 20px;
}

.bildtext-slider * {
    display: none;
    outline: none;
}

.bildtext-slider img {
    border: 0;
}

.bildtext-slider *:first-child {
    display: block;
}

.bildtext-slider .slick-slide {
    height: auto;
}


@media (max-width: 767px) {

    .modul--bildtext {
    }

    .modul--bildtext img {
        margin: 20px auto 0 auto;
    }

}


/* Modul: Bidlergalerie */

.modul--galerie {
    overflow-x: hidden;
    background-color: #ddd;
}

.modul--galerie .heading h2 {
    /*   padding: 0 20px;  */
}

.heading.title-bg {
    background-position: 0 15px;
}

.modul--galerie .galerie-thumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: -10px;
}

.modul--galerie .galerie-thumbs a {
    display: flex;
    min-height: 166px;
    width: 166px;
    background-color: #444;
    margin: 10px 10px;
    text-align: center;
    justify-content: center;
}

.modul-bg--bg1.modul--galerie .galerie-thumbs a {
    background: #eaeaea;
}

.modul-bg--bg3.modul--galerie .galerie-thumbs a {
    background: #eaeaea;
}

.modul--galerie .galerie-thumbs img {
    margin: auto;
    max-height: 100%;
    transition: opacity .5s;
}

.modul--galerie .galerie-thumbs a:hover img,
.modul--galerie .galerie-thumbs a:focus img,
.modul--galerie .galerie-thumbs a:active img {
    opacity: 0.6;
    transition: opacity .5s;
}


@media (max-width: 767px) {

    .modul--galerie .galerie-thumbs {
        max-width: none;
    }

    .modul--galerie .galerie-thumbs a {
        max-width: 100%;
    }

    .modul--galerie .galerie-thumbs img {
        max-width: 100%;
    }

    /*
       .modul--galerie .galerie-slider-wrapper {
           width: 400px;
           height: 220px;
           margin: 0 auto;
           background: url(images/bildergalerie-notebook.png) top center / 400px no-repeat;
       }

       .modul--galerie .galerie-slider-wrapper .slider {
           position: relative;
           top: 17px;
           left: 57px;
           width: 286px;
           height: 180px;
       }

       .modul--galerie .galerie-slider-wrapper .slider .slick-slide {
           line-height: 180px;
       }

       .modul--galerie .galerie-slider-wrapper .slider .slick-arrow {
           width: 50px;
           height: 50px;
       }
       .modul--galerie .galerie-slider-wrapper .slider .slick-arrow.slick-prev {
           top: 70px;
           left: -100px;
           background: url(images/icon--galerieslider-prev.svg) left center / 50px 50px no-repeat;
       }
       .modul--galerie .galerie-slider-wrapper .slider .slick-arrow.slick-next {
           top: 70px;
           left: 340px;
           background: url(images/icon--galerieslider-next.svg) right center / 50px 50px no-repeat;
       }
   */
}

@media (max-width: 550px) {
    /*
        .modul--galerie .galerie-slider-wrapper {
            width: 280px;
            height: 154px;
            margin: 0 auto;
            background: url(images/bildergalerie-notebook.png) top center / 280px no-repeat;
        }

        .modul--galerie .galerie-slider-wrapper .slider {
            position: relative;
            top: 12px;
            left: 40px;
            width: 200px;
            height: 127px;
        }

        .modul--galerie .galerie-slider-wrapper .slider .slick-slide {
            line-height: 127px;
        }

        .modul--galerie .galerie-slider-wrapper .slider .slick-arrow {
            height: 30px;
            width: 30px;
        }
        .modul--galerie .galerie-slider-wrapper .slider .slick-arrow.slick-prev {
            top: 30px;
            left: -50px;
            background: url(images/icon--galerieslider-prev.svg) left center / 30px 30px no-repeat;
        }
        .modul--galerie .galerie-slider-wrapper .slider .slick-arrow.slick-next {
            top: 30px;
            left: 220px;
            background: url(images/icon--galerieslider-next.svg) right center / 30px 30px no-repeat;
        }
      */
}


/* Modul: Info-Teaser mit 4 Spalten*/

.modul--teaser4cols .box-top {
    /*   padding: 20px 20px;   */
    font-size: 20px;
    text-align: center;
}

.modul--teaser4cols .box-top .icon {
    width: auto;
    margin: 0 auto;
    padding-bottom: 15px;
}

.modul--teaser4cols .box-top .icon img {
    height: 150px;
    max-width: 200px;
    margin: 0 auto;
}

.modul--teaser4cols .box-top h3 {
    font-size: 22px;
    font-weight: 700;
}

.modul--teaser4cols .box-top h3 a {
    color: #454545;
    text-decoration: none;
}

.modul--teaser4cols .box-top h3 a:hover {
    color: #67ab57;
}

.modul--teaser4cols ul {
    padding: 0 10px 0 10px;
}

.modul--teaser4cols .box-content {
    display: inline-block;
    /*   height: 20rem;    */
    text-align: center;
}

.modul--teaser4cols .box-content a {
    /*  color: #7bd365;   */
    text-decoration: none;
}

.modul--teaser4cols .box-content a:hover,
.modul--teaser4cols .box-content a:focus,
.modul--teaser4cols .box-content a:active {
    /*color: #67ab57; */
    text-decoration: underline;
}

.modul--teaser4cols .box-bottom {
    padding: 10px;
    font-size: 1.6rem;
}

.modul--teaser4cols .btn {
    display: inline-block;
    margin: 10px auto 0 auto;
}


@media (max-width: 991px) {

    .modul--teaser4cols .box-top .icon img {
        max-width: 160px;
        height: 120px;
    }

    .modul--teaser4cols .boxshadow {
        margin-top: 20px;
    }

    .modul--teaser4cols .btn {
        display: inline-block;
        margin: 0 auto;
    }

}


@media (min-width: 768px) and (max-width: 991px) {

}


@media (max-width: 767px) {

    section.modul--teaser4cols {
        padding-top: 0;
    }

    .modul--teaser4cols .box-top {
        background: #fff;
        text-align: center;
        font-size: 18px;
    }

    .modul--teaser4cols .box-top h3 {
        font-size: 22px;
    }

    .modul--teaser4cols .box-top .icon img {
        max-width: 160px;
        height: 120px;
    }

    .modul--teaser4cols .boxshadow {
        margin-top: 0;
        margin-bottom: 20px;
    }

}


/* Modul: Bildteaser */


.box-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.box-link .image-frame {
    overflow: hidden;
    border: 2px solid #888;
}

.box-link img {
    transition: transform 500ms ease-in-out;
}

a.box-link:hover img {
    transform: scale(1.05);
}

.modul--bildteaser .box-text {
    overflow: visible;
    text-align: center;
    padding: 10px 0 15px 0;

}

.modul--bildteaser .box-text .linktext {
    font-size: 1.7rem;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 0;
    line-height: 20px;
    color: #444;
    transition: color 200ms ease-in-out;
}

.modul--bildteaser a:hover {
    text-decoration: none;
}

.modul--bildteaser a:hover .linktext {
    color: #7bd365;
    text-decoration: none;
}

.modul--bildteaser a:hover .image-frame {
    border-color: #7bd365;
}

.modul--bildteaser .box-text p {
    font-size: 1.9rem;
}


@media (min-width: 992px) and (max-width: 1199px) {

    .modul--bildteaser .box-text h3 {
        font-size: 1.8rem;
    }

    .modul--bildteaser .box-text p {
        font-size: 1.6rem;
    }

}


@media (min-width: 768px) and (max-width: 991px) {
    .modul--bildteaser {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .modul--bildteaser .box-text .linktext {
        font-size: 1.5rem;
    }

    .modul--bildteaser {
        margin: 0 auto;
    }

    .modul--bildteaser .box-text h3 {
        margin: 2px 0 12px 0;
    }

    .modul--bildteaser .row > div {
        text-align: center;
    }

}


/* Modul: Liste neben Text */
/*
.modul--listetext a {
    font-weight: 600;
    padding: 0 10px 0 13px;
    background: url(images/icon--link-pfeil.svg) no-repeat left center;
    background-size: 10px;
}

.modul--listetext ol {
    list-style: none;
    margin: -18px 0 0 0;
    padding: 0;
}

.modul--listetext ol li {
    list-style: none;
    padding: 18px 0 0 80px;
    margin-bottom: 20px;
    background: left 2px / 60px no-repeat ;
}

.modul--listetext ol li:nth-child(1) {
    background-image: url(images/icon--liste-mit-nummern-1.svg);
}
.modul--listetext ol li:nth-child(2) {
    background-image: url(images/icon--liste-mit-nummern-2.svg);
}
.modul--listetext ol li:nth-child(3) {
    background-image: url(images/icon--liste-mit-nummern-3.svg);
}
    
  */

/* Modul: Kontakt CTA */

.modul-bg--bg2.modul--kontaktcta {
    color: #000;
    font-size: 19px;

}

.modul-bg--bg2.modul--kontaktcta .heading {
    padding-bottom: 5px;
}

.modul-bg--bg2.modul--kontaktcta .heading h2 {
    color: #000;

}

.modul-bg--bg2.modul--kontaktcta .heading h2.greenline:before,
.modul-bg--bg2.modul--kontaktcta .heading h2.greenline:after {
    content: none;
    background-color: transparent;
}

.modul--kontaktcta strong {
    font-size: 1.2em;
}

.modul--kontaktcta a {
    display: inline-block;
    height: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px;
    padding: 0 0 0 75px;
    color: inherit;
    text-decoration: none;
    transition: 200ms ease-in-out;
}

.modul--kontaktcta a:hover {
    opacity: 0.8;
    transition: 200ms ease-in-out;
}

.modul--kontaktcta .kontaktcta-telefon {
    background: url(images/icon--phone.svg) no-repeat;
    background-size: 50px auto;
    background-position: 0 0;
}

.modul--kontaktcta .kontaktcta-mail {
    background: url(images/icon--mail.svg) no-repeat;
    background-size: 50px auto;
}

.modul--kontaktcta .kontaktcta-formular {
    background: url(images/icon--kontakt.svg) no-repeat;
    background-size: 50px auto;
}

.modul--kontaktcta a p {
    position: relative;
    top: 5px;
}

.modul--kontaktcta a:hover .fakelink {
    text-decoration: none;
}

.modul--kontaktcta small {
    font-size: 0.8em;
}


@media (max-width: 991px) {
    .modul--kontaktcta {
        font-size: 17px;
    }
}


@media (max-width: 767px) {
    .modul--kontaktcta a {
        text-align: center;
        background-position: center;
        background-size: 50px;
        padding: 0 0 0 50px;

    }

    .modul--kontaktcta .kontaktcta-mail,
    .modul--kontaktcta .kontaktcta-formular,
    .modul--kontaktcta .kontaktcta-telefon {
        background-size: 40px auto;

    }
}

@media (max-width: 550px) {

    .modul--kontaktcta a {
        margin-top: 10px;
        margin-bottom: 10px;
    }

}


/* MODUL: STARTSLIDER */

.modul--startslider {
    /*padding: 30px 0;*/
}

header .modul--startslider {
    background: rgba(0, 0, 0, 0.6);
}

.startslider-track {
    /*max-width: 1400px;*/
    max-width: 1920px;
    margin: 0 auto;
}

.startslider-dots {
    position: absolute;
    width: 100%;
    /*margin-top: -76px;*/
    margin-top: -50px;
}

.startslider-dots ul.slick-dots {
    width: 100%;
    list-style: none;
    text-align: right;
    z-index: 1;
}

.startslider-dots ul.slick-dots li {
    display: inline-block;
    padding: 0;
    background: none;
}

.startslider-dots ul.slick-dots li button {
    background: none;
    width: 10px;
    height: 10px;
    padding: 0;
    margin-left: 15px;
    text-indent: -9999px;
    overflow: hidden;
    border: 2px solid #fff;
}

.startslider-dots ul.slick-dots li.slick-active button {
    background: #fff;
}

.modul--startslider .slick-initialized .slick-slide {
    position: relative;
}

.startslider-text {
    position: absolute;
    width: 100%;
    /*max-width: 1400px;*/
    margin-top: -180px;
    z-index: 2;
}

.startslider-inner {
    text-decoration: none;
    font-size: 2.2rem;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.startslider-bild {
    width: 100%;
    /*border: 2px solid #000;*/
}

.modul--startslider a {
    color: #fff;
    text-decoration: none;
}

.modul--startslider a:hover {
    color: #ccc;
    text-decoration: none;
}

.startslider-inner h2 {
    font-weight: 600;
    font-size: 4.7rem;
}

.startslider-inner .fake-link {
    text-decoration: underline;
}

.startslider-bild .shade {
    position: absolute;
    width: 100%;
    max-width: 1400px;
    height: 100%;
    z-index: 1;
    background: url(images/bg--startslider.png) bottom left no-repeat;
}


@media (max-width: 1416px) {

    .modul--startslider {
        padding: 0;
    }

    .startslider-text {
        position: absolute;
        max-width: none;
        margin-top: -180px;
        z-index: 2;
    }

    .startslider-dots {
        margin-top: -75px;
    }

    .startslider-bild {
        border-left-width: 0;
        border-right-width: 0;
    }

}

@media (max-width: 991px) {

    .startslider-text {
        margin-top: -140px;
    }

    .startslider-inner {
        font-size: 1.8rem;
    }

    .startslider-inner h2 {
        font-size: 3rem;
        margin-bottom: 0;
    }

    .startslider-bild .shade {
        background-position: 50%;
    }

}

@media (max-width: 767px) {

    .modul--startslider,
    header .modul--startslider {
        background: rgba(0, 0, 0, 0.78) !important;
        color: #fff !important;
    }

    .startslider-bild .shade {
        display: none;
    }

    header .startslider-bild {
        border-top: 0;
    }

    .startslider-text {
        position: static;
        margin: 8px 0 15px 0;
    }

    .startslider-dots,
    .startslider-dots-container {
        width: auto;
        right: 0px;
    }

    .startslider-dots {
        margin-top: -35px;
    }

}

@media (max-width: 600px) {

    .startslider-inner {
        font-size: 1.6rem;
    }

    .startslider-inner h2 {
        font-size: 2.2rem;
    }

}


/* Modul: Logos

.modul--logos .logos {
    max-width: 950px;
    margin: 40px auto;
    text-align: center;
}

.modul--logos .logo-col {
    display: inline-block;
    width: 15%;
    margin: 0 2%;
}

.modul--logos .logo-col img {
    display: inline-block;
    margin: 0 auto;
}
*/


/* MODUL BGs*/
/* weiß */
.modul-bg--bg1 {
    background: #fff;
}

.modul-bg--bg1 .heading h2 {
    color: #000;
    background: #fff;
}

.modul-bg--bg1 .box-link {
    color: #000;
}

/* Gruen */
.modul-bg--bg2 {
    color: #000;
    background: #7bd365;
}

.modul-bg--bg2 strong {
    color: #000;
}

.modul-bg--bg2 .heading h2 {
    color: #fff;
    background: #7bd365;
}

/*.modul-bg--bg2 .btn-transparent {    */
/*color: #fff;*/
/*}*/
/*.modul-bg--bg2 .btn-transparent:hover {    */
/*color: #eee;*/
/*text-decoration: none;*/
/*}*/


/* Grau */

.modul-bg--bg3 {
    background-color: #d5d5d5;
}

.modul-bg--bg3 strong {
    /* color: #00537d;   */
}

.modul-bg--bg3 .heading h2 {
    color: #000;
}


.modul-bg--bg3 a.btn-gruen:hover,
.modul-bg--bg3 a.btn-gruen:focus,
.modul-bg--bg3 a.btn-gruen:active {
    border-color: #0f6500;
    background-color: #efefef;
    color: #0f6500;
    transition: all 200ms ease-in-out;
}

.modul--news.modul-bg--bg3 a span.fakelink {
    color: #444;
}

.modul--bildteaser.modul-bg--bg3 a:hover .linktext,
.modul--bildteaser.modul-bg--bg3 a:focus .linktext,
.modul--bildteaser.modul-bg--bg3 a:active .linktext {
    color: #000;
    text-decoration: none;

}

.modul--news.modul-bg--bg3 a:hover span.fakelink,
.modul--news.modul-bg--bg3 a:focus span.fakelink,
.modul--news.modul-bg--bg3 a:active span.fakelink {
    color: #000;
}

.modul--news.modul-bg--bg3 a:hover img,
.modul--news.modul-bg--bg3 a:focus img,
.modul--news.modul-bg--bg3 a:active img,
.modul--bildteaser.modul-bg--bg3 a:hover .image-frame,
.modul--bildteaser.modul-bg--bg3 a:focus .image-frame,
.modul--bildteaser.modul-bg--bg3 a:active .image-frame {
    border-color: #444;
}

/* Stoff */
.modul-bg--bg4 {
    background: url(images/bg_fabric.png) #111 repeat;
}

.modul-bg--bg4 h1,
.modul-bg--bg4 h2,
.modul-bg--bg4 h3,
.modul-bg--bg4 h4,
.modul-bg--bg4 h5,
.modul-bg--bg4 h6 {
    color: #7bd365;
}

.modul-bg--bg4 h4 {
    color: #d5d5d5;
    font-weight: 600;
}

.modul-bg--bg4 p {
    color: #fff;
}

.modul-bg--bg4 strong {
    /*   color: #454545;   */
}

.modul-bg--bg4 .heading h2,
.modul-bg--bg4 p a {
    color: #7bd365;
}

.modul-bg--bg4 .box-link {
    color: #fff;
}

.modul-bg--bg4 .box-link,
.modul-bg--bg4 ul li {
    color: #fff;
}

.modul-bg--bg4 a:hover.box-link,
.modul-bg--bg4 a:focus.box-link,
.modul-bg--bg4 a:active.box-link {
    color: #7bd365;
    text-decoration: none;
}

.modul-bg--bg4 a:hover.btn-gruen,
.modul-bg--bg4 a:focus.btn-gruen,
.modul-bg--bg4 a:active.btn-gruen,
.modul-bg--bg4 a.btn-gruen {
    color: #67ab57;
}

.modul-bg--bg4 .btn-gruen:hover,
.modul-bg--bg4 .btn-gruen:focus,
.modul-bg--bg4 .btn-gruen:active {
    background: #dfdfdf;
}

.modul-bg--bg4 .box-text .linktext {
    color: #bbb;
    text-decoration: none;

}

/* BOX SHADOWS */

.boxshadow-4cols {
    float: left;
    width: 100%;
    padding-bottom: 8px;
    /*background: url(images/boxshadow-4cols.png) center bottom no-repeat;*/
    background-size: 100% 8px;
}

.boxshadow-3cols {
    float: left;
    width: 100%;
    padding-bottom: 14px;
    /*background: url(images/boxshadow-3cols.png) center bottom no-repeat;*/
    background-size: 100% 14px;
}

.boxshadow-2cols {
    padding-bottom: 16px;
    /*background: url(images/boxshadow-2cols.png) center bottom no-repeat;*/
    background-size: 100% 16px;
}


/* LISTEN */

ul li {
    margin-bottom: 10px;
}

main ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0 0 0 5px;
}

main ul li {
    margin: 0;
    padding: 5px 0 5px 50px;
    background: url(images/li.svg) left top no-repeat;
    background-size: 40px;
}

.rahmen-weiss {
    border: 2px solid #fff;
}


.fakelink {
    text-decoration: underline;
}


/* SLICK LIGHTBOX */

.slick-lightbox-inner {
    background: rgba(0, 0, 0, .8);
    z-index: 1000;
}

.slick-lightbox-inner .slick-prev,
.slick-lightbox-inner .slick-next {
    position: fixed;
    height: 40px;
    width: 40px;
    top: calc(50% - 20px);
    z-index: 1001;
    background: none;
    border: none;
    overflow: hidden;
    text-indent: 999px;
}

.slick-lightbox-inner .slick-prev {
    background: url(images/icon--galerieslider-prev.svg) left center / 40px 40px no-repeat;
}

.slick-lightbox-inner .slick-next {
    background: url(images/icon--galerieslider-next.svg) left center / 40px 40px no-repeat;
}


.slick-lightbox .slick-lightbox-slick-caption {
    display: inline-block;
    width: 90%;
    margin-top: 0;
    background: transparent;
}

.slick-lightbox .slick-lightbox-slick-caption {
    padding-top: 10px;
}

@media (max-width: 767px) {
    .slick-lightbox-slick-item-inner,
    .slick-lightbox-slick-img {
        max-width: 100%;
        max-height: 100%;
    }
}

@media (max-width: 550px) {
    .slick-lightbox-inner .slick-prev,
    .slick-lightbox-inner .slick-next {
        height: 20px;
        width: 20px;
        top: calc(50% - 10px);
        background-size: 20px 20px;
    }
}

/* News / Meldungen  */

.modul--news a:hover img,
.modul--news a:focus img,
.modul--news a:active img {
    border-color: #7bd365;
}

.modul--news a .fakelink {
    transition: color 200ms ease-in-out;
}

.modul--news a:hover .fakelink,
.modul--news a:focus .fakelink,
.modul--news a:active .fakelink {
    color: #7bd365;
}

.page--inhalt .modul--news a.alle-news {
    margin-top: 0;
}


/* MODUL: News */

.modul--news {
    padding-bottom: 40px;
}

.news-overview h2 {
    font-size: 24px;
}

.news-overview a div.datum {
    color: #888;
}

.news-overview a p,
.news-overview a h2 {
    color: #000;
}

.modul--news a p.excerpt,
.modul--news a p.subline {
    font-size: 1.4rem;
    color: #000;
}

.modul--news a p.subline {
    color: #888;
}

.modul--news a {
    text-decoration: none;
}

.modul--news a .fakelink {
    font-size: 1.4rem;
}

.modul--news a:hover .fakelink,
.modul--news a:focus .fakelink,
.modul--news a:active .fakelink {
    color: #7bd365;
}

.modul--news a h3 {
    color: #000;
}

.modul--news img {
    border: 2px solid #888;
}

.modul--news a.neueste-news {
    display: block;
}

.modul--news a.neueste-news h3 {
    margin: 0;
}

.modul--news a.neueste-news img {
    width: 200px;
    float: left;
    margin-right: 15px;
}

.modul--news a.next-news {
    display: block;

}

.modul--news a.next-news:last-child {
    margin-bottom: 0;
}

.modul--news a.next-news h3 {
    margin: 0 0 5px 0;
    font-size: 1.6rem;
    font-weight: 700;
    /*    white-space: pre; // für abgeschnittene H3
        overflow: hidden;
        text-overflow: ellipsis;    */
}

.modul--news a.next-news p {
    margin: 0;
}

.modul--news a.next-news img {
    float: left;
    margin: 0 15px 15px 0;
}

.modul--news a:hover .fakelink {
    color: #7bd365;
}


@media (max-width: 991px) {

    .modul--news .continuing-news {
        padding-top: 30px;
        border-left: none;
    }

}


.news-overview a.news-box {
    display: block;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #ccc;
}

.news-overview a.news-box:hover,
.news-overview a.news-box:focus,
.news-overview a.news-box:active {
    background: #f9f9f9;
}

.news-overview a.news-box h2 {
    margin-top: 5px;
}

.news-detail {
    padding-bottom: 40px;
}

.news-detail .news-detail-image {
    float: right;
    width: 45%;
    margin-left: 30px;
}


@media (max-width: 550px) {

    .modul--news a.neueste-news img {
        float: none;
        display: block;
        width: 100%;
    }

    .news-detail .news-detail-image {
        float: none;
        width: 100%;

    }

    .news-detail .news-detail-image img {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .modul--news a.neueste-news h3 {
        margin-top: 15px;
    }

}


.bildergalerie .thumb a {
    display: block;
    height: 200px;
    padding: 10px;
    margin-bottom: 30px;
    background: #eee;
    line-height: 180px;
    text-align: center;
}

.bildergalerie .thumb a:hover,
.bildergalerie .thumb a:focus,
.bildergalerie .thumb a:active {
    background: #ddd;
}

.bildergalerie .thumb a img {
    display: inline-block;
    line-height: 1.4;
    max-height: 180px;
}

#downloads .download {
    margin-bottom: 10px;
}


@media (max-width: 767px) {

    .bildergalerie .thumb a {
        height: 140px;
        line-height: 120px;
    }

    .bildergalerie .thumb a img {
        max-height: 120px;
    }

}


/*********************************************************************************************************/


/* MAGNIFIC */

.magnific-extended .mfp-close {
    display: block;
    right: 0;
    padding-right: 15px;
    background: #A4C408;
    opacity: 1;
}

.magnific-extended .mfp-img {
    padding-bottom: 170px;
    box-shadow: none;
}

.magnific-extended .mfp-bottom-bar {
    margin-top: -170px;
}

.magnific-extended .mfp-title {
    font-size: 1.8rem;
    line-height: 1.3;
    height: 170px;
    width: 100%;
    padding: 20px;
    background: #00537D;
    overflow-y: auto;
    text-overflow: ellipsis;
}

.magnific-extended .mfp-image-holder .mfp-content {
    max-height: 90%;
}


/* CONTENT */

/* CONTENT LEXIKON */
.lexikon .row {
    padding: 20px 0;
}

.lexikon ul {
    list-style-type: none;
}

.lexikon ul li {
    /*background: none;*/
    padding-left: 20px;
    margin-bottom: 20px;
}

h1 {
    font-weight: bold;
}

h1.text-titel {
    color: #00537d;
    font-weight: bolder;
    padding-bottom: 20px;
}


/* FOOTER */

footer {
    padding: 0;
    background: #2b2b2b;
    font-size: 15px;
    color: #bfbfbf;
}

footer a {
    color: inherit;
}

footer a:hover, footer a:focus, footer a:active {
    color: #7bd365;
}

.footer-links .container .row {
    margin: 0 -10px;
}

.footer-links {
    padding: 30px 0;
    color: #fff;
    background: #3b3b3b;
}

.footer-links .heading {
    font-family: "Titillium Web";
    font-size: 2.2rem;
    font-weight: normal;
    color: #7bd365
}

.footer-links .heading.footer-last-ul {
    padding: 0 0 0 18px;
}

.footer-links .footer-col {
    margin-bottom: 15px;
}

.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links ul li {
    margin: 0;
    padding: 0;
}

.footer-links ul li a {
    display: block;
    padding: 5px 0 5px 15px;
    text-decoration: none;
    /*background: url(images/icon--footer-link-pfeil.svg) no-repeat left top 10px;*/
}

.footer-links ul li:before {
    float: left;
    content: '\203A\00a0';
    color: #7bd365;
    font-size: 2rem;
}

.footer-links nav a {
    text-decoration: none;
}

.footer-bottom {
    width: 100%;
    margin: 0;
}

.footer-bottom .social-icons {
    margin: 10px auto;
    text-align: center;
    white-space: nowrap;
}

.footer-bottom .social-icons a {
    display: inline-block;
    opacity: 0.7;
    transition: opacity 200ms ease-in-out;
    position: relative;
}

.footer-bottom .social-icons a:hover, .footer-bottom .social-icons a:focus, .footer-bottom .social-icons a:active {
    opacity: 1;
    transition: opacity 200ms ease-in-out;
}

.copyright {
    color: #ddd;
    margin: 15px 0 0 0;
    text-align: left;
}

.webdesign {
    float: right;
    text-align: right;
    margin: 15px 0 0 0;
    white-space: nowrap;
}

.webdesign a {
    margin: 5px 0 0 0;
    padding-left: 14px;
    text-decoration: none;
    background: url(images/profilschmiede-hammer.svg) no-repeat left center;
}


@media (max-width: 1199px) {
    footer {
        font-size: 14px;
    }
}


@media (max-width: 991px) {


}


@media (max-width: 550px) {
    .copyright {
        text-align: center;
        display: block;
        margin: 10px auto;
    }

    .webdesign {
        margin: 10px 0 15px 0;
        text-align: center;
        display: block;
    }

    .footer-social {
        text-align: center;
        display: block;
    }

    .footer-social .social-icons {
        display: block;
        float: none;
        margin: 0;
    }

    .footer-social .social-icons a {
        display: inline-block;
        margin: 0 5px;
    }
}


/* FOOTER BUNT */

footer.footer-bunt {
    background: #363636;
}

.footer-bunt .footer-top {
    background: #a3c401;
}


.footer-bunt .footer-social img {
    opacity: 1;
}

.footer-bunt .footer-social img:hover {
    opacity: 0.8;
}

.footer-bunt .footer-social .social-icons a {
    opacity: 1;
}

.footer-bunt .footer-social .social-icons a:hover,
.footer-bunt .footer-social .social-icons a:focus,
.footer-bunt .footer-social .social-icons a:active {
    opacity: 0.8;
}


.footer-bunt .footer-links {
    background: #000;
}

.footer-bunt .footer-links ul li {
    /*  border-bottom: 1px solid #82ee67; */
}

.footer-bunt .footer-bottom {
    color: #fff;
}

.footer-bunt .footer-bottom a:hover,
.footer-bunt .footer-bottom a:focus,
.footer-bunt .footer-bottom a:active {
    color: #82ee67;
}

.footer-bunt .webdesign a {
    padding-left: 15px;
    background: url(images/profilschmiede-hammer.svg) no-repeat left center;
}

.footer-bunt .webdesign a:hover {
    color: #fe860c;
}