/* 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-12 {
        float: left;
    }

    .col-xxs-12, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11   {
        float: left;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

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

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

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

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

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

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

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

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

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

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

    .col-xxs-offset-1 {
        margin-left: 8.33333%;
    }
}

/* FARBEN
    gr�n: #a4c400
    blau #00537d
*/

/* FONTS */

/* source-sans-pro-regular - latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/source-sans-pro-v14-latin-ext-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/source-sans-pro-v14-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-ext-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/source-sans-pro-v14-latin-ext-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/source-sans-pro-v14-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-ext-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/source-sans-pro-v14-latin-ext-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/source-sans-pro-v14-latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-ext-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/source-sans-pro-v14-latin-ext-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/source-sans-pro-v14-latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-600italic.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-ext-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/source-sans-pro-v14-latin-ext-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/source-sans-pro-v14-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-ext-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700italic - latin-ext */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/source-sans-pro-v14-latin-ext-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/source-sans-pro-v14-latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/source-sans-pro-v14-latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/source-sans-pro-v14-latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/source-sans-pro-v14-latin-ext-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

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;
}

.outer-wrapper {
    margin: 0 auto;
    max-width: 1400px;
    background: #fff;
}

/* GENERAL */

a {
    color: #00537d;
    text-decoration: underline;
}

a:hover {
    color: #333;
    text-decoration: none;
}

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

strong, b {
    font-weight: bold;
}

/* HEADLINES */

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

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

h1 {
    font-size: 30px;
}

h2 {
    font-size: 28px;
    color: #00537e;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
    color: #00537e;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

@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 {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: 400;
    font-size: inherit;
    text-decoration: none;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
}*/

.btn-gruen,
.btn-blau,
.btn-transparent {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: 400;
    font-size: inherit;
    text-decoration: none;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
}

.btn-gruen {
    color: #fff;
    background: #a4c400;
    transition: background 500ms ease;
}

.btn-gruen:hover,
.btn-gruen:focus,
.btn-gruen:active {
    color: #fff;
    background: #c2d756;
    transition: background 200ms ease;
}

.btn-blau {
    color: #fff;
    background: #00537d;
    transition: background 500ms ease;
}

.btn-blau:hover,
.btn-blau:focus,
.btn-blau:active {
    color: #fff;
    background: #2077a3;
    transition: background 200ms ease;
}

.btn-transparent {
    padding-left: 15px;
    padding-right: 15px;
    color: #515151;
    text-shadow: none;
    text-decoration: underline;
}

/* HEADER */

/*
.page-2 header {
    background: url(images/start--header-bg.jpg) center / cover no-repeat;
    color: #fff;
}
*/

/* TOPBAR */

.topbar {
    height: 35px;
    padding: 7px 0 5px 0;
    font-size: 15px;
    color: #454545;
    background: #f3f3fa;
    border-bottom: 1px solid #d2d2d4;
}

.topbar .topbar-phone {
    padding-left: 16px;
    margin-right: 20px;
    /*background: url(images/icon--topbar-telefon.svg) no-repeat left;*/
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBmaWxsPSIjNjg2ODY4IiBkPSJNOS4yOCA3LjQ3N2MuMDIuMTQtLjAyNC4yNi0uMTI3LjM2Mkw3Ljk0NiA5LjAzNWMtLjA1NC4wNi0uMTI1LjExMi0uMjEzLjE1NC0uMDg3LjA0Mi0uMTc0LjA3LS4yNTguMDgyLS4wMDYgMC0uMDI0IDAtLjA1NS4wMDRzLS4wNy4wMDUtLjExOC4wMDVjLS4xMTQgMC0uMy0uMDItLjU1OC0uMDU4LS4yNTctLjA0LS41Ny0uMTM3LS45NDMtLjI5LS4zNy0uMTU0LS43OTItLjM4NS0xLjI2NC0uNjk0cy0uOTczLS43My0xLjUwNi0xLjI3Yy0uNDIzLS40MTctLjc3NC0uODE2LTEuMDUyLTEuMTk3LS4yNzgtLjM4LS41LS43MzItLjY3LTEuMDU2LS4xNy0uMzIzLS4yOTctLjYxNy0uMzgyLS44OC0uMDg1LS4yNjMtLjE0Mi0uNDktLjE3Mi0uNjhzLS4wNDItLjM0LS4wMzctLjQ1bC4wMS0uMThjLjAxLS4wODQuMDM4LS4xNy4wOC0uMjYuMDQzLS4wODYuMDk1LS4xNTguMTU1LS4yMTJMMi4xNjguODQ2QzIuMjUzLjc2IDIuMzUuNzIgMi40NTguNzJjLjA4IDAgLjE1LjAyMi4yMS4wNjdzLjExLjEuMTUzLjE2N2wuOTcyIDEuODRjLjA1NC4wOTguMDcuMjA0LjA0NS4zMi0uMDI0LjExNC0uMDc1LjIxLS4xNTQuMjlsLS40NDQuNDQ0Yy0uMDEzLjAxMi0uMDI0LjAzMi0uMDMzLjA2LS4wMS4wMjYtLjAxMy4wNS0uMDEzLjA2Ny4wMjQuMTI3LjA3OC4yNzIuMTYzLjQzNS4wNzMuMTQ2LjE4NS4zMjIuMzM1LjUzLjE1Mi4yMS4zNjYuNDUuNjQ0LjcyMi4yNzIuMjc4LjUxNS40OTQuNzI2LjY1LjIxMi4xNTMuMzkuMjY3LjUzLjM0LjE0My4wNzIuMjUyLjExNi4zMjguMTNsLjExMy4wMjNjLjAxMiAwIC4wMzItLjAwNC4wNi0uMDE0LjAyNi0uMDA4LjA0Ni0uMDIuMDU3LS4wM2wuNTE3LS41MjZjLjEwOC0uMDk3LjIzNS0uMTQ1LjM4LS4xNDUuMTA1IDAgLjE4Ni4wMTcuMjQ2LjA1M2guMDFsMS43NSAxLjAzNGMuMTI3LjA4LjIwMi4xNzguMjI3LjN6bTAgMCIvPjwvc3ZnPg==") no-repeat left;
    /*background: url('data:image/svg+xml;charset=UTF-8,<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.57 8.56"><defs><style>.cls-1{fill:#686868;}</style></defs><path class="cls-1" d="M9.28,7.48a0.41,0.41,0,0,1-.13.36L7.95,9a0.67,0.67,0,0,1-.21.15,0.89,0.89,0,0,1-.26.08H7.3a4.41,4.41,0,0,1-.56-0.06A4.35,4.35,0,0,1,5.8,8.93a8,8,0,0,1-1.26-.69A9.4,9.4,0,0,1,3,7,9.92,9.92,0,0,1,2,5.77a8.5,8.5,0,0,1-.67-1.06A5.66,5.66,0,0,1,.93,3.84,4.6,4.6,0,0,1,.76,3.15a2.36,2.36,0,0,1,0-.45V2.52A0.86,0.86,0,0,1,.81,2.26,0.71,0.71,0,0,1,1,2.05l1.2-1.21A0.39,0.39,0,0,1,2.46.72a0.34,0.34,0,0,1,.21.07A0.63,0.63,0,0,1,2.82,1l1,1.84a0.45,0.45,0,0,1,0,.32,0.57,0.57,0,0,1-.15.29l-0.44.44a0.14,0.14,0,0,0,0,.06,0.19,0.19,0,0,0,0,.07,1.61,1.61,0,0,0,.16.43,4.05,4.05,0,0,0,.34.53,5.86,5.86,0,0,0,.64.72,6.25,6.25,0,0,0,.73.65,4.58,4.58,0,0,0,.53.34,1.38,1.38,0,0,0,.33.13L6,6.8H6.09l0.06,0,0.52-.53A0.55,0.55,0,0,1,7,6.09a0.48,0.48,0,0,1,.25.05h0l1.75,1A0.46,0.46,0,0,1,9.28,7.48Z" transform="translate(-0.72 -0.72)"/></svg>') no-repeat left;*/
    background-size: 11px;
}

.topbar .topbar-phone a {
    text-decoration: none;
    color: inherit;
}

.topbar .topbar-phone a:hover {
    color: #999;
}

.topbar nav {
    display: inline;
}

.topbar nav ul {
    display: inline;
    padding: 0;
    margin: 0;
    list-style: none;
}

.topbar nav ul li {
    display: inline;
    margin-left: 15px;
}

.topbar nav ul li:before {
    content: "\203A\00a0\00a0";
}

.topbar nav ul li a {
    color: #454545;
    text-decoration: none;
}

.topbar nav ul li a:hover {
    color: #999;
}

/* NAVBAR */

.menubar {
    position: static;
    top: auto;
    width: 100%;
    max-height: 100%;
    padding: 10px 0;
    z-index: 1000;
    background: none;
    /*background: rgba(255, 255, 255, 0.0);*/
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.0);*/
}

