@font-face {
    font-family: Cairo;
    src: url("/font/Cairo-Regular.ttf") format("truetype");
}

html, body {
    font-family: Cairo, sans-serif;
    /*line-height: 1.1;*/
}

body {
    font-size: 1.3rem;
    text-align: center;
    color: white;
    max-width: 100%;
    margin: 0;
    font-family: Cairo, sans-serif !important;
    /* background-image: url('../images/2022-dezember-hintergund.webp');
    background-size:cover;*/
    background-color: #333440;
}

.xcontainer {
    max-width: 100%;
}

.flyer {
    float: right;
    /*width:400px; */
    margin-top: -400px;
    padding-right: 50px;
}

/* Vertical Accordion Style */

.va-container {
    position: relative;
    margin: 10px auto 0 auto;

}

.va-slice .va-title {
    padding-top: 2%;
}

.va-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #3e3e3e;
}

.va-slice {
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0px;
    overflow: hidden;
}

/*
.va-slice-1{
	background:#000 url(../images/1.jpg) no-repeat center center;
}
.va-slice-2{
	background:#000 url(../images/2.jpg) no-repeat center center;
}
.va-slice-3{
	background:#000 url(../images/3.jpg) no-repeat center center;
}
.va-slice-4{
	background:#000 url(../images/4.jpg) no-repeat center center;
}
.va-slice-5{
	background:#000 url(../images/5.jpg) no-repeat center center;
}
.va-slice-6{
	background:#000 url(../images/6.jpg) no-repeat center center;
}
.va-slice-7{
	background:#000 url(../images/7.jpg) no-repeat center center;
}*/

.va-wrapper /*, [class^="va-slice-color-"] */
{
    background-color: transparent;
}

.va-slice {
    /* background-color: rgba(238, 72, 72, 0.8); */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.va-title {
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
    text-shadow: 0px 0px 1px white;

}

.va-content {
    display: none;
    padding-left: 20%;
    padding-right: 20%;
}

.va-slice p {
    /* font-style: italic; */
    /* font-family:Georgia, serif; */
}

.va-slice ul {
    margin-top: 10px;
}

.va-slice ul li {
    float: left;
    margin: 0px 2px;
}

.va-slice a {
    color: #f3f1f1;
    text-decoration: underline;
    /*background:silver;*/
    /* padding:3px 6px; */
    /* font-family:'PT Sans', sans-serif; */
    /* text-shadow: 1px 1px 1px #b0b0b0; */
    /* text-transform:uppercase; */
}

.va-slice a.normal {
    background: inherit;
    text-transform: inherit;
}

.va-slice ul li a:hover {
    background: #000;
    color: #7e7e7e;
    text-shadow: none;
}

.va-nav span {
    width: 40px;
    height: 25px;
    background: transparent url(../images/prev.png) no-repeat center center;
    position: absolute;
    top: -35px;
    left: 50%;
    text-indent: -9000px;
    opacity: 0.7;
    cursor: pointer;
    display: none;
    z-index: 100;
}

.va-nav span.va-nav-next {
    background-image: url(../images/next.png);
    top: auto;
    bottom: -35px;
}

.va-nav span:hover {
    opacity: 1.0;
}

/* jQuery Countdown styles 1.5.8. */
.hasCountdown {
    background-color: #eee;
}

.countdown_rtl {
    direction: rtl;
}

.countdown_holding span {
    background-color: #ccc;
}

.countdown_row {
    clear: both;
    width: 100%;
    max-width: 500px !important;
    padding: 0px 2px;
    text-align: left;
}

.countdown_show1 .countdown_section {
    width: 98%;
    max-width: 500px !important;
}

.countdown_show2 .countdown_section {
    width: 48%;
}

.countdown_show3 .countdown_section {
    width: 32.5%;
}

.countdown_show4 .countdown_section {
    width: 24.5%;
}

.countdown_show5 .countdown_section {
    width: 19.5%;
}

.countdown_show6 .countdown_section {
    width: 16.25%;
}

.countdown_show7 .countdown_section {
    width: 14%;
}

.countdown_section {
    display: block;
    float: left;
    text-align: center;
}

.countdown_amount {
    font-size: 200%;
}

.countdown_descr {
    display: block;
    width: 100%;
}

.countdown {
    float: left;
    width: 240px;
}

#defaultCountdown {
    font-size: 1rem;
    font-family: Verdana, Arial;
    background: transparent;
    max-width: 500px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .va-title {
        font-size: 1.1rem;
    }

    .va-content, .va-content p {
        font-size: .9rem;
    }

    .va-content {
        padding-left: 5%;
        padding-right: 5%;
    }

    #defaultCountdown {
        font-size: 0.8rem;
    }

}


.hidden {
    display: none;
}

.modal-header {
    padding: 5px;
}

.modal-body {
    padding: 0;
}

.modal-content {
    background: rgba(0, 0, 0, .8);
}

#touchme {
    display: none;
    /*
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
    position: absolute;
    top: 1%;
    left: 1%;
    z-index: 900;
    font-size: 0.8rem;
    color: white;
    background-color: #e05045;
    padding: 2px;
}

.bold {
    font-weight: 700;
    /* text shadow */
    /*text-shadow:0px 1px 1px rgba(0,0,0,25%) */
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 75%;
        margin: 0 auto;
    }
}

@media (max-width: 1023px) {
    #touchme {
        display: block;
    }
}


/* these styles are for the demo, but are not required for the plugin */
.zoom {
    display: inline-block;
    position: relative;
}

/* magnifying glass icon */
.zoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    /*background:url(./icon.png);*/
}

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ea5337;
}

/*
.va-slice-color-1 {
	animation-name: backgroundColorPalette1;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;

}
.va-slice-color-3 {
	animation-name: backgroundColorPalette2;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}
.va-slice-color-4, .va-slice-color-5 {
	animation-name: backgroundColorPalette1;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;

}

@keyframes backgroundColorPalette1 {
	0% {
		background: rgba(182, 77, 68, 0.7);
	}
	25% {
		background: rgba(6, 91, 44, 0.66);
	}
	50% {
		background: rgb(170, 246, 131, 0.66);
	}
	75% {
		background: rgba(91, 66, 7, 0.66);
	}
	100% {
		background: rgb(255, 155, 133, 0.66);
	}
}

@keyframes backgroundColorPalette2 {
	0% {
		background: rgb(238, 96, 85, 0.66);
	}
	25% {
		background: rgb(96, 211, 148, 0.66);
	}
	50% {
		background: rgb(170, 246, 131, 0.66);
	}
	75% {
		background: rgb(255, 217, 125, 0.66);
	}
	100% {
		background: rgb(255, 155, 133, 0.66);
	}
}

@keyframes backgroundColorPalette3 {
	0% {
		background: rgb(0, 253, 222);
	}
	25% {
		background: rgba(29, 86, 150, 0.66);
	}
	50% {
		background: rgb(170, 246, 131, 0.66);
	}
	75% {
		background: rgba(94, 70, 11, 0.66);
	}
	100% {
		background: rgba(175, 119, 107, 0.66);
	}
}
*/
#logo {
     filter: invert(1) brightness(1);
}

.bg-1 {
    background-color: #ffa500;
}

.bg-2 {
    background-color: rgba(201, 132, 7, 0.97);
}

.td {
    padding: 5px;
    text-align: center;
}

th {
    text-align: center;
}