/* neue Farbpalette */
:root{
/* Hauptfarben */
	--main-bg-color: #1b1d21;
	--sec-bg-color: #222629;
	--ter-bg-color: #383e43;
/* Unterstützungsfarben */
	--gold-acc-color: #d7af00;
	--gold2-acc-color: #f5c800;
	--onyx: #383838;
/* Offwhites */
	--smoke: #f5f5f5;
	--platinum: #e8e4e0;
	--latte: #fffbe7;
	--silk: #eee5d9;
	--pearl: #fdffff;
}
/* klassen für die einfache nutzung*/
.bg-pri {
	background-color: var(--main-bg-color);
	color: var(--pearl);
	padding: 1em;
}

.bg-sec {
	background-color: var(--sec-bg-color);
}

.bg-ter {
	background-color: var(--ter-bg-color);
}

.bg-onyx {
	background-color: var(--onyx);
}

.bg-gold {
	background-color: var(--gold-acc-color);
}

.bg-gold2 {
	background-color: var(--gold2-acc-color);
}

.bg-smoke {
	background-color: var(--smoke);
}

.bg-plat {
	background-color: var(--platinum);
}


.tc-p {
	color: var(--pearl);
}

.form-control {
	background-color: var(--platinum);
	color: var(--main-bg-color);
}

.formbody input.text {
    background-color: var(--platinum);
	color: var(--main-bg-color);
    padding: 13px 18px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 14px;
}
 .submit {
    background-color: var(--gold2-acc-color);
    color: var(--main-bg-color);
}

.refer-arrow:after {
    content: "\F138";
}
p.buttonIcons a:after {
	font-family: Bootstrap-Icons;
	background: var(--gold-acc-color);
    color: var(--main-bg-color);
    display: table-cell;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    line-height: normal;
    padding: 0px !important;
    width: 50px;
    height: 30px;
    text-align: center;
    
}

p.buttonIcons em, p.socialIcons em, p.teamIcons em {
    display: none;
}

p.buttonIcons {
    margin-top: 20px;
}

.ref-btn {
	background-color: var(--gold-acc-color);
    color: var(--main-bg-color);
    border: none;
    border-radius: 0;
    font-size: 20px;
    font-family: 'Oswald Light';
    line-height: 1.2;
    text-transform: uppercase;
    height: auto;
    font-weight: bold;
    width: 100%;
}

a.btn {
    color: var(--main-bg-color);
    background-color: var(--gold-acc-color);
    transition: none;
    font-size: 20px;
    font-family: 'Oswald Light';
    line-height: 1.2;
    text-transform: uppercase;
    height: auto;
    font-weight: bold;
    margin-top: 20px;
}

/* breite für mobile menü*/
.overlay-menu li {
    float: left;
    width: 100%;
    list-style-type: none;
}

hr {
	padding: 2rem;
	border-bottom: 1px solid var(--pearl);
	background-color: transparent !important;
}
.topbar {
	background-color: var(--main-bg-color);
	border-bottom: 1px solid gold;
}

.mod_article {
	border-top: 1px solid gold;
	border-bottom: 1px solid gold;
}

footer a {
    color: var(--gold-acc-color) !important;
    font-family: 'Open Sans Light';
}
footer p {
	color: var(--gold-acc-color);
}

footer {
	background-color: var(--main-bg-color);
	color: var(--gold-acc-color);

}

footer#footer {
	padding-bottom: 1rem;
}

.footercontainer {
	border-top: 3px solid var(--gold2-acc-color);
}

#main {
	margin: 0px;
}

h1, h2, h3, h4, h5 {
	color: var(--pearl);
}
/*
.ce-accordion, .accordion {
	padding: 1em;
	background: var(--gold-acc-color);
}
*/

.ce_accordion .accordion {
    padding: 1em;
    background: #e8e4e0;
    color: var(--main-bg-color);
}
.slider-control .slider-menu b.active, .btn:before, a.btn:hover, .btn:hover, .newstxt p.more a:hover, p.back a:hover, input.submit:hover, p.more a:hover, p.back:hover, .newsletter .submit:hover, .mod_search .submit:hover, .ce_accordion .toggler:hover, .ce_accordion .toggler.active, .submit:hover, .mainnavi .level_1 span:hover, .mainnavi .level_1 a:hover, .mainnavi .level_1 span.active, .mainnavi .level_1 a:active, .mainnavi ul.level_2 li span:hover, .mainnavi ul.level_2 > .active, .mainnavi .level_1 span.trail, .mainnavi .level_1 a.trail, .mainnavi .level_1 a:hover, .submenu.trail > span, .level_1 .active, .level_1 .forward, .pagination strong, .quote .fa {
    background-color: var(--gold2-acc-color);
    color: var(--onyx);
}
.mod_eventlist div.header, p.location, .topinfo, .mainservice .fa, #footer .submit, .newsletter .submit, .mod_search .submit, .ce_accordion .toggler, .mod_newsreader p.info, .layout_latest p.info, .mod_eventreader p.info, .news .info, .event .header {
    background-color: var(--onyx);
    color: var(--pearl);
}

.banner-bg {
    background-attachment: fixed;
    background-size: cover;
    padding: 5% 0;
}

.banner-bg-jb {
    background-attachment: fixed;
    background-size: cover;
    padding: 10% 0;
}

.fa {
	color: var(--pearl);
}

.footercontainer .fa {
	color: var(--gold2-acc-color);
}

a {
	color: var(--gold2-acc-color);
}

.scrolltop a {
    justify-items: anchor-center;
    border-radius: 50px;
    background-color: var(--main-bg-color);
}

.ml-80 {
    max-width: 80%;
    margin-left: 15%;
}

.zbar {
	padding-bottom: .1rem;
	padding-top: .1rem;
	width: 100%;

}
.zbar p {
	line-height: 0.1rem;

}

.blw {
	padding-left: 2rem;
}

.mbelow {
	padding: 10% 0;
}

.padding_vs {
	padding-bottom: 25px;
	padding-top: 25px;
}

.tblogo {
    text-align: -webkit-right;
}

.mob-logo {
    max-width: 20%;
}

.logo-text {
    max-width: 75%;
    padding-top: .5rem;
}

.button-menu {
    max-width: 20%;
    top: 30px;
    left: 0px;
}

.mt-p5 {
    margin-top: 5rem;
}

.mh-auto {
    margin-left: auto;
    margin-right: auto;
}