.menubar.sticky {
    position: fixed;
    top: 0;
    padding: 0;
    background: #fff;
    /*background: rgba(255, 255, 255, 0.9);*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
    color: #454545;
    border-bottom: 1px solid #ccc;
}

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

.menubar .logo a {
    display: block;
    padding: 15px 0;
    margin-left: -25px;
    overflow: visible;
}

.menubar .logo a img {
    max-width: calc(100% + 40px);
    margin: -17px;
}

.menubar .menubutton-phone .phone a {
    display: inline-block;
    float: right;
    padding: 33px 0 33px 35px;
    font-size: 24px;
    text-align: right;
    color: inherit;
    text-decoration: none;
    background: url(images/icon--topbar-telefon.svg) no-repeat left;
    background-size: 30px;
}

.menubar .menubutton-phone .menubutton {
    float: right;
    display: none;
    margin: 21px 0 20px 35px;
    padding: 5px;
    background: none;
    border: none;
    outline: none;
}

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

.menubar .menubutton-phone .menubutton svg path {
    transition: 300ms;
}

.menubar .menubutton-phone .menubutton:hover svg .bg,
.menubar .menubutton-phone .menubutton.active svg .bg {
    fill: #ddd;
    transition: 300ms;
}

.menu {
    text-align: right;
}

.menu nav {
    padding-top: 26px;
}

.menu .phone {
    display: none;
}

.menu .phone a {
    padding-left: 25px;
    font-size: 20px;
    font-weight: 600;
    color: #454545;
    text-decoration: none;
    background: url(images/icon--topbar-telefon.svg) no-repeat left;
    background-size: 20px;
}

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

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

.menu ul li:hover {
    border-bottom: 3px solid #a4c400;
    margin-bottom: 0;
}

.menu ul li.active {
    border-bottom: 3px solid #00537d;
    margin-bottom: 0;
}

.menu ul li a {
    display: inline-block;
    padding: 6px 0;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    /*text-shadow: 1px 1px 8px rgba(255, 255, 255, 1);*/
}

