@charset "UTF-8";
/* custom porbierties */
:root { --theme:'GreyGreen';

/* style settings */
 --nav-h: 5rem;
 --min-w: 300px;
 --max-w: 1200px;

/* distances */
 --gap-0: 0rem;
 --gap-smlest: .1rem;
 --gap-smler: .5rem;
 --gap-sml: .8rem;
 --gap: 1rem;
 --gap-lge: 1.2rem;
 --gap-lger: 1.4rem;
 --gap-lgerr: 1.8rem;
 --gap-lgest: 2rem;
 
 --t-gap-0: 0rem;
 --t-gap-smlest: var(--gap-smlest);
 --t-gap-smler: var(--gap-smler);
 --t-gap-sml: var(--gap-sml);
 --t-gap: var(--gap);
 --t-gap-lge: var(--gap-lge); 
 --t-gap-lger: var(--gap-lger);
 --t-gap-lgerr: var(--gap-lgerr);
 --t-gap-lgest: var(--gap-lgest);
 
 --p-m-0: 0rem;
 --p-m-smlest: var(--gap-smlest);
 --p-m-smler: var(--gap-smler);
 --p-m-sml: var(--gap-sml);
 --p-m: var(--gap);
 --p-m-lge: var(--gap-lge);
 --p-m-lger: var(--gap-lger);
 --p-m-lgerr: var(--gap-lgerr);
 --p-m-lgest: var(--gap-lgest);
 
 --p-tag--mb: var(--gap-lgest);
 --p--mb: var(--p-tag--mb);
 
 --t-gap-flter: -.8rem;
 --t-gap-flt: -1rem;
 --t-gap-f: -1.2rem;
 
 --c-pad-flter: .8rem;
 --c-pad-flt: 1rem;
 --c-pad-f: 1.2rem;
 
 --pad-0: 0rem;
 --pad-01: .1rem;
 --pad-05: .5rem;
 --pad-1: 1rem;
 --pad-14: 1.4rem;
 --pad-16: 1.6rem;

 --br-3: 3px;
 --br-5: 5px;
 --br-8: 8px;
 --br-10: 10px;

/* colors and grayscale */
 --w: #fff;
 --g-ltestttt: #F8F8F8;
 --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-dk: #3c3c3c;
 --g-dker: #303030;
 --g-dkerr: #202020;
 --g-dk-t: rgba(60,60,60,1);
 --g-dker-t: rgba(48,48,48,1);
 
 --c-lter: #ABBEAC;
 --c-lte: #96AF97;
 --c-lt: #85A386;
 --c: #739575;
 --c-dk: #6D8F70;
 --c-dker: #658568;
 --c-dkest: #59755C;
 
 --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-lteer);
 --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-lte);
 

/* menu - navi - colors */
 --nav-a: rgba(255,255,255,.65);
 --nav-ahover: rgba(255,255,255,.9);
 --nav-bg: var(--w);
 --nav-a-bg: rgba(0,0,0,.8);
 --nav-ahover-bg: linear-gradient(to right, rgba(0,0,0,.8) 30%, rgba(255,255,255,.2) 50%, rgba(0,0,0,.8) 70%);
 --nav-border: rgba(153,153,153,.3);
 --nav-sub-border: rgba(153,153,153,.2);

 --nav-ham-b-a: var(--g-dk);
 --nav-span-lab: rgba(255,255,255,.7);
 --nav-span-b-d: rgba(255,255,255,.2);
 --nav-span-b: var(--g-l);
 
 --top-menu-top: linear-gradient(#658568, #739575);
 --top-menu-bottom: linear-gradient(#739575, #658568);
 --search-bgw-tr: linear-gradient(to right, rgba(0,0,0,.7) 30%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 70%);
 --search-bgw-tr-checked: linear-gradient(to right, rgba(0,0,0,.7) 30%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 70%);
 --site-bg-tr: var(--search-bgw-tr-checked);
 --site-bg-timage: var(--search-bgw-tr-checked);
}

/* Layout Classes */
.covert {overflow: hidden;}
.txt-center {text-align: center;}
.cleanimgfloat {overflow: auto}
.flex {display: flex;}
.inlineflex {display: inline-flex;}
.wrap {flex-wrap : wrap;}
.nowrap {flex-wrap : nowrap;}
.row {flex-direction: row;}
.column{flex-direction: column;}

/* Paddings */
.pad-0 {padding: 0!important;}
.pad-01 {padding: .1rem}
.pad-05 {padding: .5rem}
.pad-07 {padding: .7rem}
.pad-08 {padding: .8rem}
.pad-1 {padding: 1rem}
.pad-14 {padding: 1.4rem}
.pad-16 {padding: 1.6rem}

/* border - radius - shadow */
.b-01, .b-01-i > .item {border: 1px solid var( --g-ltest);}
.bs-01-1, .bs-01-1-i > .item {box-shadow: -1px 0px 6px -1px rgba(0,0,0,.2), 1px 0px 6px -1px rgba(0,0,0,.2);}
.bs-01-1-dk, .bs-01-1-dk-i > .item {box-shadow: -1px 0px 8px -1px rgba(0,0,0,.4), 1px 0px 8px -1px rgba(0,0,0,.4);}
.bs-02-2, .bs-02-2-i > .item {box-shadow: -2px 0px 8px -2px rgba(0,0,0,.2), 2px 0px 8px -2px rgba(0,0,0,.2);}
.bs-033-3, .bs-033-3-i > .item {box-shadow: -3px 0px 8px -3px #3d3d3d;}
.bs-044-1-dk, .bs-044-1-dk-i > .item {box-shadow: -4px 0px 8px -1px #202020;}

.br-3, .br-3-i > .item {border-radius: var(--br-3)}
.br-5, .br-5-i > .item {border-radius: var(--br-5)}
.br-8, .br-8-i > .item {border-radius: var(--br-5)}
.br-10, .br-10-i > .item {border-radius: var(--br-10)}

/* backgrounds and background text colors */
.bg-body {background: var(--bg-body)}
.bg-site {background: var(--bg-site)}
.bg-page {background: var(--bg-page)}
.bg-info {background: var(--g-dk)}
.bg-teaser {
	background-color: #fff;
	background-size: 6px 6px;
	background-image: repeating-linear-gradient(-45deg, rgba(230, 230, 230, .6) 0, rgba(230, 230, 230, .6) 0.6000000000000001px, #fff 0, #fff 50%);
}
.bg-bf {
	background-color: #fff;
	background-size: 6px 6px;
	background-image: repeating-linear-gradient(-45deg, rgba(230, 230, 230, .6) 0, rgba(230, 230, 230, .6) 0.6000000000000001px, #fff 0, #fff 50%);
}
.bg-sf {background: var(--g-dker)}
.bg-w {background: var(--w)}
.bg-h-u {background: var(--w)}

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

.bg-c-lter, .bg-c-i-lter > .item {background: var(--c-lter)}
.bg-c-lt, .bg-c-i-lt > .item {background: var(--c-lt)}
.bg-c, .bg-c-i > .item {background: var(--c)}
.bg-c-dk, .bg-c-i-dk > .item {background: var(--c-dk)}
.bg-c-dker, .bg-c-i-dker > .item {background: var(--c-dker)}
.bg-c-dkest, .bg-c-i-dkest > .item {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;}