:root {
    /*--bs-body-color: #212529;*/
    --bs-body-color: #3A3E42;
    --bs-body-font-weight: 300;
    /*--bs-link-color: rgb(8, 18, 109);*/
    --bs-link-hover-color: #000000;
}
/* Show it is fixed to the top */
body {
    font-family: 'Open Sans', sans-serif;
	font-weight: inherit;
	font-size: 1rem;
    padding-top: 6.5rem;
    color: rgb(255, 255, 255)!important;
}

main { padding-top: 25px; }

.bg-light {
    background-color: #56050f!important;
    border-color: rgb(254, 199, 12);
}

.border, .border-bottom {
    border-color: rgb(254, 199, 12)!important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(254, 199, 12, .15)!important;
}

a { text-decoration: none; color: rgba(255, 255, 255, 1.00); }
a:hover { text-decoration: underline; color: rgb(254, 199, 12); }

.header-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
}

.navbar_abs { top: 30px; }
.navbar_abs_scroll { top:0px; }

.logo_header { height: 100px; transition: all 0.3s ease 0s; padding-right: 50px; }
.logo_header_scroll { height: 60px; transition: all 0.3s ease 0s; padding-right: 50px; }

/* Menu Header */
.nav-item { padding: 5px 0px 0px 5px; letter-spacing: 0.05em; }
 
.navbar-nav .nav-link {
	background-color: rgba(255,255,255,1.00);;
    color: #000;
}
.navbar-nav .nav-link:hover {
	background-color: rgb(254, 199, 12);
    color: #000;
    text-decoration: none;
}