.menu ul li ul {
    display: none;
}

.testen-login {
    display: inline-block;
    float: right;
}

.testen-login ul {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 20px;
    font-size: 18px;
    list-style: none;
}

.testen-login ul li {
    display: inline-block;
    padding: 0;
    margin: 0 0 0 5px;
    border: none;
}

.testen-login ul li:hover {
    border: none;
}

.testen-login ul li a {
    color: #fff;
}

.testen-login .btn {
    border: none;
    padding: 6px 12px;
}

.testen-login .glyphicon {
    font-size: 1.5rem;
}

@media (max-width: 1199px) {

    .menu nav {
        padding-top: 22px;
    }

}

@media (max-width: 991px) {

    .menubar {
        top: 0;
        padding: 0;
        background: #fff;
        /*background: rgba(255, 255, 255, 0.9);*/
        border-bottom: 1px solid #ccc;
        /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
    }

    .menubar ul {
        width: 100%;
    }

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

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

    .menubar .menubutton-phone {
        float: right;
    }

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

    .menubar .menubutton-phone .phone a {
        font-size: 20px;
        background-size: 20px;
        padding-left: 23px;
        padding: 28px 0 28px 30px;
        color: #454545;
    }

    .testen-login {
        display: inline-block;
        margin: 25px 15px 0;
    }

    .testen-login ul {
        padding: 0;
        margin: 0;
    }

    .testen-login ul li {
        display: inline-block;
        margin: 0 0 0 10px;
        padding-left: 0;
        border: none;
    }

    .testen-login ul li:hover {
        border: none;
        padding-left: 0;
    }

    .testen-login ul li a {
        color: #fff;
    }

    .menu {
        text-align: left;
        padding-bottom: 20px;
    }

    .menu nav {
        padding-top: 0px;
    }

    .menu ul {
        padding: 0;
    }

    .menu ul li {
        display: block;
        padding-left: 15px;
        margin-bottom: 0;
        border-bottom: 3px solid #fff;
    }

    .menu ul li:hover,
    .menu ul li:active,
    .menu ul li:focus {
        margin-bottom: 3px;
        padding-left: 10px;
        border-bottom: none;
        border-left: 5px solid #a4c400;
    }

    .menu ul li.active:hover {
        /*border-bottom: 3px solid #00537d;*/
    }

    .menu ul li a {
        color: #454545;
    }

    .menu ul li ul {
        display: block;
        width: 100%;
        height: 150px;
        overflow-y: scroll;
    }

}

@media (max-width: 768px) {
    .menubar .menubutton-phone .menubutton {

        margin-left: 15px;
    }

}

@media (max-width: 600px) {

    .menubar .menu .phone {
        display: block;
        margin: 5px 0 15px 15px;
    }

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

    .menubar .logo a {
        margin-left: -20px;
    }

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

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

    .menubar .menubutton-phone .testen-login .btn {
        border: medium none;
        padding: 5px 10px;
    }

    .testen-login .glyphicon {
        font-size: 1.3rem;
    }

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

    .menubar .menubutton-phone .testen-login {
        margin-top: 24px;
        margin-right: 0;
    }

}

@media (max-width: 400px) {
    .menubar .menubutton-phone .testen-login {
        margin-top: 18px;
        margin-left: 10px;
    }

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

}

@media (max-width: 350px) {

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

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

    .menubar .menubutton-phone .testen-login .btn {
        border: medium none;
        padding: 4px 8px;
    }

    .menubar .menubutton-phone .testen-login {
        margin-top: 18px;
    }

}

/* SUBMENU */

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

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

.submenu ul li {
    float: left;
    width: 25%;
    padding: 0px 5px;
    margin: 0;
}

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

.submenu ul li a {
    float: left;
    width: 100%;
    padding: 8px 14px 8px 26px;
    text-decoration: none;
    border-bottom: 1px solid #d3d3d3;
    white-space: pre;
    overflow-x: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-weight: normal;
    background: url(images/icon--arrow-right-gray.svg) 12px center / 6px no-repeat;
}

.submenu ul li a:hover {
    background-color: #edf1f3;
}

.submenu ul li.active a {
    color: #00537d;
    background-color: #edf1f3;
    background-image: url(images/icon--arrow-right-blue.svg);
}

@media (max-width: 1199px) {

    .submenu ul li {
        float: left;
        width: 33.3333%;
        padding: 0px 5px;
        margin: 0;
    }

}

@media (max-width: 768px) {

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

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

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

}

@media (max-width: 550px) {

    .submenu ul li {
        width: 100%;
    }

}

/* MAIN */

main {
    font-size: 1.1875em;
}

section {
    padding: 40px 0;
}

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

section .heading h2 {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    padding: 0 20px;
    background: #fff;
}

/* 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: #00537F;
    color: #fff;
}

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

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

.pagehead-new .pagehead-title h1 {
    color: #A6C400;
    font-weight: 600;
    font-size: 4rem;
}

.pagehead-new .pagehead-title .subtitle {
    font-weight: 600;
    font-size: 4rem;
    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;
    }

    .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;
    }

    .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.bg1 { background: #f6f6f6 url(images/start-textvorbild-bg1.jpg) center no-repeat; }
.modul--textvorbild.bg2 { background: #8aa8aa url(images/start-textvorbild-bg2.jpg) center no-repeat; }
.modul--textvorbild.bg3 { background: #cdc6c0 url(images/start-textvorbild-bg3.jpg) center no-repeat; }
.modul--textvorbild.bg4 { background: #99aab4 url(images/start-textvorbild-bg4.jpg) center no-repeat; }
.modul--textvorbild.bg5 { background: #dbdbe3 url(images/start-textvorbild-bg5.jpg) center no-repeat; }
*/

