@charset "UTF-8";
/* custom porbierties */
:root { --theme:'Blue';
	
/* colors and grayscale */

 --w: #fff;
 --g-ltesttt: #f4f4f4;
 --g-ltestt: #efefef;
 --g-ltest: #e4e4e4;
 --g-lterr: #ddd;
 --g-lteer: #d3d3d3;
 --g-lter: #ccc;
 --g-lte: #999;
 --g-lt: #808080;
 --g-l: #707070;
 --g: #555;
 --g-d: #4F4F4F;
 --g-dk: #3c3c3c;
 --g-dker: #303030;
 
 --c-lter: #14a3eb;
 --c-lt: #1293d3;
 --c: #1083bc;
 --c-d: #0466D2;
 --c-dk: #0e72a4;
 --c-dker: #0c628d;
 --c-dkest: #004466;
 
 --bg-w: var(--w);
 --bg-body: var(--w);
 --bg-site: var(--w);
 --bg-page: var(--w);
 
 --txt: var(--g-dk);
 --txt-w: var(--w);
 --txt-bg-g: var(--w);
 --txt-bg-c: var(--w);
 --txt-alink: var(--g-l);
 --txt-ahover: var(--c);
 --txt-bg-g-alink: var(--g-ltesttt);
 --txt-bg-g-ahover: var(--c-lter);
 --txt-bg-c-alink: var(--g-ltesttt);
 --txt-bg-c-ahover: var(--g-lteer);
 --seite-alink: var(--g-lt);
  
 --h135: var(--g-l);
 --h246: var(--g);
  
 --nav-a: var(--g-d);
 --nav-ahover: var(--c-d);
 --nav-bg: var(--w);
 --nav-a-bg: rgba(255,255,255,.95);
 --nav-ahover-bg: rgba(255,255,255,.9);
 --nav-border: var(--g-lterr);
 --nav-sub-border: var(--g-ltest);

 --nav-ham-b-a: var(--g-l);
 --nav-span-lab: var(--g-l);
 --nav-span-b-d: var(--g-lter);
 --nav-span-b: var(--g-lter);
 
 --top-menu-top: linear-gradient(#0c628d, #1293d3);
 --top-menu-bottom: linear-gradient(#1293d3, #0c628d);

/* distances */
	
 --gap-smlest: .5rem;
 --gap-smlest-: calc(-1 * var(--gap-smlest));
 --gap-smler: 1rem;
 --gap-smler-: calc(-1 * var(--gap-smler));
 --gap-sml: var(--gap-smler);
 --gap-sml-: calc(-1 * var(--gap-sml));
 --gap: var(--gap-smler);
 --gap-: calc(-1 * var(--gap)); 
 
 --c-gap-smlest: var(--gap-smlest);
 --c-gap-smlest-: calc(-1 * var(--c-gap-smlest));
 --c-gap-smler: var(--gap-smler);
 --c-gap-smler-: calc(-1 * var(--c-gap-smler));
 --c-gap-sml: var(--c-gap-smler);
 --c-gap-sml-: calc(-1 * var(--c-gap-sml));
 --c-gap: var(--c-gap-smler);
 --c-gap-: calc(-1 * var(--c-gap));
 
 --c-gap-flter: -.8rem;
 --c-gap-flt: -1rem;
 --c-gap-f: -1.2rem;
 
 --c-pad-flter: .8rem;
 --c-pad-flt: 1rem;
 --c-pad-f: 1.2rem;
 
 --pmb-smlestt: .1rem;
 --pmb-smlest: .5rem;
 --pmb-smlest-: calc(-1 * var(--pmb-smlest));
 --pmb-smler: .8rem;
 --pmb-smler-: calc(-1 * var(--pmb-smler));
 --pmb-sml: 1rem;
 --pmb-sml-: calc(-1 * var(--pmb-sml));
 --pmb: 1.2rem;
 --pmb-: calc(-1 * var(--pmb));
 --pmb-lger: 1.4rem;
 --pmb-lger-:calc(-1 * var(--pmb-lger));
 
 --br3: 3px;
 --br5: 5px;
 --br10: 10px;

}
@media screen and (min-width:768px) {
:root {
 
 --gap: 1.2rem;
 --gap-: calc(-1 * var(--gap));
 
 --c-gap: var(--gap);
 --c-gap-: calc(-1 * var(--c-gap));
 
}
}

/* backgrounds and background text colors */

.bg-h-u {
	background: var(--w)
}
.bg-w {
	background: var(--w)
}
.bg-bf, .bg-teaser, .bg-info {
	background: var(--g-dk)
}
.bg-sf {
	background: var(--g-dker)
}

.bg-g-ltest {
	background: var(--g-ltest)
}
.bg-g-lter {
	background: var(--g-lter)
}
.bg-g-lt {
	background: var(--g-lt)
}
.bg-g {
	background: var(--g)
}
.bg-g-dk {
	background: var(--g-dk)
}
.bg-g-dker {
	background: var(--g-dker)
}

.bg-c-lter {
	background: var(--c-lter)
}
.bg-c-lt {
	background: var(--c-lt)
}
.bg-c {
	background: var(--c)
}
.bg-c-dk {
	background: var(--c-dk)
}
.bg-c-dker {
	background: var(--c-dker)
}
.bg-c-dkest {
	background: var(--c-dkest)
}

.txt-bg-g, .txt-bg-c {
	color: var(--txt-bg-g)!important
}
.txt-bg-g a {
	color: var(--txt-bg-g-alink)!important
}
.txt-bg-g a:hover, .txt-bg-g a.aktiv, .txt-bg-g a.aktiv:hover {
	color: var(--txt-bg-g-ahover)!important
}
.txt-bg-c a {
	color: var(--txt-bg-c-alink)!important
}
.txt-bg-c a:hover, .txt-bg-c a.aktiv, .txt-bg-c a.aktiv:hover {
	color: var(--txt-bg-c-ahover)!important
}

/* ADDONS */
.txt-bg-g .addon [class*="Date"], .txt-bg-c .addon [class*="Date"] {
	color: var(--tn-g-lteer)!important
}