:root {
	/* FORUM STATUS ICONS */
	/* these should be at least 96x96px in size */
	--image-forum-on: url(../../../images/designs/tek/status_on.webp);
	--image-forum-off: url(../../../images/designs/tek/status_off.webp);
	--image-forum-offclose: url(../../../images/designs/tek/status_offclose.webp);
}

body {
	/* FORUM BACKGROUND */
	/* 
	* this setup displays a variable image in the upper right corner and a texture spanning the entire background of the page.
	* feel free to adjust backgrounds and placements to your likings. add or remove variables as you seem fit.
	* having trouble getting the result you want? ask arby.
	*/
	
	/* default background settings */
	/* --forum-background-image: url(../../../images/designs/tek/default-background.webp); //  set if you want to add a default background */
	--forum-background-image-width-desktop: 98rem;
	--forum-background-image-offset-x-desktop: -35.5rem;
	--forum-background-image-offset-y-desktop: 0;
	--forum-background-image-width-mobile: 49rem;
	--forum-background-image-offset-x-mobile: -24rem;
	--forum-background-image-offset-y-mobile: 2.5rem;
	/* texture should be seamless for best results*/
	--forum-background-texture: url(../../../images/designs/tek/background-texture.webp);
	--forum-background-texture-blend-mode: multiply; /* see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-blend-mode for options */
	
	--forum-name-background-offset-x: -36rem;
	--forum-name-background-offset-y: -3rem;
	
	--forum-status-background-offset-x: -36rem;
	--forum-status-background-offset-y: -6rem;
	
	--team-member-background-offset-x: -36rem;
	--team-member-background-offset-y: -4rem;
	
	/* for each user to see an individual background */
	/* for some images, sizes or offsets are adjusted */
	&.default,
	&.mensch {
		--forum-background-image: url(../../../images/designs/tek/bgr/mensch.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_mensch.webp);
		--forum-background-image-offset-x-desktop: -25rem;
		--forum-background-image-offset-y-desktop: -25rem;
		--forum-background-image-offset-x-mobile: -16rem;
		--forum-background-image-offset-y-mobile: -11rem;
		--forum-status-background-offset-x: -36rem;
        --forum-status-background-offset-y: -6rem;
		--team-member-background-offset-x: -59rem;
	}
	
	&.medialer {
		--forum-background-image: url(../../../images/designs/tek/bgr/medial.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_mensch.webp);
		--forum-background-image-offset-x-desktop: -15rem;
		--forum-background-image-offset-y-desktop: -3.5rem;
		--forum-background-image-offset-x-mobile: -11rem;
		--forum-background-image-offset-y-mobile: -1rem;
		--forum-status-background-offset-x: -30rem;
        --forum-status-background-offset-y: -26rem;
		--forum-name-background-offset-y: -16rem;
		--team-member-background-offset-y: -13rem;
	}
	
	/* CrescentProwler */
	&.timberwolf {
		--forum-background-image: url(../../../images/designs/tek/bgr/timberwolf.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_wolf.webp);
		--forum-background-image-offset-x-desktop: -30rem;
		--forum-background-image-offset-x-mobile: -23rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -6rem;
	}
	
	&.mackenzie_wolf {
		--forum-background-image: url(../../../images/designs/tek/bgr/mackenziewolf.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_wolf.webp);
		--forum-background-image-offset-x-desktop: -25rem;
		--forum-background-image-offset-y-desktop: 1rem;
		--forum-background-image-offset-x-mobile: -22rem;
		--forum-status-background-offset-x: -18rem;
        --forum-status-background-offset-y: -17rem;
		--team-member-background-offset-x: -32rem;
		--team-member-background-offset-y: -1rem;
	}
	
	&.polarwolf {
		--forum-background-image: url(../../../images/designs/tek/bgr/polarwolf.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_wolf.webp);
		--forum-background-image-offset-x-desktop: -18rem;
		--forum-background-image-offset-y-desktop: 1.25rem;
		--forum-background-image-offset-x-mobile: -18.5rem;
		--forum-status-background-offset-x: -30rem;
        --forum-status-background-offset-y: -5rem;
		--team-member-background-offset-x: -43rem;
		--team-member-background-offset-y: -0;
	}
	
	&.streifenhoernchen {
		--forum-background-image: url(../../../images/designs/tek/bgr/streifenhoernchen.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_streifenhoernchen.webp);
		--forum-background-image-offset-x-desktop: -20rem;
		--forum-background-image-offset-x-mobile: -16rem;
		--forum-name-background-offset-y: 0;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -11rem;
		--team-member-background-offset-y: -8rem;
	}
	
	&.falke {
		--forum-background-image: url(../../../images/designs/tek/bgr/falke.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_falke.webp);
		--forum-background-image-offset-x-desktop: -27rem;
		--forum-background-image-offset-x-mobile: -17rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-y: -2rem;
	}
	
	/* RainFire */
	
	&.leopard {
		--forum-background-image: url(../../../images/designs/tek/bgr/leopard.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-width-desktop: 92rem;
		--forum-background-image-offset-x-desktop: -26rem;
		--forum-background-image-offset-y-desktop: -5rem;
		--forum-background-image-width-mobile: 46rem;
		--forum-background-image-offset-x-mobile: -22rem;
		--forum-background-image-offset-y-mobile: 0.5rem;
		--forum-name-background-offset-x: -25rem;
		--forum-name-background-offset-y: -2rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -39rem;
		--team-member-background-offset-y: -1rem;
	}
	
	&.jaguar {
		--forum-background-image: url(../../../images/designs/tek/bgr/jaguar.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-width-desktop: 92rem;
		--forum-background-image-offset-x-desktop: -30rem;
		--forum-background-image-offset-y-desktop: -5rem;
		--forum-background-image-width-mobile: 46rem;
		--forum-background-image-offset-x-mobile: -22rem;
		--forum-background-image-offset-y-mobile: 0.5rem;
		--forum-name-background-offset-y: -1rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -12rem;
		--team-member-background-offset-y: -7rem;
	}
	
	&.panther {
		--forum-background-image: url(../../../images/designs/tek/bgr/panther.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-width-desktop: 90rem;
		--forum-background-image-offset-x-desktop: -25rem;
		--forum-background-image-offset-y-desktop: -2rem;
		--forum-background-image-width-mobile: 45rem;
		--forum-background-image-offset-x-mobile: -21rem;
		--forum-background-image-offset-y-mobile: 1rem;
		--forum-name-background-offset-y: -1rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -17.5rem;		
	}
	
	&.puma {
		--forum-background-image: url(../../../images/designs/tek/bgr/puma.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-offset-x-desktop: -26rem;
		--forum-background-image-offset-x-mobile: -21rem;
		--forum-name-background-offset-y: 0rem;
		--forum-status-background-offset-x: -36rem;
		--forum-status-background-offset-y: -3rem;
		--team-member-background-offset-x: -22rem;
		--team-member-background-offset-y: -0;
	}
	
	&.luchs {
		--forum-background-image: url(../../../images/designs/tek/bgr/luchs.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-offset-x-desktop: -34rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-y: -1rem;
	}
	
	&.schneeleopard {
		--forum-background-image: url(../../../images/designs/tek/bgr/schneeleopard.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-width-desktop: 90rem;
		--forum-background-image-offset-x-desktop: -28rem;
		--forum-background-image-offset-y-desktop: -2rem;
		--forum-background-image-width-mobile: 45rem;
		--forum-background-image-offset-x-mobile: -21rem;
		--forum-background-image-offset-y-mobile: 1rem;
		--forum-name-background-offset-x: -30rem;
		--forum-name-background-offset-y: -1rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -20rem;
		--team-member-background-offset-y: 1rem;
	}
	
	&.tiger {
		--forum-background-image: url(../../../images/designs/tek/bgr/tiger.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-width-desktop: 90rem;
		--forum-background-image-offset-x-desktop: -28rem;
		--forum-background-image-offset-y-desktop: -2rem;
		--forum-background-image-width-mobile: 45rem;
		--forum-background-image-offset-x-mobile: -21rem;
		--forum-background-image-offset-y-mobile: 1rem;
		--forum-name-background-offset-x: -30rem;
		--forum-name-background-offset-y: -1rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -26rem;
		--team-member-background-offset-y: 0;
	}
	
	&.weisser_tiger {
		--forum-background-image: url(../../../images/designs/tek/bgr/weisser_tiger.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_raubkatze.webp);
		--forum-background-image-width-desktop: 86rem;
		--forum-background-image-offset-x-desktop: -17rem;
		--forum-background-image-offset-y-desktop: 1rem;
		--forum-background-image-width-mobile: 43rem;
		--forum-background-image-offset-x-mobile: -17rem;
		--forum-name-background-offset-x: -23rem;
		--forum-name-background-offset-y: 0;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -14rem;
		--team-member-background-offset-y: -2rem;
	}
	
	&.wildpferd {
		--forum-background-image: url(../../../images/designs/tek/bgr/wildpferd.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_wildpferd.webp);
		--forum-background-image-width-desktop: 92rem;
		--forum-background-image-offset-x-desktop: -26rem;
		--forum-background-image-offset-y-desktop: -2rem;
		--forum-background-image-width-mobile: 46rem;
		--forum-background-image-offset-x-mobile: -20rem;
		--forum-background-image-offset-y-mobile: 1.5rem;
		--forum-name-background-offset-x: -22rem;
		--forum-name-background-offset-y: 0;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -12rem;
		--team-member-background-offset-y: -8rem;
	}
	
	/* ShadowRock */
	&.braunbaer {
		--forum-background-image: url(../../../images/designs/tek/bgr/braunbaer.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_baer.webp);
		--forum-background-image-offset-x-desktop: -28rem;
		--forum-background-image-offset-x-mobile: -19rem;
		--forum-background-image-offset-y-mobile: 1.5rem;
		--forum-name-background-offset-y: -2rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -21rem;
		--team-member-background-offset-y: -4rem;
	}
	
	&.schwarzbaer {
		--forum-background-image: url(../../../images/designs/tek/bgr/schwarzbaer.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_baer.webp);
		--forum-background-image-offset-x-desktop: -28rem;
		--forum-background-image-offset-x-mobile: -19rem;
		--forum-background-image-offset-y-mobile: 1.5rem;
		--forum-name-background-offset-y: -1rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -10rem;
		--team-member-background-offset-y: -7rem;
	}
	
	&.kodiak_baer {
		--forum-background-image: url(../../../images/designs/tek/bgr/kodiakbaer.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_baer.webp);
		--forum-background-image-offset-x-desktop: -28rem;
		--forum-background-image-offset-y-desktop: -1.5rem;
		--forum-background-image-offset-x-mobile: -23rem;
		--forum-background-image-offset-y-mobile: 1rem;
		--forum-name-background-offset-y: -2rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -10rem;
		--team-member-background-offset-y: -15rem;
	}
	
	&.eisbaer {
		--forum-background-image: url(../../../images/designs/tek/bgr/eisbaer.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_baer.webp);
		--forum-background-image-offset-x-desktop: -33rem;
		--forum-background-image-offset-y-desktop: -2.5rem;
		--forum-background-image-offset-x-mobile: -22rem;
		--forum-background-image-offset-y-mobile: 1rem;
		--forum-name-background-offset-x: -32rem;
		--forum-name-background-offset-y: -3rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -8rem;
		--team-member-background-offset-y: -10rem;
	}
	
	&.panda {
		--forum-background-image: url(../../../images/designs/tek/bgr/panda.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_baer.webp);
		--forum-background-image-offset-x-desktop: -23rem;
		--forum-background-image-offset-y-desktop: -1.5rem;
		--forum-background-image-offset-x-mobile: -22rem;
		--forum-background-image-offset-y-mobile: 1rem;
		--forum-name-background-offset-x: -30rem;
		--forum-name-background-offset-y: -3rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -31rem;
		--team-member-background-offset-y: -42rem;
	}
	
	&.waschbaer {
		--forum-background-image: url(../../../images/designs/tek/bgr/waschbaer.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_waschbaer.webp);
		--forum-background-image-offset-x-desktop: -12rem;
		--forum-background-image-offset-x-mobile: -15rem;
		--forum-background-image-offset-y-mobile: 1.5rem;
		--forum-name-background-offset-x: -38rem;
		--forum-name-background-offset-y: -6rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -6rem;
		--team-member-background-offset-y: -15rem;
	}
	
	&.fuchs {
		--forum-background-image: url(../../../images/designs/tek/bgr/fuchs.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_wolf.webp);
		--forum-background-image-offset-x-desktop: -18rem;
		--forum-background-image-offset-x-mobile: -18rem;
		--forum-background-image-offset-y-mobile: 2rem;
		--forum-name-background-offset-x: -23rem;
		--forum-name-background-offset-y: -1rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -13rem;
		--team-member-background-offset-y: -5rem;
	}
	
	&.wapiti {
		--forum-background-image: url(../../../images/designs/tek/bgr/wapiti.webp);
		--forum-status-on-image: url(../../../images/designs/tek/status_wapiti.webp);
		--forum-background-image-offset-x-desktop: -19rem;
		--forum-background-image-offset-y-desktop: -8rem;
		--forum-background-image-offset-x-mobile: -17rem;
		--forum-background-image-offset-y-mobile: -0.5rem;
		--forum-name-background-offset-x: -38rem;
		--forum-name-background-offset-y: -22rem;
		--forum-status-background-offset-x: -53rem;
        --forum-status-background-offset-y: -4rem;
		--team-member-background-offset-x: -11rem;
		--team-member-background-offset-y: -15rem;
	}
	
	/* FORUM BACKGROUND */
	--background-image-width: var(--forum-background-image-width-desktop);
	--background-image-offset-x: var(--forum-background-image-offset-x-desktop);
	--background-image-offset-y: var(--forum-background-image-offset-y-desktop);
	
	@media (width < 992px) {
		--background-image-width: var(--forum-background-image-width-mobile);
		--background-image-offset-x: var(--forum-background-image-offset-x-mobile);
		--background-image-offset-y: var(--forum-background-image-offset-y-mobile);
	}
	
	background:
		var(--forum-background-texture) 0 0 / auto repeat fixed,
		var(--forum-background-image) top var(--background-image-offset-y) right var(--background-image-offset-x) / var(--background-image-width) no-repeat fixed,
		var(--color-primary);
	background-blend-mode: var(--forum-background-texture-blend-mode), normal;
	
	/* FORUM NAME BACKGROUND */
	--forum-name-background: var(--forum-background-image) bottom var(--forum-name-background-offset-y) right var(--forum-name-background-offset-x) / auto 63rem no-repeat, var(--color-primary);
	
	/* FORUM STATUS BACKGROUND */
	--forum-status-background: var(--forum-background-image) bottom var(--forum-status-background-offset-y) right var(--forum-status-background-offset-x) / auto 63rem no-repeat, var(--color-primary);
	
	/* TEAM MEMBER BACKGROUND */
	--team-member-background: var(--forum-background-image) bottom var(--team-member-background-offset-y) right var(--team-member-background-offset-x) / auto 63rem no-repeat, var(--color-primary);
}