:root {
    --darkgrey-rgb: 94,94,94;
    --darkblue-rgb: 17,38,61;
    --akzent-rgb: 220, 190, 95;
    --akzent-light-rgb: 1,2,3;
    --bs-btn-hover-color: #fff;
    --bs-secondary-color: rgba(33,37,41,.8);
    /*color: rgb(219, 202, 93);*/
}


/************ Fonts **********************************************************/
@font-face {
    font-family: 'Frank Ruhl Libre';
    font-style: normal;
    font-weight: 900;
    src: local('Frank Ruhl Libre Black'), url('../webfonts/FrankRuhlLibre-Black.woff') format('woff');
}
@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 900;
    src: local('Vollkorn Black'), url('../webfonts/Vollkorn-Black.woff2') format('woff2');
}
/* Barrierefreie Font Fallback */
@font-face {
    font-family: "fallbackfont";
    src: local("Arial");
    ascent-override: 105%;
    descent-override: 35%;
    line-gap-override: 10%;
}

a {
    color: white;
    text-decoration: dashed;
    transition: all ease 200ms;
}
a:hover {
    color: rgb(var(--akzent-rgb));
    text-decoration: underline;
}



body {
    background-color: rgb(var(--darkblue-rgb));
    color: rgb(240, 240, 240);
}
footer {
    color: var(--bs-secondary-color);
}
header {
    background-color: rgba(var(--darkgrey-rgb),.5);
    backdrop-filter: blur(7px);
}
section:before {
    height: 140px;
    content: "";
    display:block;
}



table caption {
    color: rgb(240, 240, 240);
}
h1, h2, h3 {
    font-family: 'Vollkorn', 'fallbackfont', sans-serif;
    font-weight: 900;
}


.carousel-caption {
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
    opacity: .85;
}
.carousel-caption p {
    margin-bottom: 0;
}




/************ Navigation *****************************************************/
.nav-link {
    color: rgb(240, 240, 240) !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.nav-link.active {
    color: rgb(var(--akzent-rgb)) !important;
}



hr.akzent {
    border-top-color: rgb(var(--akzent-rgb));
    opacity: 1;
}

.text-akzent {
    color: rgb(var(--akzent-rgb));
}
.text-vollkorn {
    font-family: 'Vollkorn', 'fallbackfont', sans-serif;
    font-weight: 900;
}


.btn-outline-akzent {
    --bs-btn-color: rgb(var(--akzent-rgb));
    --bs-btn-border-color: rgb(var(--akzent-rgb));
    --bs-btn-hover-bg: rgb(var(--akzent-rgb));
    --bs-btn-hover-border-color: rgb(var(--akzent-rgb));
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-bg: rgb(var(--akzent-rgb));
    --bs-btn-active-border-color: rgb(var(--akzent-rgb));
    --bs-btn-disabled-color: rgb(var(--akzent-rgb));
    --bs-btn-disabled-border-color: rgb(var(--akzent-rgb));
}


/************ Formular *******************************************************/
.form-check-input:checked {
    background-color: rgb(var(--akzent-rgb));
    border-color: rgb(var(--akzent-rgb));
}
.form-check-input:focus {
    border-color: rgb(var(akzent-light-rgb));
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(var(--akzent-rgb),.25);
}
.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ecc483'/%3e%3c/svg%3e");
}
form label[for^="float"] {
    color: rgb(80,80,80);
}


/************ Parallax *******************************************************/
.parallax {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax.atc {
    background-image: url("../images/parallax/atc.webp");
}










/*
.infokachel {
    transition: ease all 200ms;
}
.infokachel:hover {
    background-color: rgb(var(--akzent-rgb)) !important;
}
.infokachel:hover .text-orange {
    color: black;
}