.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: 0px;
    }
}

/* Modul: Bild und Text nebeneinander*/

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

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

.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;
}

.modul--galerie .galerie-thumbs {
    text-align: center;
    margin: -10px;
}

.modul--galerie .galerie-thumbs a {
    display: inline-block;
    height: 120px;
}

.modul--galerie .galerie-thumbs img {
    margin: 10px;
    border: 3px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    max-height: 100%;
}

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

.modul--galerie .galerie-slider-wrapper .slider {
    position: relative;
    top: 25px;
    left: 85px;
    width: 427px;
    height: 269px;
}

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

.modul--galerie .galerie-slider-wrapper .slider .slick-list,
.modul--galerie .galerie-slider-wrapper .slider .slick-track {
    height: 100%;
}

.modul--galerie .galerie-slider-wrapper .slider .slick-arrow {
    position: absolute;
    top: 100px;
    height: 70px;
    width: 70px;
    overflow: hidden;
    text-indent: 9999px;
    background: none;
    border: none;
    transition: opacity 500ms;
}

.modul--galerie .galerie-slider-wrapper .slider .slick-arrow:hover {
    opacity: 0.7;
}

.modul--galerie .galerie-slider-wrapper .slider .slick-arrow.slick-prev {
    left: -150px;
    background: url(images/icon--galerieslider-prev.svg) left center / 70px 70px no-repeat;
}

.modul--galerie .galerie-slider-wrapper .slider .slick-arrow.slick-next {
    left: 500px;
    background: url(images/icon--galerieslider-next.svg) right center / 70px 70px no-repeat;
}

.modul--galerie .galerie-slider-wrapper .slider .slick-slide {
    text-align: center;
    height: 100%;
    outline: none;
}

.modul--galerie .galerie-slider-wrapper .slider .slick-slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

@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 3 Spalten*/

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

.modul--teaser3cols .box-top .icon {
    width: auto;
    margin: 0 auto;
}

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

.modul--teaser3cols .box-top h3 {
    font-size: 28px;
}

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

.modul--teaser3cols .box-bottom {
    padding: 30px 20px;
    font-size: 19px;
}

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

@media (max-width: 991px) {

    .modul--teaser3cols .box-top {
        text-align: left;
    }

    .modul--teaser3cols .box-top .icon {
        height: 60px;
    }

    .modul--teaser3cols .box-top .icon img {
        width: 90px;
        height: 90px;
    }

    .modul--teaser3cols .box-bottom {
        font-size: 16px;
    }

    .modul--teaser3cols .boxshadow-3cols {
        margin: 0 0 16px 0;
    }

}

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

    .modul--teaser3cols .box-top .icon {
        float: left;
        height: 90px;
        margin-right: 20px;
    }

}

@media (max-width: 767px) {

    .modul--teaser3cols .box-top {
        text-align: center;
        font-size: 18px;
    }

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

    .modul--teaser3cols .box-top .icon {
        height: 120px;
    }

    .modul--teaser3cols .box-top .icon img {
        width: 120px;
        height: 120px;
    }

}

/* teaser3cols Varianten*/

.teaser3cols-blaugrau .box-top {
    background: #00537d;
    color: #fff;
}

.teaser3cols-blaugrau .box-content {
    margin-bottom: 20px;
}

.teaser3cols-blaugrau .box-bottom {
    background: #ececf1;
    color: #454545;
}

.teaser3cols-blaugrau.modul-bg--bg3 .box-bottom {
    background: #fff;
    color: #454545;
}

.teaser3cols-graublau .box-top {
    background: #ececf1;
    color: #454545;
}

.teaser3cols-graublau .box-bottom {
    background: #00537d;
    color: #fff;
}

.teaser3cols-rezensionen .box-top:before {
    content: url(images/icon--haken-weissgruen.svg);
    float: left;
    position: relative;
    left: -45px;
    top: -45px;
    width: 1px;
}

.teaser3cols-rezensionen .box-top {
    padding: 30px 30px 20px 30px;
    margin-top: 20px;
    /*height: 200px;*/
    text-align: left;
    line-height: 26px;
    text-align: left;
}

.teaser3cols-rezensionen .box-bottom {
    height: 90px;
    padding: 20px 30px 0 30px;
    font-weight: 600;
}

.teaser3cols-rezensionen .box-bottom a {
    color: inherit;
}

.teaser3cols-rezensionen .box-bottom img {
    float: right;
    position: relative;
    top: -20px;
    right: -30px;
}

.teaser3cols-rezensionen p {
    margin: 0;
}

@media (max-width: 1199px) {
    .teaser3cols-rezensionen .box-top {
        font-size: 18px;
        line-height: 24px;
    }

    .teaser3cols-rezensionen .box-bottom {
        font-size: 16px;
    }
}

@media (max-width: 991px) {

    .teaser3cols-rezensionen .boxshadow-3cols,
    .teaser3cols-rezensionen .noboxshadow {
        max-width: 350px;
        margin: 0 auto;
    }

    .teaser3cols-rezensionen .box-top {
        margin-top: 50px;
        height: auto;
    }

    .teaser3cols-rezensionen .box-bottom {
        font-size: 19px;
    }

}

