/*CSS custom properties */
:root{
/*Breakpoints*/
    --xs: 0;
    --sm: 560px;
    --md: 768px;
    --lg: 992px;
    --xl: 1200px;
    --xxl: 1500px;
/*Schriftgrössen und Schriftarten*/
    --maintext-font:"Abel", sans-serif;
    --subtext-font: "Arima", system-ui;
	--text-xxs: 8px;
    --text-xs: 10px;
    --text-s: 12px;
    --text-m: 14px;
    --text-l: 16px;
    --text-xl: 18px;
    --text-xxl: 20px;
    --text-xxxl: 22px;
    --maintitle-font: "Playball", cursive;
    --subtitle-font: "Italianno", cursive;
    --subtitle2-font: "Explora", serif;
	--main-xxs: 25px;
    --main-xs: 30px;
    --main-s: 35px;
    --main-m: 40px;
    --main-l: 45px;
    --main-xl: 50px;
    --main-xxl: 55px;
    --main-xxxl: 60px;
/*Abstände*/
    --space-xxxs: 2px;
    --space-xxs: 4px;
    --space-xs: 6px;
    --space-s: 8px;
    --space-m: 10px;
    --space-l: 12px;
    --space-xl: 14px;
    --space-xxl: 16px;
    --space-xxxl: 18px;
    --space-big: 20px;
    --space-bigger: 22px;
    --space-biggest: 24px; 
/*Transition*/
    --slow: 2s;
    --fast: 0.5s;
/*Spielereien*/
	--border1: 1px solid;
    --shadow1: 0.5px 0.5px 0.5px;
    --shadow2: 1px 1px 0px;
    --shadow3: 1px 2px 1px;
    --box-shadow1:0px 7px 29px 0px;
    --box-shadow2: 2px 2px 2.5px;
    --box-shadow3: 0px 5px 15px;
	--filter1:grayscale(50%) brightness(40%) sepia(80%) hue-rotate(-110deg) saturate(200%) contrast(1.5);
/*Bilder*/
    --background: url(/images/kyoto/welcomekyotobackgrounddunkel.png);
	/* Bild von https://www.peakpx.com/en/hd-wallpaper-desktop-nrkfk */
    --background2:https://windbeyondshadows.de/images/design1/peakpx.jpg;
	--dekopng: url(/images/kyoto/welcomekyotostatus.png);
	/* Bild von https://www.hiclipart.com/free-transparent-background-png-clipart-ycibb/download */
    /*--dekopng: url(https://windbeyondshadows.de/images/design1/orchid.png);
	 Bild von https://www.hiclipart.com/free-transparent-background-png-clipart-izcdu */
    --kategoriebild: url(/images/kyoto/welcomekyoto-headerdunkelkategorie.gif);
    --kategoriestatus: url(/images/kyoto/welcomekyotostatus.png);
    --headerbild: url(/images/kyoto/welcomekyoto-headerdunkel.gif);
    --platzhalteravatar: url(/images/kyoto/welcomekyoto-headerdunkelplatzhalterava.gif);
    --platzhalterprofilbild: url(/images/kyoto/welcomekyoto-headerdunkelplatzhalterava.gif);
    --platzhalterprofilicon: url(/images/kyoto/welcomekyoto-headerdunkelplatzhaltericon.gif);
    --platzhaltersignatur: url(/images/kyoto/welcomekyoto-headerdunkelplatzhaltersigni.gif);
    --platzhalterprofilbanner: url(/images/kyoto/welcomekyoto-headerdunkelplatzhalterbanner.gif);
/*Bildgrössen*/
    --ava-w: 190px;
    --ava-h: 230px;
    --bild-w: 200px;
    --bild-h: 300px;
    --icon-w: 224px;
    --icon-h: 100px;
    --signi-w: 500px;
    --signi-h: 200px;
    --banner-w: 870px;
    --banner-h: 150px;
    --sonder1:50px;
    --sonder2:75px;
    --sonder3:95px;
    --sonder4:100px;
    --sonder5:112px;
    --sonder6:125px;
    --sonder7:150px;
    --sonder8:250px;
    --sonder9:435px;
/*Farben - müssen unbedingt rgb sein für Opacity-Effekt*/
    --colorbase1: rgb(235, 232, 235);
    --colorbase19: rgb(235, 232, 235,0.9);
    --colorbase18: rgb(235, 232, 235,0.8);
    --colorbase17: rgb(235, 232, 235,0.7);
    --colorbase16: rgb(235, 232, 235,0.6);
    --colorbase15: rgb(235, 232, 235,0.5);
    --colorbase2: rgb(10, 10, 10);
    --colorbase29: rgb(10, 10, 10,0.9);
    --colorbase28: rgb(10, 10, 10,0.8);
    --colorbase27: rgb(10, 10, 10,0.7);
    --colorbase26: rgb(10, 10, 10,0.6);
    --colorbase25: rgb(10, 10, 10,0.5);
    --color1: rgb(89, 15, 50);
    --color19: rgb(89, 15, 50,0.9);
    --color18: rgb(89, 15, 50,0.8);
    --color17: rgb(89, 15, 50, 0.7);
    --color16: rgb(89, 15, 50,0.6);
    --color15: rgb(89, 15, 50,0.5);
    --color2: rgb(181, 181, 206);
    --color29: rgb(181, 181, 206,0.9);
    --color28: rgb(181, 181, 206,0.8);
    --color27: rgb(181, 181, 206,0.7);
    --color26: rgb(181, 181, 206,0.6);
    --color25: rgb(181, 181, 206,0.5);
    --color3: rgb(50, 52, 105);
    --color39: rgb(50, 52, 105,0.9);
    --color38: rgb(50, 52, 105,0.8);
    --color37: rgb(50, 52, 105,0.7);
    --color36: rgb(50, 52, 105,0.6);
    --color35: rgb(50, 52, 105,0.5);
    --accent1: rgb(246, 190, 247);
    --accent19: rgb(246, 190, 247,0.9);
    --accent18: rgb(246, 190, 247,0.8);
    --accent17: rgb(246, 190, 247,0.7);
    --accent16: rgb(246, 190, 247,0.6);
    --accent15: rgb(246, 190, 247,0.5);
    --accent2: rgb(173, 38, 75);
    --accent29: rgb(173, 38, 75,0.9);
    --accent28: rgb(173, 38, 75,0.8);
    --accent27: rgb(173, 38, 75,0.7);
    --accent26: rgb(173, 38, 75,0.6);
    --accent25: rgb(173, 38, 75,0.5);
    --accent3: rgb(84, 86, 138);
    --accent39: rgb(84, 86, 138,0.9);
    --accent38: rgb(84, 86, 138,0.8);
    --accent37: rgb(84, 86, 138,0.7);
    --accent36: rgb(84, 86, 138,0.6);	
    --accent35: rgb(84, 86, 138,0.5);
    --accent4: rgb(113, 115, 171);
    --accent49: rgb(113, 115, 171,0.9);
    --accent48: rgb(113, 115, 171,0.8);
    --accent47: rgb(113, 115, 171,0.7);
    --accent46: rgb(113, 115, 171,0.6);
    --accent45: rgb(113, 115, 171,0.5);
	/*Sondervariable RPG Statistik*/
	--rpgstatistic_chart-text: var(--colorbase1);
}

.postbit_authorfactbox .aucp_divcon_label {
    color: var(--color1);
}
.ipk-legende .szenen,.ipk-legende .event,.ipk-legende .geburtstag, .ipk-legende .timeline,.ipk-legende .vollmondevent{
    text-shadow: 1px 1px 2px var(--colorbase2);
}
.ipk-legende .timeline,.ipk-legende .vollmondevent {
    background-color: var(--accent3);
	text-shadow: 1px 1px 2px var(--colorbase2);
}
.bbcode-toolbar, .bbcode-toolbar-pre{
    background-color: var(--accent3);
}
.tborder {
    background-color: var(--colorbase2);
}