:root {
  --hauptfarbe: #edcd9c; /* Gold */
  --hauptfarbe_alternativ: #8f7b5e; /* Gold dunkel */
  --hauptfarbe_hellhinterg: #edcd9cab; /* leicht gefärbtes hellgrau in Richtung Hauptfarbe */
  --hauptfarbe_dunkelhinterg: #edcd9c2e; /* leicht gefärbtes dunkleres grau in Richtung Hauptfarbe */
  --zweitfarbe: #141210; /* Dunkelbraun */
  --hell: #ffffff; /* weiß */
  --hell_transparent: #ffffff45; /* weiß, stark durchsichtig */
  --hell_wenig_transparent: #ffffffab; /* weiß, wenig durchsichtig */
  --hellgrau: #eaeaea; /* helles grau */
  --mittelgrau: #afafaf; /* mittelgrau - zwischen hellgrau und grau */
  --grau: gray; /* grau */
  --dunkelgrau: #696969; /* dunkelgrau */
  --schwarzgrau: #404040; /* besonders dunkeles grau */
  --dunkel: #000000; /* schwarz */
  --hinweis: darkgreen; /* dunkelgrün */
  --meldung: #900; /* dunkelrot */
  
  --borderradius: 0;
  
  color-scheme: auto !important;
}