@media (max-width: 767px) {

    .teaser3cols-rezensionen .box-top {
        font-size: 16px;
        line-height: 22px;
    }

    .teaser3cols-rezensionen .boxshadow-3cols,
    .teaser3cols-rezensionen .noboxshadow {
        padding: 0 15px;
        width: auto;
        max-width: 350px;
        margin: 0 auto;
    }

}

@media (max-width: 479px) {

    .teaser3cols-rezensionen .box-bottom {
        padding: 10px 30px 0 30px;
        font-size: 15px;
    }

    .teaser3cols-rezensionen .box-bottom img {
        top: -10px;
    }

}

/* Paketrechner + ionRangeSlider */

.modul--paketrechner .umsatz-slider {
    padding: 30px 40px;
    margin-top: 10px;
    margin-bottom: 50px;
    background: #fff;
}

.modul--paketrechner .checkboxes {
    padding-left: 20px;
    margin-top: 30px;
}

.modul--paketrechner .radio.disabled label {
    color: #ccc;
}

.modul--paketrechner.modul-bg--bg3 .box-top strong {
    color: #fff;
}

.modul--paketrechner.modul-bg--bg3 .box-top strong span {
    background: rgba(255, 255, 255, 0);
    transition: background 2000ms;
    border-radius: 3px;
    padding: 2px 5px;
}

.modul--paketrechner.modul-bg--bg3 .box-top strong span.changed {
    background: rgba(255, 255, 255, 0.6);
    transition: background 50ms;
}

.irs-wrapper {
    margin-top: 20px;
    padding: 0 30px;
}

.irs {
    height: 100px;
}

.irs-grid {
    top: 75px;
}

.irs-grid-text {
    color: #666;
}

.irs-grid-pol.small {
    display: none;
}

.irs-line-mid, .irs-line-left, .irs-line-right, .irs-line, .irs-bar, .irs-bar-edge, .irs-slider {
    background: none;
    height: 10px;
}

.irs-line {
    top: 55px;
}

.irs-line-mid,
.irs-line-left,
.irs-line-right {
    background: #00537f;
    border-radius: 3px;
}

.irs-line-right {
}

.irs-bar,
.irs-bar-edge {
    top: 55px;
    background: #a4c400;
    transition: width 800ms;
    border-radius: 3px;
}

.irs-slider {
    top: 50px;
    height: 20px;
    background: #a4c400;
    border-radius: 3px;
    cursor: pointer;
    transition: left 150ms;
    /*box-shadow: 0 0 5px rgba(0,0,0,0.3);*/
}

.irs-from, .irs-to, .irs-single {
    font-size: 20px;
    padding: 6px 12px;
    border-radius: 5px;
}

.irs-single {
    background: #a4c400;
    color: #fff;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition: left 150ms;
}

.irs-single:hover {
    background: #c2d756;
    /*box-shadow: 0 2px 2px rgba(0,0,0,0.1);*/
}

.irs-single:after,
.irs-grid-text:after {
    /*content: '\0020\20AC';*/
}

.irs-single:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    background: #a4c400;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(45deg);
}

.irs-single:hover:before {
    background: #c2d756;;
}

.irs-min, .irs-max {
    display: none;
    font-size: 20px;
    padding: 6px 12px;
    border-radius: 5px;
}

.modul--paketrechner .boxshadow-3cols:before {
    content: '';
    display: block;
    position: absolute;
    top: -65px;
    left: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    transform: translateX(-50%) rotate(45deg);
}

.modul--paketrechner .boxshadow-3cols .icon {
    height: auto;
}

@media (max-width: 767px) {

    .modul--paketrechner .umsatz-slider {
        padding: 30px;
    }

    .irs-wrapper {
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .modul--paketrechner .checkboxes {
        margin-top: 0;
        padding-left: 0;
    }

    .modul--paketrechner .col-xs-12:not(:first-child) .boxshadow-3cols:before {
        display: none;
    }

}

/* Modul: Teaser mit 4 Spalten*/

.modul--bildteaser4cols .bildbox {
    height: 290px;
    overflow: hidden;
    color: #00537d;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.modul--bildteaser4cols .bildbox .box-content {
    padding-top: 0;
    padding-bottom: 20px;
    /*margin-top: 232px;*/
    -webkit-transform: translate(0px, 227px);
    transform: translate(0px, 227px);
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
    transition: transform 300ms ease;
}

.modul--bildteaser4cols .bildbox:hover .box-content,
.modul--bildteaser4cols .bildbox:focus .box-content,
.modul--bildteaser4cols .bildbox:active .box-content,
.modul--bildteaser4cols .bildbox.hover .box-content {
    padding-top: 15px;
    /*margin-top: 0px;*/
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transition: transform 400ms ease;
}

.modul--bildteaser4cols .bildbox .box-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 5px;
}

.modul--bildteaser4cols .bildbox .box-text {
    height: 205px;
    overflow: visible;
}

.modul--bildteaser4cols .bildbox .box-text h3 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 20px;
}

.modul--bildteaser4cols .bildbox .box-text small {
    display: inline-block;
    margin-bottom: 10px;
    line-height: 20px;
}

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

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

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

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

}

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

    .modul--bildteaser4cols .boxshadow-4cols {
        width: auto;
        margin: 0 0 20px 0;
    }

    .modul--bildteaser4cols .container .row div:nth-child(even) .boxshadow-4cols {
        float: right;
    }
}

