@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Caveat Brush';
    src: url('../fonts/CaveatBrush-Regular.ttf');
}

.font-hofladen {
    font-family: 'Caveat Brush', cursive;
}

section {
    padding-top: 60px; 
    margin-top: -60px;
}

.sticky {
    position: sticky !important;
    top: 100px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.2;
}
.h1 {
    font-size: 2.5rem !important;
}

a, a:active, a:hover {
    color: darkgreen;
}
.dropdown-item {
    color: rgba(172, 115, 57,0.9);
}
.dropdown-item.active, .dropdown-item:hover {
    color: white;
    background-color: darkgreen;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: white !important;
    background-color: darkgreen;
}

section h1 {
    color: darkgreen;
}

@media screen and (min-width: 1200px) { 
    .kopfbanner-inner {
        transform: scale(1.25); 
    }
}

.text-shadow{
    text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
}

/* NAVI */
.nav-link:hover {
    color: darkgreen !important;
}
.nav-link.active {
    color: darkgreen !important;
}
.nav-link {
    color: rgba(172, 115, 57,0.9) !important;
}
.navbar-custom {
    background-color: rgba(255,255,255,0.7) !important;
    -webkit-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* FARBE PRIMARY */

.btn-primary, .btn-primary:active  {
    background-color: darkgreen;
    border-color: darkgreen;
}
.btn-primary:hover, .btn-primary:focus  {
    background-color: darkgreen;
    border-color: darkgreen;
    filter: brightness(90%);
}
.text-primary {
    color: darkgreen !important;
}
.bg-primary {
    background-color: darkgreen !important;
}


/* FARBE SECONDARY */

.btn-secondary, .btn-secondary:active  {
    background-color: rgba(172, 115, 57,1);
    border-color: rgba(172, 115, 57,1);
}
.btn-secondary:hover, .btn-secondary:focus  {
    background-color: rgba(172, 115, 57,1);
    border-color: rgba(172, 115, 57,1);
    filter: brightness(90%);
}
.text-secondary {
    color: rgba(172, 115, 57,1) !important;
}
.bg-secondary {
    background-color: rgba(172, 115, 57,1) !important;
}

/* FARBE LIGHT */

.bg-light {
    background-color: rgba(242, 230, 217,1) !important;
}


/* INPUTS */

input:focus, select:focus, input:active, select:active {   
    box-shadow: none !important;
    border-color: darkgreen !important;
}
button:focus, button:active {
    box-shadow: none !important;
}
.container input:checked {
    background-color: darkgreen !important;
    border-color: darkgreen !important;
}

/* SIZING */

.w-5 { width:5%; }
.w-10 { width:10%; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.w-30 { width:30%; }
.w-40 { width:40%; }
.w-45 { width:45%; }
.w-60 { width:60%; }
.w-70 { width:70%; }
.w-80 { width:80%; }
.w-90 { width:90%; }



.carousel-item {
    height: 100%;
    min-height: 550px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* TABELLEN */

td, th {
    padding-left: 8px !important;
}