/* Google Fonts Lokal */

/* lato-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/lato-v24-latin-300.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/lato-v24-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/lato-v24-latin-300.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/lato-v24-latin-300.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/lato-v24-latin-300.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/lato-v24-latin-300.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v24-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/lato-v24-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/lato-v24-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/lato-v24-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/lato-v24-latin-regular.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lato-v24-latin-700.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/lato-v24-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/lato-v24-latin-700.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/lato-v24-latin-700.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/lato-v24-latin-700.svg#Lato') format('svg');
    /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v40-latin-300.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin-300.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin-300.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin-300.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v40-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v40-latin-500.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin-500.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin-500.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin-500.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin-500.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v40-latin-600.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin-600.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin-600.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v40-latin-700.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin-700.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin-700.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin-700.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v40-latin-800.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v40-latin-800.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/open-sans-v40-latin-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/open-sans-v40-latin-800.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/open-sans-v40-latin-800.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/open-sans-v40-latin-800.svg#OpenSans') format('svg');
    /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/playfair-display-v37-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/playfair-display-v37-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/playfair-display-v37-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/playfair-display-v37-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/playfair-display-v37-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/playfair-display-v37-latin-regular.svg#PlayfairDisplay') format('svg');
    /* Legacy iOS */
}

/* playfair-display-italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/playfair-display-v37-latin-italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/playfair-display-v37-latin-italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/playfair-display-v37-latin-italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/playfair-display-v37-latin-italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/playfair-display-v37-latin-italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/playfair-display-v37-latin-italic.svg#PlayfairDisplay') format('svg');
    /* Legacy iOS */
}

/* playfair-display-500italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/playfair-display-v37-latin-500italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/playfair-display-v37-latin-500italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/playfair-display-v37-latin-500italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/playfair-display-v37-latin-500italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/playfair-display-v37-latin-500italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/playfair-display-v37-latin-500italic.svg#PlayfairDisplay') format('svg');
    /* Legacy iOS */
}

/* playfair-display-600italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/playfair-display-v37-latin-600italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/playfair-display-v37-latin-600italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/playfair-display-v37-latin-600italic.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/playfair-display-v37-latin-600italic.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/playfair-display-v37-latin-600italic.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/playfair-display-v37-latin-600italic.svg#PlayfairDisplay') format('svg');
    /* Legacy iOS */
}



/* Ende Google Fonts Lokal */


body {
    margin: 0 auto !important;
    height: 100.01% !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: left !important;
    line-height: 170% !important;
    color: #232E39 !important;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    background-color: #fff !important;
    overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    color: #232E39 !important;
    /* text-transform: uppercase; */
}

h1 {
    font-size: 28px !important;
    font-weight: 300 !important;
}


h2 {
    font-size: 25px !important;
    font-weight: 300 !important;
}

h2.weiss {
    color: #fff !important;
}

h3 {
    font-size: 19px !important;
    font-weight: 200 !important;
}

p.weiss,
p.card-text.weiss {
    color: #fff;
}

#bord:after {
    content: "";
    display: block;
    width: 65px;
    border-bottom: 3px solid #232E39;
}

.nowrap {
    hyphens: none;
}

.noWrap {
    white-space: nowrap;
}


img {
    max-width: 100% !important;
}

.wrapper {
    max-width: 85% !important;
    margin: 0 auto;
}

.wrapper-2 {
    max-width: 75% !important;
    margin: 0 auto;
}


.container-fluid.full {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.gray {
    border: 1px solid #e7e7e7;
    padding: 15px;
}

span.fett {

    font-weight: 600;
}

header {
    padding: 20px 0;
    height: 12vh;
}

/* --- TOPBAR --- */

/* --- ENDE TOPBAR --- */

/* ######## NAVBAR FULL CANVAS ######## */


.navbar.vollebreite {
    background-color: transparent !important;
    backface-visibility: hidden;
    /*    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);*/
}

.navbar.bg-dark.vollebreite .dropdown-menu {
    background-color: #fff;
}

/*
.vollebreite .navbar-brand {
    width: 162px;
    height: 50px;
    background: url(assets/logo.png) left center no-repeat;
    text-indent: -99999px;
}
*/

.vollebreite .nav-link {
    font-size: 1.15rem;
}

.vollebreite .dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.vollebreite .navbar-toggler {
    border-color: #fff;
}

.vollebreite .navbar-toggler:focus {
    background: none;
    outline: 0;
    box-shadow: none;
}

.vollebreite .navbar-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background: #888;
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

.vollebreite .navbar-toggler:hover span,
.vollebreite .navbar-toggler:focus span {
    background: #888;
}

/* rotate first span */
.vollebreite .navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(6px, 6px);
}