@media (max-width: 767px) {
    .modul--bildteaser4cols .bildbox {
        width: 260px;
        margin: 0 auto;
    }

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

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

    .modul--bildteaser4cols .boxshadow-4cols {
        float: none;
        width: auto;
        display: inline-block;
        margin: 0 0 20px 0;
    }
}

/* 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);
}

.Rechteck_1_Kopie_2 {
    background-image: -moz-linear-gradient(90deg, rgb(190, 160, 90) 0%, rgb(190, 160, 90) 30%, rgb(245, 231, 202) 68%, rgb(190, 160, 90) 85%);
    background-image: -webkit-linear-gradient(90deg, rgb(190, 160, 90) 0%, rgb(190, 160, 90) 30%, rgb(245, 231, 202) 68%, rgb(190, 160, 90) 85%);
    background-image: -ms-linear-gradient(90deg, rgb(190, 160, 90) 0%, rgb(190, 160, 90) 30%, rgb(245, 231, 202) 68%, rgb(190, 160, 90) 85%);
    box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 133px;
    top: 245px;
    width: 1270px;
    height: 56px;
    z-index: 4794;
}

/* Modul: Kontakt CTA */

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

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

.modul--kontaktcta a {
    color: #A4C408;
    text-decoration: underline;
}

.modul--kontaktcta a:hover {
    color: #A4C408;
    text-decoration: none;
}

.modul--kontaktcta a.cta-link {
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px;
    padding: 0 0 0 75px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: inherit;
    text-decoration: none;
    transition: 200ms ease;
}

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

.modul--kontaktcta .kontaktcta-telefon {
    background-image: url(images/icon--kontaktcta-telefon.svg);
}

.modul--kontaktcta .kontaktcta-mail {
    background-image: url(images/icon--kontaktcta-mail.svg);
}

.modul--kontaktcta .kontaktcta-formular {
    background-image: url(images/icon--kontaktcta-formular.svg);
}
.modul--kontaktcta .kontaktcta-video {
    background-image: url(images/icon--kontaktcta-video.svg);
}

.modul--kontaktcta a p {
    margin: 0 0 5px 0;
}

.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 top;
        background-size: 50px;
        padding: 60px 0 0 0;
    }
}

@media (max-width: 550px) {

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

}

/* Modul: Logos */

.modul--logos .logos {
    max-width: 950px;
    margin: 40px auto;
    /*text-align: center;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.modul--logos .logo-col {
    display: inline-block;
    /*width: 15%;*/
    /*margin: 0 2%;*/
    padding: 0 3%;
    text-align: center;
}

.modul--logos .logo-col a {
    display: block;
    text-decoration: none;
}

.modul--logos .logo-col a:hover,
.modul--logos .logo-col a:focus {
    text-decoration: none;
}

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

/* MODUL BGs*/

.modul-bg--bg1 {
    background: #fff;
}

/*
.modul-bg--bg1 .heading div {
    background: url(images/stroke-bg1.svg) repeat-x center;
}
*/

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

.modul-bg--bg2 {
    color: #fff;
    background: #00537d;
}

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

/*
.modul-bg--bg2 .heading div {
    background: url(images/stroke-bg2.svg) repeat-x center;
}
*/

.modul-bg--bg2 .heading h2 {
    color: #fff;
    background: #00537d;
}

.modul-bg--bg2 .boxshadow-4cols {
    /*background-image: url(images/boxshadow-4cols-strong.png);*/
}

.modul-bg--bg2 .btn-transparent {
    color: #fff;
}

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

.modul-bg--bg3 {
    background: #ececf1;
}

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

/*
.modul-bg--bg3 .heading div {
    background: url(images/stroke-bg3.svg) repeat-x center;
}
*/

.modul-bg--bg3 .heading h2 {
    color: #454545;
    background: #ececf1;
}

.modul-bg--bg4 {
    /*background: #ebebeb url(images/bg--bg4.jpg) repeat;*/
}

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

/*
.modul-bg--bg4 .heading div {
    background: url(images/stroke-bg4.svg) repeat-x center;
}
*/

.modul-bg--bg4 .heading h2 {
    color: #454545;
    /*background: #ebebeb url(images/bg--bg4.jpg) repeat;*/
}

/* 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;
}

/* KONTAKTFORMULAR */

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

#kontaktformular em {
    position: absolute;
    font-style: normal;
    font-weight: normal;
}

#kontaktformular .g-recaptcha {
    width: 302px;
    height: 76px;
    border-radius: 5px;
    background: #f9f9f9;
}

@media (max-width: 350px) {

    #kontaktformular .g-recaptcha {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

}

/* LISTEN */

ul li {
    margin-bottom: 10px;
}

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

main ul li {
    display: block;
    padding: 0 0 0 25px;
    background: url(images/icon--punkt-blau.svg) left top 8px no-repeat;
    background-size: 12px;
}

.ul--haken-weissgruen {
    list-style: none;
    margin: 0 0 15px 0;
    padding-left: 20px;
}

.ul--haken-weissgruen li {
    display: block;
    padding: 2px 0 2px 35px;
    background: url(images/icon--haken-weissgruen.svg) left top no-repeat;
    background-size: 25px;
}

.ul--haken-weissgruen.klein li {
    display: block;
    padding: 0 0 0 25px;
    background: url(images/icon--haken-weissgruen.svg) left center no-repeat;
    background-size: 17px;
}

