/* --- Google Fonts ---*/

/* titillium-web-200 - 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: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/titillium-web-v15-latin-200.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/titillium-web-v15-latin-200.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/titillium-web-v15-latin-200.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/titillium-web-v15-latin-200.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/titillium-web-v15-latin-200.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/titillium-web-v15-latin-200.svg#TitilliumWeb') format('svg');
    /* Legacy iOS */
}

/* titillium-web-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: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/titillium-web-v15-latin-300.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/titillium-web-v15-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/titillium-web-v15-latin-300.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/titillium-web-v15-latin-300.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/titillium-web-v15-latin-300.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg');
    /* Legacy iOS */
}

/* titillium-web-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: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/titillium-web-v15-latin-regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/titillium-web-v15-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/titillium-web-v15-latin-regular.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/titillium-web-v15-latin-regular.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg');
    /* Legacy iOS */
}

/* titillium-web-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: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/titillium-web-v15-latin-600.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/titillium-web-v15-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/titillium-web-v15-latin-600.woff') format('woff'),
        /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
        url('../fonts/titillium-web-v15-latin-600.ttf') format('truetype'),
        /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
        url('../fonts/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg');
    /* Legacy iOS */
}


body {
    margin: 0 auto;
    height: 100.01%;
    font-family: 'Titillium Web', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: left;
    line-height: 170%;
    color: #2b2d2f;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    background-color: #fff;
}

.gelb {
    background-color: #fffb80;
}

.beige {
    background-color: #F1EDDD;
}

.gruen {
    background-color: #799e13;
}

.gruen-hell {
    background-color: #E4EBD0;
}

.olive {
    background-color: #564b39;
}

.braun {
    background-color: #bba657;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300 !important;
    color: #799e13;
    /* text-transform: uppercase; */
}

h1 {
    font-size: 2.2em !important;
    font-weight: 200 !important;
}


h2 {
    font-size: 1.6em !important;
    font-weight: 200 !important;
}

h3 {
    font-size: 1.3em !important;
    font-weight: 200 !important;
}

h1.card-title {
    color: #799e13 !important;
}

h2.card-title.service {
    color: #fff !important;
}

h2.off-green {
    color: #fff !important;
}

p {

    font-weight: 300 !important;
}

h2 span.small {
    font-size: 60% !important;
    font-weight: 300;
}

.nowrap {
    hyphens: none;
}

hr {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    max-width: 50%;
}

.logo {
    width: 280px;
    max-width: 100%;
    z-index: 2;
    margin-top: 20px;
}

/*#logo img {
    
    max-width: 100%;
}*/

img {
    max-width: 100%;
}


header {
    padding-bottom: 40px;
}

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

.wrapper.full-width {
    max-width: 100% !important;
}

/* --- Navigation --- */

/* MENUE overlay rechts */

.bs-canvas-overlay {
    opacity: 0;
    z-index: -1;
    margin-top: -0.5rem;
    /*oc*/
}

.bs-canvas-overlay.show {
    opacity: 0.85;
    z-index: 1100;
}

.bs-canvas-overlay,
.bs-canvas {
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
}

.bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: 330px;
}

.bs-canvas-left {
    left: 0;
    margin-left: -330px;
}

.bs-canvas-right {
    right: 0;
    margin-right: -330px;
}

/* ENDE MENUE overlay rechts */



/* ############################## */
.btn-danger {
    color: #799e13;
    background-color: transparent;
    border-color: transparent;
}

.btn-danger:hover {
    color: #4d4947;
    background-color: transparent;
    border-color: transparent;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #799e13;
    border-color: #799e13;
}

.btn-danger.focus,
.btn-danger:focus {
    color: #799e13 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}


.bg-danger {
    background-color: #799e13 !important;
}

.navbar {
    height: 110px;
    background: rgba(255, 255, 255, .9);
    padding: 0 7.5%;
}

.navbar .btn {
    margin-top: -120px;
}

.navbar-collapse {
    justify-content: flex-end;
}

nav .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #799e13;
    border-color: #799e13;
}

nav .list-group-item-action:hover {
    background-color: #FFFB80;
}

nav .list-group-item.active a.nav-link {
    color: #fff !important;
}

nav a.nav-link:hover {
    color: #799E13 !important;
}

.dropdown-menu {
    width: 100%;
    background: rgba(121, 158, 19, 0.95);
    border: none;
    border-radius: 0;
    font-size: 1.2rem;
}