/* Aktiver Menupunkt */
#home .navbar-nav .nav-link.home, #programm .navbar-nav .nav-link.programm, #winterzauber .navbar-nav .nav-link.winterzauber, #termine .navbar-nav .nav-link.termine, #angebote .navbar-nav .nav-link.angebote, #firmen_events .navbar-nav .nav-link.firmen_events, #kontakt .navbar-nav .nav-link.kontakt, #datenschutz .navbar-nav .nav-link.datenschutz, #impressum .navbar-nav .nav-link.impressum {
	background-color: rgb(254, 199, 12);
    color: #000;
}
.navbar-toggler { margin-bottom: 30px; border: var(--bs-border-width) solid rgb(254, 199, 12); }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(254, 199, 12,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.trenner_top { height: 150px; }

.slider_home_1 { 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-height: 450px;
}

/* .slider_home_1_bckgr { background-image: url(../images/slider/headerbild_2025-26.jpg); */

.footer_bckgr {
    background-image: url(../images/logo-footer.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-height: 100px;
}

.title_slider { font-size: 3.25rem; font-weight: 300;  /*text-shadow: -1px 0 rgb(8, 18, 109), 0 1px rgb(8, 18, 109), 1px 0 rgb(8, 18, 109), 0 -1px rgb(8, 18, 109);*/ /*text-shadow: 0 0 7px #000;*/ }

h1, .h1 { font-family: 'Rye'; color: rgb(254, 199, 12);  }
h2, .h2 { font-family: 'Rye'; color: rgb(254, 199, 12);  }
h3, .h3 { color: rgb(254, 199, 12);  }

.title_main { font-family: 'Rye'; color: rgb(254, 199, 12); text-transform: uppercase; }

.teaser-row {
      display: flex;
      align-items: center;
    }

.teaser-div {
  height: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
}

.btn-primary {
    --bs-btn-color: rgb(0,0,0);
    --bs-btn-bg: rgb(254, 199, 12);
    --bs-btn-border-color: rgb(254, 199, 12);
    --bs-btn-hover-color: rgb(0,0,0);
    --bs-btn-hover-bg: rgb(254, 199, 12, 0.8);
    --bs-btn-hover-border-color: rgb(254, 199, 12);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: rgb(0,0,0);
    --bs-btn-active-bg: rgba(97,70,123,1.00);
    --bs-btn-active-border-color: rgb(254, 199, 12);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(0,0,0);
    --bs-btn-disabled-bg: rgb(254, 199, 12);
    --bs-btn-disabled-border-color: rgb(254, 199, 12);
}

.table-danger {
    --bs-table-color: #fff;
    --bs-table-bg: #e00000;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bd0202;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fffc09;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #cbcc00;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-info {
    --bs-table-color: #fff;
    --bs-table-bg: #0000c4;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #010286;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #b7d3fe;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #f4893c;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #f47c26;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

/* Ankerlink mit Abstand von oben */
.anker { 
	display: block;
	content: "";
	width: 10px;
	height:120px;
	margin-top: -120px;
	visibility: hidden;
}
/* Recaptcha Hinweis Cookie */
.uc-text-embedding {
    --bs-alert-bg: #fff3cd;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: #664d03;
    --bs-alert-border-color: #ffecb5;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    
}

footer small { /*background-color: rgb(255 255 255 / 80%);*/ padding: 5px; }

@media (max-width: 1399.98px) {
    
    .slider_home_1 { min-height: 330px; }
    .title_slider { font-size: 2.5rem; }
    
}

@media (min-width: 993px) and (max-width: 1199.99px) {
    .navbar-nav .nav-link { font-size: 0.9rem; }
}

@media (max-width: 1199.98px) {
    
    main { padding-top: 25px; }
    .logo_header, .logo_header_scroll { height: 70px; }
    .slider_home_1 { min-height: 300px; }
    .title_slider { font-size: 2.5rem; }
    
}

@media (min-width: 992px) { 
	
	.deskt_ver { display:none!important; }
}

@media (max-width: 991.98px) {
    
    body { padding-top: 116px; }
    main { padding-top: 25px; }
    .logo_header, .logo_header_scroll { height: 70px; }
    .slider_home_1 { min-height: 275px; background-size: cover; }
    .title_slider { font-size: 2.0rem; }
    .mobil_ver { display:none!important; }
    
}

@media (max-width: 767.98px) {
    
    body { padding-top: 142px; }
    main { padding-top: 25px; }
    .logo_header, .logo_header_scroll { height: 70px; }
    .fixed-top { top: 50px; }
    .navbar_abs { top: 55px; }
    .navbar_abs_scroll { top:0px; }
    .slider_home_1 { min-height: 200px; background-size: cover; }
    .title_slider { font-size: 1.5rem; }
    
}


@media (max-width: 575.98px) {
    
    body { padding-top: 142px; }
    main { padding-top: 25px; }
    .logo_header { padding-right: 0px; }
    .logo_header, .logo_header_scroll { height: 70px; }
    .slider_home_1 { min-height: 150px; background-size: cover; }
    .title_slider { font-size: 1.5rem; }
    .m-3 { margin: 0.2rem!important; }
    .p-3 { padding: 0rem!important; }
}


/* ########### Back to Top Button###########  */
#back-to-top{
		position:fixed;
		bottom: 0px;
		right:35px;
		z-index: 99;
		}
	#back-to-top a{
		text-align:center;
		text-decoration:none;
		color:rgb(254, 199, 12);
		display:block;
		width:25px;
		-moz-transition:color 1s; 
		-webkit-transition:color 1s;
		-o-transition:color 1s;
	}
	
	#back-to-top a span {
    border-radius: 6px;
    display: block;
    height: 35px;
	width: 35px;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
    font-size: 35px;
    color: rgb(254, 199, 12);
	border: 1px solid #cfd0d4;
}
	#back-to-top a:hover span{
	/*color: rgba(116,116,116,1.00);
	border: 1px solid rgba(116,116,116,1.00);*/
	/*/*color:rgb(8, 18, 109);
	border: 1px solid rgb(8, 18, 109);*/
        color: rgb(254, 199, 12);
        border: 1px solid rgb(254, 199, 12);
	}
/* ########### Back to Top Button ENDE ###########  */