.ul--haken-blauweiss {
    list-style: none;
    margin: 0 0 15px 0;
    padding-left: 20px;
}

.ul--haken-blauweiss li {
    display: block;
    padding: 2px 0 2px 35px;
    background: url(images/icon--haken-blauweiss.svg) left top no-repeat;
    background-size: 25px;
}

.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: 50%;
    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: #19537F;
}

@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;
    }
}

/* 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;
}

/*
.lexikon ul li h2:before{
    content: url(images/icon--haken-weissgruen.svg);
    float: left; 
    position: relative; 
    left: -50px;
    width: 1px;
}
*/

h1 {
    font-weight: bold;
}

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

/* FAQ */

.faq {
    margin-top: 1em;
}

.faq ul li {
    background: none;
    margin-bottom: 20px;
}

.faq ul li h2::before {
    content: url("/public_html/freefibu_2016/booster.1.8.1/../images/icon--haken-weissgruen.svg");
    float: left;
    left: -50px;
    position: relative;
    width: 1px;
}

.faq-eintrag li {
    margin-bottom: 10px;
}

.faq-eintrag .image-gallery-link {
    border: solid 1px #333;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.overview {
    background: none;
    padding: 0;
    border: solid 1px #00537e;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

.overview ul {
    margin-left: 1em;
}

.overview ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    background: none;
    display: list-item;
    padding-left: 10px;
}

.overview h3 {
    background: none;
    padding: 10px 20px;
    color: #00537e;
    border-bottom: solid 1px #00537e;
}

.overview h3 a {
    text-decoration: none;
}

.overview li.aktiv {
    color: #000;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: circle;
}

.overview li.aktiv a {
    text-decoration: none;
    color: #303030;
}

.faq-tags i {
    display: inline-block;
    font-size: 0.85em;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    text-transform: uppercase;
    font-style: inherit;
}

.faq-tags span {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #e0e0e0;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
}

/* BLOG */

main .posts {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
}

main .posts-preview .posts {
    font-size: 16px;
    border-bottom: none;
    /*background-color: #ECECF1;*/
    margin-bottom: 5px;
}

main .posts h2 {
    margin-bottom: 0;
    padding-bottom: 5px;
}

#content .post h2,
#content .post h3 {
    padding-bottom: 0;
    margin-bottom: 15px;
    margin-top: 15px;
}

main .posts-preview .posts h2 {
    font-size: 1.5em;
}

main .posts-preview .secondary-post h2 {
    font-size: 1.2em;
}

#primary {
    font-size: 16px;
}

main h2.entry-title {
    margin-top: 0;
}

main h2.entry-title a {
    text-decoration: none;
}

main h2.entry-title a:hover {
    text-decoration: underline;
}

main .entry-meta,
main .entry-utility {
    font-size: 14px;
    color: #888;
}

.sidebar-post {
    display: block;
    padding-left: 20px;
    margin-bottom: 10px;
}

.sidebar-post a {
    display: block;
}

.sidebar-post:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 15px;
    background: url(images/square.png) left top 7px / 8px no-repeat;
}

.widget-area .category-link.active {
    text-decoration: underline;
}

.widget-area .category-link {
    display: block;
}

.posts a.more-link,
.post a.more-link {
    font-weight: 600;
    font-size: 19px;
    padding: 0 10px 0 13px;
    background: url(images/icon--link-pfeil.svg) no-repeat left center;
    background-size: auto;
    background-size: 10px;
}

@media (max-width: 991px) {

    .widget-area .category-link {
        display: block;
    }
}


.text-blue {
    color: #00537e;
}

.text-dark {
    color: #444444;
}

.counter {
    color: #999;
    margin-left: 21px;
}

#content .entry-summary p {
    padding-bottom: 0;
    margin-bottom: 0;
}

#content .entry-summary p:last-child {
    margin-bottom: 0;
}

.seitennavi-zurueck,
.seitennavi-vor,
.seitennavi-zurueck,
.seitennavi-seite {
    display: inline-block;
    padding: 5px 8px;
    list-style-type: none;
    background-image: none;
}

.seitennavi-zurueck,
.seitennavi-zurueck {
    padding-left: 0;
}

.seitennavi-zurueck a,
.seitennavi-vor a,
.seitennavi-zurueck a,
a.seitennavi-seite,
.seitennavi-seite.active {
    display: inline-block;
    padding: 0.2em 0.3em;
    color: #888 !important;

    text-decoration: none !important;
}

.seitennavi-seite.active {
    color: #004d74 !important;
    font-weight: bold;
}

.seitennavi-vor a:hover,
.seitennavi-zurueck a:hover,
a:hover.seitennavi-seite {
    text-decoration: underline;
    color: #004d74 !important;
}

.seitennavi-seite.active {
    color: #004d74;
}

.seitennavi-zurueck {
    margin-top: 25px;
}

/* FOOTER */

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

footer a {
    color: inherit;
}

footer a:hover {
    color: #c6e728;
}

.footer-social {
    padding: 20px 0;
}

.footer-social img {
    opacity: 0.7;
    transition: opacity 500ms;
}

.footer-social img:hover {
    opacity: 1;
    transition: opacity 200ms;
}

.footer-social .social-icons {
    float: right;
}

.footer-social .social-icons a {
    display: inline-block;
    margin-left: 2px;
    opacity: 0.7;
    transition: opacity 500ms;
}

.footer-social .social-icons a:hover {
    opacity: 1;
    transition: opacity 200ms;
}

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