/* hide second span */
.vollebreite .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}

/* rotate third span */
.vollebreite .navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(5px, -5px);
}

.vollebreite .navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}

/* ######## NAVBAR FULL CANVAS ######## */

/* +++ NAVIGATION +++ */

.navbar-scrolled {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0.03125) 100%);
    padding: 0;
}

.navbar {
    padding: 30px 0 !important;
    transition: all 0.5s ease;
}


.navbar-brand {
    padding-bottom: 0 !important;
}

.navbar-brand img {
    max-width: 70%;
    z-index: 9999;
    position: relative;
    padding-bottom: 14px;
}

.nav-link.no-link {
    cursor: default !important;
}

.nav-link,
.navbar-brand {
    color: #232323;
    cursor: pointer !important;
}

a.nav-link {
    margin: 0 auto !important;
    color: #232E39 !important;
    padding: 5px 25px;
    font-size: 18px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    text-align: center;
}


a.nav-link:hover {
    color: #fff !important;
    background-color: #232E39 !important;
}


a.nav-link.active {
    color: #fff !important;
    background-color: #232E39 !important;

}

.nav-item {
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
}

.navbar-collapse {
    justify-content: flex-end;
    /*    padding-left: 10px;*/
    padding-bottom: 20px;
}

.navbar-collapse {
    background-color: #fff;
}

button.navbar-toggler {
    background-color: transparent;
}


.navbar-toggler {
    /*  z-index: 99999; */
    display: block;
    /*  margin: 0 auto; */
}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(81, 190, 136)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler-icon {
    width: 1.9em !important;
    height: 1.9em !important;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}


.dropdown-menu {
    font-size: 12px;
    color: #232E39 !important;
    background-color: #fff !important;
    border: 0px solid rgba(0, 0, 0, .15) !important;
    border-radius: 0 !important;
    text-align: center;
}

.dropdown-menu.show li {
    list-style: none !important;
}

.dropdown-item {
    color: #232E39 !important;
    text-decoration: none;
}

.dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #232E39 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #232E39 !important;
}

.dropdown-item a:link {
    color: #fff !important;
    text-decoration: none !important;
}

.nav-link.dropdown-item.active {
    background-color: #fff !important;
}


/* +++ Ende NAVIGATION +++ */

/* +++ Button +++ */

.btn-outline-gray {
    color: #232E39 !important;
    border-color: #232E39 !important;
    background-color: #e7e7e7 !important;
    border-radius: 0 !important;
    padding: 10px;
}

.btn-outline-gray:hover {
    color: #e7e7e7 !important;
    background-color: #232E39 !important;
    border-color: #e7e7e7 !important;
}

a:link .btn-outline-gray i.fa-light {
    color: #232E39 !important;
}

a:link:hover .btn-outline-gray i.fa-light {
    color: #e7e7e7 !important;
}


a:link .btn {
    font-size: 16px !important;

}


/* +++ Ende Button +++ */


/* ---- Liste ---- */



ul {
    margin-bottom: 20px !important;
}

ul {
    list-style-type: square !important;
    padding-left: 20px;
    font-weight: 400;
    color: #232E39;
    text-transform: none;
    /* line-height: 140%; */
}

li.nav-item {
    list-style: none !important;
}

li {}

.list-unstyled {
    list-style: disc !important;
}

/* ---- Ende Liste ---- */



/* ---- Font Awesome Icons ---- */



/* ---- Ende Font Awesome Icons ---- */


/*--- Links ---*/

a:link {
    color: #232E39;
    text-decoration: none;

}

.overlay-text a {
    color: #fff !important;
}

a:visited {
    color: #232E39;
    text-decoration: none;
}

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

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

a:active {
    color: #232E39;
    text-decoration: none;
}


/*--- End Links ---*/


/*--- Margins & Paddings ---*/

.mt-2 {
    margin-top: 2% !important;
}

.mt-3 {
    margin-top: 3% !important;
}

.mt-4 {
    margin-top: 4% !important;
}

.mt-5 {
    margin-top: 5% !important;
}

.mt-6 {
    margin-top: 6% !important;
}