a.dropdown-item {
    font-weight: 200;
    color: #fff !important;
    /*line-height: 120%;*/
    line-height: 100%;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #799e13;
    background-color: #fff;
}

.dropdown-item:hover {
    color: #16181b !important;
}

/* --- Ende Navigation --- */


/* ---  LISTE --- */


ol,
ul {
    list-style: none;
}

ul {
    margin-bottom: 20px;
}

ul {
    list-style-type: square !important;
    padding-left: 20px;
    font-weight: 300;
    line-height: 140%;
}

li {
    padding-bottom: 30px;
}

ul {
    list-style-type: none;
}


li {}

ul.no-one {
    list-style: none !important;
}

.list-unstyled {

    list-style: none !important;
}

/* --- ENDE LISTE --- */

/*---Animated Hambuger Menu Icon---*/

.animated-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #799e13;
}


.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 10px;
}

.animated-icon1 span:nth-child(3) {
    top: 20px;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/*---End Animated Hambuger Menu Icon---*/

/*--- Links ---*/

a:link {
    color: #2b2d2f;
    text-decoration: none;
}

a:visited {
    color: #2b2d2f;
    text-decoration: none;
}

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

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

a:active {
    color: #2b2d2f;
    text-decoration: none;
}

a:hover .btn btn-outline-warning {
    color: #2b2d2f !important;
    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;
}

.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 {
    border: 1px solid rgba(121, 158, 19, .1) !important;
    border-radius: 0 !important;
    padding: 15px !important;
}

.loesungen .card {
    background-color: #E4EBD0;
    width: 280px;
    height: 280px !important;
    border-radius: 50% !important;
    margin: 0 auto;
    text-align: center;
}


.loesungen .card.none {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.kenntnisse .card {
    background-color: #E4EBD0;
}

.kenntnisse .card.empty {
    background-color: transparent;
    border: none !important;
}

.kenntnisse h4.card-title,
.kenntnisse p.card-text {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 300 !important;
}
}

.card-footer {
    border-top: 1px solid #bba657 !important;
    background-color: #fff !important;
}

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

/* --- Masonry --- */

.masonry {
    /* Masonry container */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    -webkit-transition: 1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.item img {
    max-width: 100%;
}

@media only screen and (max-width: 320px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1201px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

/* End Masonry --- */

/*--- Infotainment Blog --*/


/*--- Ende Infotainment Blog --*/

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

.overlay-text {
    float: right;
    width: 35%;
    /*important*/
    bottom: 8vw;
    /*important*/
    padding: 45px 20px;
    background: #bba657;
    position: relative;
    border: 10px solid #fff;
    box-shadow: 7px 4px 5px 0px rgba(140, 140, 140, 0.75);
    -webkit-box-shadow: 7px 4px 5px 0px rgba(140, 140, 140, 0.75);
    -moz-box-shadow: 7px 4px 5px 0px rgba(140, 140, 140, 0.75);
}

.overlay-text h1,
.overlay-text-2 h2,
.overlay-text-2 p {
    color: #fff;
}


.overlay-text-2 {
    float: right;
    width: 35%;
    /*important*/
    bottom: -12vw;
    /*important*/
    padding: 45px 20px;
    background: #bba657;
    position: relative;
    border: 10px solid #fff;

    z-index: 3;
}

.move {
    margin-right: -60px;
}

.move-2 {
    margin-left: -160px;
}



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

/*--- Slick ---*/

/*.slick-slide {
    /*    margin: 10px */
}

.slick-dots {
    display: none !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}


/*--- End Slick ---*/

/*--- Background ---*/

.HGgreen {
    background-color: #564b39;
}

.greenBg {
    width: 780px;
    height: 334px;
    background-image: none;
    margin: -580px 0px;
}

.Bg-serv {
    background-image: url("../img/background-full-2.png");
    padding: 40px 0 0 0;
    background-repeat: no-repeat;
}

/*.bG-dots {
    width: 228px;
    height: 228px;
    border-radius: 50%;
    margin: -640px calc(((100% - 960px) / 2)) 0 auto;
    background-color: #bba657;
}

.bG-dots-2 {
    width: 228px;
    height: 228px;
    box-shadow: 5px 5px 18px 1px rgba(0, 0, 0, 0.4);
    background-image: url("../img/roenck-initials.png");
    margin: -640px calc(((100% - -670px) / 2)) 0 auto;
    border-color: #bba657;
    border-radius: 50% !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;

}*/


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

.capt {
    background-color: #fff;
    border: 5px solid #799e13;
    border-radius: 50%;
    height: 25em;
    width: 25em;
}



/*--- Infocenter & Accordions ---*/

.PortalName {
    font-weight: 300;
    font-size: 1.6em;
    color: #B7B7B7;
    margin: 2% 0 2% 0;

}

.PortalBeschreibung {
    font-size: 13px;
    font-weight: normal;
    padding-left: 0px;
}

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

.PortalKategorie {
    padding-top: 20px;
    font-weight: normal;
    font-size: 18px;
    color: #000;
}

.PortalKategorieBeschreibung {
    color: #676767;
    margin: 2% 0 1% 0;
}

.PortalUL {
    margin-top: 3%;
    margin-bottom: 5%;
    padding-left: 0 !important;
}

.PortalLI {
    margin-left: 35px;
    padding-left: 5px;
}

.trigger,
.PortalRubriken {
    cursor: pointer;
    margin-bottom: 5px;
    padding: 7px 10px;
    margin-top: -1px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #d3d3d3;
    color: #fff !important;
}

h3.trigger,
a:link.PortalTrigger,
.trigger a {
    color: #fff !important;
    text-decoration: none;
    font-weight: 300 !important;
    font-size: 1.4em !important;
}

h3.trigger.omega {}

/*.trigger::before {
    content: '\f078';
    font-family: 'Font Awesome';
    font-weight: 300;
    color: #fff;
    margin-right: 15px;
} */

.trigger_active {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/*.trigger_active::before {
    content: '\f077';
} */

.trigger::after {
    content: '\f078';
    font-family: 'FontAwesome';
    font-weight: 300;
    vertical-align: middle;
    float: right;
    color: #2b2d2f;
    margin-right: 15px;
}

#BriefRubriken {
    font-size: 24px;
    margin-top: 2%;
    color: #333;
}

.trigger_active::after {
    content: '\f077';
}

#infocenter h3,
.PortalKategorie,
.PortalTrigger {
    font-size: 1.2em;
    font-weight: 400 !important;
    color: #333;
    margin: 0.6em 0;
    text-transform: none;
}

#infocenter .trigger,
#infocenter .trigger a {
    font-weight: 300 !important;
    color: #2b2d2f !important;
}

h3.trigger_active,
.trigger_active a:link.PortalTrigger,
.trigger_active a {
    text-decoration: none;
    margin: 0.6em 0;
}

/*.toggle_container {
    padding: 30px 15px;
}*/

h3.trigger_active::after,
.trigger_active::after,
.trigger::after,
h3.trigger::after {
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;

    /*  content: "\f13a"; */
    padding-left: 15px;
}

#PortalName {
    display: none;
}