.footer-links .heading {
    font-size: 17px;
    font-weight: 600;
}

.footer-links dt {
    display: block;
    float: left;
    width: 70px;
    font-weight: 400;
}

.footer-links dd {
    display: block;
}

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

.footer-links ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #646464;
}

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

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

.footer-bottom {
    float: left;
    width: 100%;
    padding: 20px 0 20px 0;
    margin: 0;
}

.copyright {
    float: left;
}

.copyright nav {
    display: inline;
}

.copyright ul {
    display: inline;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.copyright ul li {
    display: inline;
    padding: 0 10px 0 10px;
    margin: 0;
    border-left: 1px solid #bfbfbf;
}

.webdesign {
    float: right;
    text-align: right;
}

.webdesign a {
    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) {
    .copyright {
        width: 100%;
        text-align: center;
    }

    .copyright nav {
        display: inline-block;
    }

    .copyright ul li:first-child {
        border-left: none;
    }

    .webdesign {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
}

@media (max-width: 400px) {
    .footer-social {
        text-align: center;
    }

    .footer-social .freefibu-link {
        display: inline;
    }

    .footer-social .social-icons {
        display: block;
        float: none;
        margin-top: 20px;
    }

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

/* FOOTER BUNT */

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

.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 {
    opacity: 0.8;
}

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

.footer-bunt .footer-links {
    background: #00537d;
}

.footer-bunt .footer-links ul li {
    border-bottom: 1px solid #74a2ba;
}

.footer-bunt .footer-bottom {
    color: #00537d;
}

.footer-bunt .footer-bottom a:hover {
    color: #032435;
}

/* Special Header */

.paket {
    float: left;
    width: 100%;
    padding-bottom: 27px;
}

.special-header {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9fc113+0,117711+100 */
    background: linear-gradient(135deg, #9fc113 0%, #117711 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 80px 20px 0 0;
    position: relative;
}

.special-header .special-content {
    padding: 0 0 200px 27%;
    color: #fff;
    text-align: left;
    z-index: 1;
}

.special-header .special-content h1 {
    color: #fff;
    font-weight: normal;
    font-size: 5rem;
    margin-bottom: 15px;
}

.special-header .special-content h2 {
    color: #fff;
    font-weight: normal;
    font-size: 3.5rem;
    line-height: 3.8rem;
    margin-top: 5px;
    margin-bottom: 25px;
}

.special-header .special-content h2 span.text-blue {
    color: #00537d;
}

.special-header .special-content .btn-blau {
    font-size: 2rem;
}

.special-header .special-content .text-small {
    font-size: 1.5rem;
    margin-top: 30px;
}

.special-header .special-content ul {
    margin-top: 5px;
    margin-bottom: 25px;
}

.special-header .special-content ul > li {
    font-size: 2.5rem;
}

.special-header .special-bg-1 {
    max-width: 42%;
    background: url(images/header-lady.png) no-repeat left bottom;
    background-size: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}

.special-header .special-bg-2 {
    background: #fff;
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 85%;
    height: 126px;
    text-align: right;
    z-index: 3;
}

.special-header .special-bg-2 img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin: 0 30px 0 auto;
    max-width: 76%;
    z-index: 4;
}

@media (max-width: 1199px) {

    .special-header .special-bg-2 {
        height: calc(10vw);
    }
}

@media (min-width: 768px) {
    .col-img-xs {
        display: none;
    }
}

@media (max-width: 767px) {

    .special-header {
        padding: 30px 0px 0 0;
        position: relative;
    }

    .special-header .special-content {
        padding: 0 30px;
    }

    .special-header .col-cta {
        display: inline-block;
        width: 69%;
    }

    .special-header .col-img-xs {
        display: inline-block;
        width: 30%;
    }

    .special-header .col-img-xs img {
        position: relative;
        left: -30px;
        z-index: 7;
        bottom: 0;
        max-width: unset;
        width: 130%;
    }

    .special-header .special-bg-1 {
        background: none;
    }

    .special-header .special-bg-2 {
        position: relative;
        height: 15vw;
        width: 100%;
        bottom: 0;
    }

    .special-header .special-bg-2 img {
        margin: 0 auto;
        max-width: 95%;
    }

}

@media (max-width: 500px) {

}

/* Pakete Teaser */

.box-top {
    padding: 30px;
    text-align: center;
    font-size: 24px;
    text-shadow: none;
}

.box-top h3 {
    margin-bottom: 0;
    font-size: 1.75em;
}

.box-content {
    padding: 30px 15px 15px;
    text-align: center;
}

.bildbox .box-content {
    padding-left: 0;
    padding-right: 0;
}

.box-content .preis {
    font-size: 2em;
}

.box-content .tipp {
    font-size: 1.5em;
}

.box-content .content {
    font-size: 1em;
    margin-top: 20px;
}

.box-bottom {
    text-align: center;
    padding: 15px;
}

.bg-blue {
    background: #00537d;
    color: #fff;
}

.bg-green {
    background: #a4c400;;
    color: #fff;
}

.modul--paketteaser .btn {
    border-radius: 0;
    font-size: 24px;
    text-shadow: none;
}

.modul--paketteaser ul {
    margin-top: 20px;
    list-style: none;
}
.modul--paketteaser ul li {
    line-height: 1.75;
    list-style: none;
    text-align: left;
    font-size: 14px;
    padding-left: 35px;
    background: url('images/li-big.png') no-repeat left top 3px / 20px 20px;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-content-center {
    justify-content: center;
}