body {
	background-image: url(./images/background.png);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #000000;
	background-size: cover;
	font-size:1em;
	margin: 0px;
	color: #e9b071;
}

a {
    color: #e9b071;
    text-decoration: underline;
    font-weight: bold;
}

a:visited {
    color: #e9b071;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    color: #e9b071;
    text-decoration: underline;
    font-weight: bold;
}

[v-cloak]::before {
    content: "loading…"
}

/* ids mit # */
#myid {
    background-color: blue !important;
}

/* classes mit .*/
.myclass {
      background-color: gray !important;
}

.notTransparent {
    opacity: 1;
}

.transparent {
    opacity: 1;
}

.nav{
    --bs-bg-opacity: 1;
     opacity: 0.8;
     background-color: #e9b071;
     border-radius: 8px;
}

.nav-link {
    color: #000000;
    text-decoration: none;
}

.nav-link:hover {
    background-color: #7c4132;
     color: #e9b071;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #e9b071;
    background-color: #7c4132;
    border-radius: 7px;
}

.page {
    border-color: #762a3a;
    border: 1px;
}

.pageheader {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    font-size:2em;
    border: 1px;
	border-color: #762a3a;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
}

.pagefooter {
    opacity: 1;
    background-image: url(./images/content_bg.png);
    border: 1px;
}

.align-img-top-right {
    vertical-align: text-bottom;
    position: absolute;
    right: 20px;
}

.cardbackground {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/content_bg.png);
}

.cardheader {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    color: #000000;
    font-size: 1.8em;
    font-weight: bold;
}

.cardfooter {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/Zeichen_5_elemente.png);
	background-position: right;
	background-repeat: no-repeat;
	border: 0px;
    padding-top: 3em;
    margin-top: -2em;
	border-bottom-color: #762a3a;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
}

.btn-accordion {
    background-color: #e9b071;
    color: #000000;
    border-radius: 7px;
    font-weight: bold;
    border: 0px;
         opacity: 0.8;
}
.btn-accordion:link {
    background-color: #e9b071;
    color: #000000;
    border-radius: 7px;
    font-weight: bold;
    border: 0px;
}
.btn-accordion:visited {
   background-color: #e9b071;
   color: #000000;
   border-radius: 7px;
   font-weight: bold;
   border: 0px;
}
.btn-accordion:visited:hover {
     background-color: #7c4132;
     color: #e9b071;
     border-radius: 7px;
     font-weight: bold;
     border: 0px;
}
.btn-accordion:hover {
     background-color: #7c4132;
     color: #e9b071;
     border-radius: 7px;
     font-weight: bold;
     border: 0px;
}
.btn-accordion:active {
      background-color: #7c4132;
      color: #000000;
      border-radius: 7px;
      font-weight: bold;
      border: 0px;
}

.page-top-left {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_top_left.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 224px;
	margin-top: 20px;
}
.page-top-middle {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_top_middle.png);
	background-repeat: repeat-x;
	height: 224px;
	margin-top: 20px;
}
.page-top-right {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_top_right.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 224px;
	margin-top: 20px;
}

.page-middle-left {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_middle_left.png);
	background-position: right;
	background-repeat: repeat-y;
}
.page-middle-middle {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_middle_middle.png);
}
.page-middle-right {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_middle_right.png);
	background-repeat: no-repeat;
	background-position: left;
	background-repeat: repeat-y;
}

.page-bottom-left {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_bottom_left.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 59px;
	margin-bottom: 20px;
}
.page-bottom-middle {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_bottom_middle.png);
	background-repeat: repeat-x;
	height: 59px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 22px;
}
.page-bottom-right {
    --bs-bg-opacity: 1;
    background-color: transparent!important;
    background-image: url(./images/background_bottom_right.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 59px;
	margin-bottom: 20px;
}