.PortalRubriken {
    font-weight: normal;
    text-transform: none;
    font-size: 1em;
}

.PortalRubriken a {
    color: #000;
}

.PortalRubrikenBeschreibung {
    padding-left: 20px;
}

#LinkBeschreibung {}

.BriefRubrikenWrapper,
.BriefStartbild,
.ArchivWrapper {
    max-width: 100%;
}

.BriefName {
    font-weight: normal;
    color: #000;
    text-align: left;
    padding: 0;
}

.BriefStartbild {
    width: 100%;
    max-width: 600px;
    height: auto;
    text-align: left;
}

.BriefStartbild img {
    max-width: 100%;
    height: auto;
    text-align: left;
}

.BriefRubriken {
    font-family: 'Lato', Arial, Helvetica, 'sans-serif';
    font-size: 2 em;
    font-weight: 400;
    text-transform: normal;
    color: #2b2d2f;
    margin: 20px 0 0.6em 0;
    line-height: 100%;
}

.BriefArtikelHeadline {
    font-weight: normal;
    font-size: 1em;
    color: #2b2d2f;
}

.trigger.BriefArtikelHeadline,
.trigger.BriefArtikelHeadline a:link {
    color: #2b2d2f !important;
}

.BriefArtikelInhalt {
    padding-left: 20px;
    text-align: justify;
}

.ArchivWrapper {}

.ArchivArtikelInhalt {
    line-height: 18px;
    margin-top: 2%;
    margin-bottom: 5%;
}

.ArchivArtikelHeadline {
    padding-left: 20px;
    font-weight: normal;
}

.ArchivArtikelHeadline a:link {
    color: #fff !important;
}

/*--- end Infocenter & Accordions ---*/

/* +++ Button +++ */