.mt-7 {
    margin-top: 7% !important;
}

.mt-8 {
    margin-top: 8% !important;
}

.mt-9 {
    margin-top: 9% !important;
}

.mt-10 {
    margin-top: 10% !important;
}

.mt-11 {
    margin-top: 11% !important;
}

.mt-12 {
    margin-top: 12% !important;
}

.mt-16 {
    margin-top: 16% !important;
}

.mb-2 {
    margin-bottom: 2% !important;
}

.mb-3 {
    margin-bottom: 3% !important;
}

.mb-4 {
    margin-bottom: 4% !important;
}

.mb-5 {
    margin-bottom: 5% !important;
}

.mb-6 {
    margin-bottom: 6% !important;
}

.mb-7 {
    margin-bottom: 7% !important;
}

.mb-8 {
    margin-bottom: 8% !important;
}

.mb-9 {
    margin-bottom: 9% !important;
}

.mb-10 {
    margin-bottom: 10% !important;
}

.pt-1 {
    padding-top: 1% !important;
}

.pt-2 {
    padding-top: 2% !important;
}

.pt-3 {
    padding-top: 3% !important;
}

.pt-4 {
    padding-top: 4% !important;
}

.pt-5 {
    padding-top: 5% !important;
}

.pt-6 {
    padding-top: 6% !important;
}

.pt-7 {
    padding-top: 7% !important;
}

.pt-8 {
    padding-top: 8% !important;
}

.pt-9 {
    padding-top: 9% !important;
}

.pt-10 {
    padding-top: 10% !important;
}

.pb-2 {
    padding-bottom: 2% !important;
}

.pb-3 {
    padding-bottom: 3% !important;
}

.pb-4 {
    padding-bottom: 4% !important;
}

.pb-5 {
    padding-bottom: 5% !important;
}

.pb-6 {
    padding-bottom: 6% !important;
}

.pb-7 {
    padding-bottom: 7% !important;
}

.pb-8 {
    padding-bottom: 8% !important;
}

.pb-9 {
    padding-bottom: 9% !important;
}

.pb-10 {
    padding-bottom: 10% !important;
}

/*--- End Margins & Paddings ---*/



/*--- Carousel ---*/



/*--- End Carousel ---*/

/*--- Card ---*/

.card {
    background-color: transparent !important;
    border-radius: 0 !important;
    border-color: transparent !important;
    padding: 15px !important;
}

.card.bg-charcoal-2 {
    background-color: #232E39 !important;
    padding: 15px !important;
}

.card-footer {
    background-color: transparent !important;
    border-top: none !important;
}


/*--- End Card ---*/

/* ---- Background ---- */

.bg-start {
    background: linear-gradient(to right,
            #232E39,
            #232E39 70%,
            #fff 30%,
            #fff);
}

.bg-charcoal {
    background-color: #232E39;
    padding: 30px;
}


.bg-charcoal h3 {
    text-transform: uppercase;
    font-weight: 400 !important;
    color: #51be88 !important;
}

.bg-footer {
    background-color: #e7e7e7;
    padding: 30px 15px;
}

.bg-footer hr {
    max-width: 25%;

}

.bg-darkgrey {
    background-color: #888;
    padding-top: 10px !important;
    padding-bottom: 3px !important;
}

.bg-darkgrey a:link {
    color: #fff !important;
}

.bg-darkgrey p {
    color: #fff !important;
}

.bg-weisser {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
}

/*--- Offset-Column Textbox ---*/

.overlay-text {
    float: right;
    width: 30%;
    bottom: 12vw;
    padding: 20px 20px;
    background: #232E39;
    position: relative;
}

.overlay-text-2 {
    float: right;
    width: 30%;
    /*important*/
    bottom: 3vw;
    /*important*/
    padding: 15px 15px;
    background: #232E39;
    position: relative;
}


/* ---- Ende Background ---- */


/*--- Footer ---*/

footer {
    /*    margin-top: 2%;*/
    /*    padding-top: 2%;*/
    /*    padding-bottom: 2%;*/
    color: #232E39;

}

footer a:link,
footer a:hover,
footer a:active,
footer a:visited {
    color: #232E39 !important;
    font-weight: 300;

}

footer .fa-thin {
    color: #fff;
}


footer p {
    color: #232E39;
    font-weight: 300;

}

.unterstrich {
    text-decoration: underline;
}

/*--- End Footer ---*/