body {background-image: url("/individuell/bilder/Hintergrund_antikes Holz_web.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
body::before {content: ''; background-color: black; position: fixed; width: 100%; height: 100%; opacity: 0.5; z-index: -1;}


h1, h2, h3, h4, h5, h6, h7, p, li, a, td {font-family: 'Charter', serif; font-weight: 800;}


.rahmen_1 #navigation {display: none;}

#inhalt {width: 100%;}
#inhalt .inhalt_seitenvorlage {justify-content: center;}

#inhalt h1 {text-align: center; font-size: 3rem; line-height: 4rem; margin: 12vh 0 5vh 0;}
#inhalt p {color: var(--hauptfarbe); font-weight: 500;}
#inhalt a {color: var(--hauptfarbe); border-bottom: 0px solid var(--hauptfarbe); transition: 0.1s;}
#inhalt a:hover {color: var(--hauptfarbe); border-bottom: 2px solid var(--hauptfarbe);}



#bilderleiste {height: 25vh;}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--hauptfarbe) var(--zweitfarbe);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: var(--hauptfarbe);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--zweitfarbe);
  border-radius: 20px;
  border: 3px solid var(--hauptfarbe);
}





.nurtext_global {padding: 0; margin: 0;}



.datei_download_multi {justify-content: center; width: auto;}
.datei_download_multi h3 {width: 100%; text-align: center; font-family: 'Charter', serif; font-weight: 800;}
.datei_download_multi .download_beschreibung:first-of-type {width: auto;}
.datei_download_multi .download_beschreibung {color: var(--hauptfarbe);}





#navigation {background-color: transparent; transition: 0.2s;}
#navigation.scrolled_down {background-color: var(--zweitfarbe);}
#navigation ul {width: auto; justify-content: center;}
#navigation ul li a {text-align: center; font-size: 1.1rem; line-height: 1.4rem; color: var(--hauptfarbe_alternativ); padding: 0 30px; position: relative;}
#navigation ul li a.aktiv {color: var(--hauptfarbe)}
#navigation ul li a:hover {color: var(--hauptfarbe)}
#navigation ul li a.aktiv:hover {color: var(--hauptfarbe)}
#navigation ul li a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 0; background: var(--hauptfarbe); height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#navigation ul li a:hover:before {left: 0; right: 0;}

#navi_mobile_2020 {background-color: var(--zweitfarbe);}





#fuss {background-color: transparent; min-height: 15vh;}
#fuss .erste_zeile, #fuss .zweite_zeile {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#fuss .erste_zeile p {color: var(--hauptfarbe); font-size: 1.1rem; line-height: 1.5rem; text-align: center; padding: 3vh 4vw;}
#fuss .zweite_zeile {min-height: 6vh;}
#fuss a {color: var(--hauptfarbe_alternativ); padding: 15px 30px; text-transform: uppercase; letter-spacing: 2px; transition: 0.2s; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
#fuss a:hover {color: var(--hauptfarbe);}




/*------------------------------------ Multibox -------------------------------*/

.multibox_standard {grid-template-rows: auto 1fr; width: calc(100% - 40vw); padding: 0 20vw;}
.multibox_standard .bst_mb_bilder_anordnung3 {width: 22vw;}
.multibox_standard .bst_mb_ein_bild_anordnung3 {position: relative;}
.multibox_standard .bst_mb_ein_bild_anordnung3 img {width: calc(100% - 8px); height: calc(100% - 8px); object-fit: cover; border: 4px solid var(--hauptfarbe);}
.multibox_standard .bst_mb_bildzeile_anordnung3 {font-style: italic; position: absolute; right: 2vw; bottom: 0; background-color: #ffffffb5; padding: 7px 14px; border-bottom-right-radius: var(--borderradius);}
.multibox_standard .bst_ue1_anordnung3 {align-self: flex-start; margin-bottom: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px;}
.multibox_standard .bst_text_anordnung3 {align-self: flex-start; width: 35vw;}
.multibox_standard .bst_text_anordnung3 p:first-of-type {}
.multibox_standard .bst_text_anordnung3 p {margin: 4px 0; font-size: 1.1rem; line-height: 1.6rem;}
.multibox_standard .mb_linkausgabe {align-self: flex-start; margin-top: 10px; display: flex; background-color: var(--zweitfarbe); padding: 10px 20px; justify-self: flex-start; color: var(--hell); border: none; border-radius: var(--borderradius); transition: 0.2s; font-size: 1rem; line-height: 1.4rem; text-transform: uppercase; letter-spacing: 0.5px;}
.multibox_standard .mb_linkausgabe:hover {color: var(--hauptfarbe_alternativ); background-color: var(--hell); box-shadow: 0 0 10px #000000c9;}


#inhalt .bst_multibox.bst_multibox_standard_layout {width: calc(100% - 40vw); margin: 0 auto; max-width: none;}
#inhalt .bst_multibox.bst_multibox_standard_layout .bst_multibox_bild_umrahmung a {border: none;}
#inhalt .bst_multibox.bst_multibox_standard_layout .bst_multibox_untertitel {color: var(--hauptfarbe);}
#inhalt .bst_multibox.bst_multibox_standard_layout .bst_multibox_inhalt p {margin: 4px 0; font-size: 1.1rem; line-height: 1.6rem;}

@media screen and (max-width: 768px) {
#inhalt .bst_multibox.bst_multibox_standard_layout {width: 88vw; margin: 5vh auto; column-gap: unset;}
#inhalt .bst_multibox.bst_multibox_standard_layout .bst_multibox_bilder_leiste {grid-column-start: 1; grid-row-start: 4; grid-row-end: 5; width: 100%; margin-bottom: 20px; grid-column-end: 3;}
#inhalt .bst_multibox.bst_multibox_standard_layout .bst_multibox_inhalt {grid-row-start: 5; grid-column-start: 1; grid-column-end: 3;}

}



#bstb_bstb_skribifax_startseite .multibox_standard {display: flex; flex-wrap: wrap; width: 100%; padding: 0; height: 18.75vh; overflow: hidden; margin: 0; position: relative;}
#bstb_bstb_skribifax_startseite .multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; height: 100%; justify-content: center; align-items: center;}
#bstb_bstb_skribifax_startseite .multibox_standard .bst_mb_ein_bild_anordnung3 {position: relative; padding: 0;}
#bstb_bstb_skribifax_startseite .multibox_standard .bst_mb_ein_bild_anordnung3 img {width: 100%; height: 100%; object-fit: cover; border: none;}
#bstb_bstb_skribifax_startseite .multibox_standard .bst_mb_bildzeile_anordnung3 {font-style: italic; position: absolute; right: 2vw; bottom: 0; background-color: #ffffffb5; padding: 7px 14px; border-bottom-right-radius: var(--borderradius);}
#bstb_bstb_skribifax_startseite .multibox_standard .bst_ue1_anordnung3 {align-self: flex-start; margin-bottom: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px;}
#bstb_bstb_skribifax_startseite .multibox_standard .mb_linkausgabe {position: absolute; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0; margin: 0; max-width: unset; color: var(--hauptfarbe); font-size: 2.4rem; line-height: 3rem; letter-spacing: 2px; text-transform: none; background-color: #000000c7; transition: 0.3s;}
#bstb_bstb_skribifax_startseite .multibox_standard .mb_linkausgabe:hover {background-color: #0000006e; color: white;}



@media screen and (max-width: 768px) {


#inhalt {width: 92%;}

#inhalt h1 {font-size: 3rem; line-height: 3.5rem; margin: 6vh auto 3vh auto; left; width: 88vw; text-align: center;}

#bilderleiste a {height: auto; width: 80%;}
#bilderleiste a img {height: auto; width: 100%;}

.multibox_standard {grid-template-columns: 1fr; padding: 0 5vw; width: 88vw; margin: 6vh auto 3vh auto;}
.multibox_standard .bst_ue1_anordnung3 {grid-column-start: 1; order: -1;}
.multibox_standard .bst_text_anordnung3 {grid-column-start: 1; width: 100%;}
.multibox_standard .bst_mb_bilder_anordnung3 {width: 100%; max-width: 400px; grid-row-start: 2; margin: 2vh 0;}




#inhalt.inhalt_1 {width: 100%; padding: 0;}
.rahmen_1 #navi_mobile_2020 {display: none;}


#bstb_bstb_skribifax_startseite .multibox_standard .bst_mb_bilder_anordnung3 {max-width: unset;}
#bstb_bstb_skribifax_startseite .multibox_standard .mb_linkausgabe {font-size: 2rem; line-height: 2.5rem;}


#fuss {min-height: 6vh;}

}












@font-face {
  font-family: 'Charter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/charter_regular.woff2');
  src: local(''),
       url('../fonts/charter_regular.ttf') format('truetype'),
}

@font-face {
  font-family: 'Charter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/charter_bold.woff2');
  src: local(''),
       url('../fonts/charter_bold.ttf') format('truetype'),
}

@font-face {
  font-family: 'Charter';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/charter_italic.woff2');
  src: local(''),
       url('../fonts/charter_italic.ttf') format('truetype'),
}

@font-face {
  font-family: 'Charter';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/charter_bold_italic.woff2');
  src: local(''),
       url('../fonts/charter_bold_italic.ttf') format('truetype'),
}