.btn-outline-dark {
    color: #fff !important;
    border-color: #fff !important;
    background-color: #799e13 !important;
    border-with: thin !important;
    border-radius: 0 !important;
}

.btn-outline-dark:hover {
    color: #fff !important;
    background-color: #c4977a !important;
    border-color: #fff !important;
}

.btn {
    font-size: 1.2em !important;
    font-weight: 200 !important;
}

.btn-outline-warning {
    color: #2b2d2f !important;
    border-color: #E4EBD0 !important;
    background-color: #E4EBD0
}

.btn-outline-warning a:hover {
    color: #799e13 !important;
}

.btn-outline-warning:hover {
    color: #2b2d2f !important;
    background-color: #799e13;
    border-color: #799e13 !important;
}

.btn-outline-warning-2 {
    color: #fff !important;
    border-color: #fff !important;
    background-color: #bba657;
}

.btn-outline-warning-2 a:hover {
    color: #fff !important;
}

.btn-outline-warning-2:hover {
    color: #799e13 !important;
    background-color: #fff;
    border-color: #799e13 !important;
}

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

/* ++++ Fontawesome ++++ */


.fa-thin {
    color: #799e13;
}

.logo-teaser {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background-color: #bba657;
    /* background-image: url('../img/logo-teaser.png'); */
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.teaser i {
    font-size: 3em;
    color: #fff;
    margin-bottom: 20px;
    /*  background: #780000; */
    padding-top: 35px;
    padding-left: 25px;
}

.teaser:hover .logo-teaser {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.logo-teaser i {
    color: #fff !important;
    background: transparent !important;
}

.shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
}


/* ++++ Ende Fontawesome ++++ */

/* +++ Animation links und rechts +++ */

/* ---- End Animation Type 01 --- */

/*animation element*/

.animation-element {
    opacity: 0;
    position: relative;
}

/*animation element sliding left*/

.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-200px, 0px, 0px);
    -webkit-transform: translate3d(-200px, 0px, 0px);
    -o-transform: translate(-200px, 0px);
    -ms-transform: translate(-200px, 0px);
    transform: translate3d(-200px, 0px, 0px);
}

.animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-200px, 0px, 0px);
    -webkit-transform: translate3d(-200px, 0px, 0px);
    -o-transform: translate(200px, 0px);
    -ms-transform: translate(200px, 0px);
    transform: translate3d(200px, 0px, 0px);
}

.animation-element.slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.animation-element.forward {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}

.animation-element.forward.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}




/* ---- End Animation Type 01 --- */

/* +++ Ende Animation links und rechts +++ */

/* +++ Videos +++ */

.iframe-container {
    position: relative;
    padding-bottom: 57%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* +++ Ende Videos +++ */

/*###############################*/

/* +++ INFOPORTAL +++ */

#infocenter {
    max-width: 800px !important;
}

/* +++ ENDE INFOPORTAL +++ */

/* ############################## */

/*--- Footer ---*/

footer {
    margin-top: 9% !important;
    padding-top: 2%;
    background-color: #799e13;
    color: #2b2d2f;
    padding-bottom: 100px;
}

footer .weiss {
    background-color: rgba(255, 255, 255, .8);
}

footer a:link {
    color: #799e13;
}


footer p {
    line-height: 200%;
    color: #2b2d2f;
}

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

.loesungen-bg {
    /*min-height: 360px;*/
    padding: 3% 0 0 0;
    background-image: url('../img/loesungen-bg.jpg');
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 90%;
    background-repeat: no-repeat;
}

.container-fluid.alpha {
    margin-top: 260px;
}

b,
strong {
    font-weight: 600;
}

#accordionExample .card {
    background-color: #E4EBD0;
    border: 1px solid rgba(121, 158, 19, .1) !important;
    padding: 0 !important;
}

#accordionExample .card .btn-link {
    color: #2b2d2f;
    text-decoration: none;
}

#accordionExample .card .btn.focus,
#accordionExample .card .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0);
}

#accordionFaq .card {
    background-color: #E4EBD0;
    border: 1px solid rgba(121, 158, 19, .1) !important;
    padding: 0 !important;
}

#accordionFaq .card-header {
    padding: 0 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

#accordionFaq .card .btn {
    font-size: 1.0em !important;
    font-weight: 300 !important;
}

#accordionFaq .card .btn-link {
    color: #2b2d2f;
    text-decoration: none;
}

#accordionFaq .card .btn.focus,
#accordionFaq .card .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0);
}