/*
*/
@charset "UTF-8"; 

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,button,select,legend,input,textarea,blockquote,th,td { margin:0; padding:0; } 
ul,ol { list-style:none; }
button,input,select,textarea,table { font-family:inherit; font-size:inherit; font-weight:inherit; }
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary { display:block }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline;padding:0 2px; }
sub { vertical-align:text-bottom; }
legend { color:#000; }
:root { -ms-overflow-style:-ms-autohiding-scrollbar; overflow-y:scroll; text-size-adjust:100%; text-rendering:default; }
audio:not([controls]) { display:none; }
details { display:block }
input[type="number"] { width:auto; }
input[type="search"] { -webkit-appearance:textfield; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
main { display:block; }
summary { display:block; }
pre { overflow:auto; }
progress { display:inline-block; }
template { display:none; }
textarea { overflow:auto; }
[hidden] { display:none; }
[unselectable] { user-select:none; }
*,::before,::after { box-sizing:inherit; }
* { font-size:inherit; line-height:inherit; }
::before,::after { text-decoration:inherit; vertical-align:inherit; }
*,::before,::after { border-style:solid; border-width:0; }
* { margin:0; padding:0;}
:root { box-sizing:border-box; cursor:default; font:16px/1.5 sans-serif; }
a { text-decoration:none; background-color:none; }
a[href=""] { cursor:default !important; }
audio,canvas,iframe,img,svg,video { vertical-align:middle; }
button,input,select,textarea { color:inherit; font-family:inherit; font-style:inherit; font-weight:inherit; }
button,input,select,textarea { min-height:1.5em; }
code,kbd,pre,samp { font-family:monospace, monospace; }
select::-ms-expand { display:none; }
select::-ms-value { color:currentColor; }
table { border-collapse:collapse; border-spacing:0; }
textarea { resize:vertical; }
::selection { background-color:tomato; color:#fff; }
html { color:#000; background:none; }
html { scroll-behavior: smooth; }

html, body {
position: relative;
left:0;
height:100%; 
width:100%; 
ms-word-wrap: break-word; 
word-wrap: break-word; 
background-color:rgba(252,250,250,1); /* whitesmoke */
margin: 0;
padding:0;
text-rendering: optimizeLegibility;
font-smooth: always;
font-smoothing: antialiased;
/*
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
*/
}

body *:focus { outline:none; }
body a { cursor:pointer; }
body { 
color:rgba(77,77,77,1);
color:rgba(20,20,20,1);
font-family: 'Oxygen';
font-weight:400;
font-weight:300;
font-style: italic;
font-style: normal;
letter-spacing: 0.0055em;
letter-spacing: 0.025em;
text-shadow: 
0 0 1px rgba(0,0,0,0.2),
0 0 1px rgba(0,0,0,0.2);
}

/* font size and weight
*/

.fs-90 { font-size:0.9rem; line-height:1.44rem; }
.fs-100 { font-size:1rem; line-height:1.44rem; }
.fs-110 { font-size:1.1rem; line-height:1.55rem; }
.fs-115 { font-size:1.15rem; line-height:1.66rem; }
.fs-125 { font-size:1.25rem; line-height:1.75rem; } 
.fs-150 { font-size:1.5rem; line-height:2rem; }
.fs-175 { font-size:1.75rem; line-height:2.25rem; }

body, .normal { 
font-size:1.3rem; line-height:1.77rem;
font-size:1.2rem; line-height:1.66rem;
font-size:1.1rem; line-height:1.66rem;
font-size:1rem; line-height:1.44rem;
}

.fs-200 { font-size:2rem;line-height:2.66rem; }
.fs-215 { font-size:2.15rem;line-height:2.66rem; }
.fs-225 { font-size:2.25rem;line-height:2.75rem; }
.fs-250 { font-size:2.5rem;line-height:3rem; }
.fs-300 { font-size:3rem;line-height:3.5rem; }
.fs-400 { font-size:4rem;line-height:4rem; }
.fs-450 { font-size:4.5rem;line-height:4rem; }

.fw-100 { font-weight:100; }
.fw-300 { font-weight:300; }
.fw-400 { font-weight:400; }
.fw-400i { font-style:italic; font-weight:400; }
.fw-700 { font-weight:700; }
.fw-700i { font-style:italic; font-weight:700; }
.fw-900 { font-weight:900; }

@media (max-width:1080px) {

.fs-90,
.fs-100 { font-size:0.9rem; line-height:1.33rem; }

.fs-125,
.fs-150,
.fs-175,
body, .normal { 
font-size:1rem !important; line-height:1.44rem;
}
.fs-200,
.fs-215,
.fs-250,
.fs-300 { font-size:1.5rem !important;line-height:1.75rem; }
.fs-400 { font-size:2rem; line-height:2rem; }
.fs-450 { font-size:2.25rem; line-height:2rem; }

}

@media (max-width:1480px) {

.fs-125,
.fs-150,
.fs-175,
body, .normal { 
font-size:1.25rem;
line-height:1.65rem;
}
.fs-200,
.fs-215,
.fs-250,
.fs-300 { font-size:1.5rem !important;line-height:1.75rem; }
.fs-400 { font-size:2rem; line-height:2rem; }
.fs-450 { font-size:2.25rem; line-height:2rem; }

}

@media (min-width:1481px)  { }

/*
*/

small, .small, .f5, .note, .footnote { }

.hyphens-none {
-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; 
}

strong, .strong, .bold,b { font-style:inherit; 
font-weight:400;
font-weight:700;
}

.regular { font-weight:normal; }

.italic,em,i { font-style:italic; font-weight:inherit }

.caps { text-transform:uppercase; }

.underline { text-decoration:underline; }

/*
*/

table { border-collapse: separate; border-spacing: 0; line-height: 1; 
border-width:1px; width:99% !important; } 
table tbody { font-weight: 300; }
table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); color:#000; } 
caption, th, td {  } 
caption { padding:8px 6px;  }
th { border-width: 1px; padding:6px 12px; } 
td { border-width: 1px; padding:6px 12px; }

.minw25-1td td:nth-child(1) { min-width: 25%; }
.minw33-1td td:nth-child(1) { min-width: 33%; }

@media (max-width:768px) {

table, th, td { }

}

.br { display:block; width:0.4rem; }

/*
*/

h1 { 
-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; 
-o-hyphens: none; hyphens: none; 
}

ul, p, a, table { 
-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; 
-o-hyphens: auto; hyphens: auto; 
}

h1,h2,h4,h5,h6 { font-weight:inherit; }
h1,.h1,.f1 { }
h2,.h2,.f2 { }
h3,.h3,.f3 { font-size:1.55rem; line-height:1.88rem; }
h4,.h4,.f4 { font-size:1.22rem; line-height:1.88rem; }
h5,h6 { }

p { }

@media ((max-width:1080px)) {

.br { display:inline-block; }

}

@media (max-width:768px) {

h2 { font-size:1.65rem; line-height:1; }
h3 { font-size:1.25rem; line-height:1.25; }
h4 { font-size:1.15rem; /* line-height:1; */ }
p { }
.p,h5,h6,dl,ol,ul { /* font-size:1.013rem; line-height:1.35rem; */ }

p.line-break-fx br {
display: none;
content: ' ';
padding: 0 3px;
}

}

@media (max-width:460px) {

h2 { font-size:1.65rem; line-height:1; }
h3 { font-size:1.25rem; line-height:1.25; }
h4 { font-size:1.15rem; /* line-height:1; */ }
p {  font-size:0.9rem; line-height:1.22rem; }
.p,h5,h6,dl,ol,ul { /* font-size:1.013rem; line-height:1.35rem; */ }

p.line-break-fx br {
display: none;
content: ' ';
padding: 0 3px;
}

}

/* Trenner
*/
p.top-line,
em.top {
font-style:normal;
}
p.top-line {
position:relative;
left:0.25rem; 
/* border-top:0.33rem solid rgba(77,77,77,1); */
width:100%;
}
em.top { 
position:relative;
display:inline-block;
top:-0.32rem;
left:-0.33rem;
background-color:rgba(77,77,77,1); 
font-weight: inherit;
font-weight: 700;
font-size:1.88rem;
letter-spacing: 0.05rem;
color: #fff;
padding:8px 8px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
span.top { 
position:relative;
top:-0.5rem;
font-size:68%;
}
section.bb05 {
}
div.bb025 {
border-bottom:0.25rem solid rgba(77,77,77,0.15);
width:100%;
}
hr.bb25 {
border: 0;
height: 0;
border-bottom:0.25rem solid rgba(77,77,77,0.5);
width:100%;
}
div.bb015 {
border-bottom:0.125rem solid rgba(77,77,77,0.5);
width:100%;
}
div.shadow { position:relative;
/* black */
-webkit-box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
-moz-box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
/*
top:-1rem;
padding-bottom:3rem;
padding-bottom:2rem;
padding-bottom:0;
*/
/* z-index:9999; */
}

div.section-trenner.shadow { position:relative;
/* black */
-webkit-box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
-moz-box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
top:0;
padding-top:4rem;
padding-top:4rem !important;
padding-bottom:0;
}

.wrap.section-trenner { 
*background-color:rgba(255,88,62,0.5);
}

div.trenner { position:relative;
*background-color:gold;
padding-top:4rem;
margin-bottom:-1rem;
}

@media (max-width:1080px) {

em.top { 
position:relative;
font-weight: inherit;
font-weight: 700;
font-size:1rem;
letter-spacing: 0.05rem;
color:rgba(128,0,128,1); 
color: #fff;
display:inline-block;
padding:3px 8px 3px 6px;
padding:2px 8px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

span.top { 
position:relative;
top:-0.5rem;
top:0;
line-height:1;
font-size:68%;
display:block;
}

}

@media (max-width:1080px) {

div.section-trenner.shadow { position:relative;
*background-color:rgba(255,0,0,.15);
/* black */
-webkit-box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
-moz-box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
box-shadow: 0 1rem 1rem -1rem rgba(55,55,55,.4);
top:0;
top:-0.5rem;
padding-top:3rem !important;
margin-bottom:-0.5rem;
}

div.trenner { position:relative;
top:0;
padding:0;
padding-top:2rem !important;
}

}

div.py1 h3.selector-elem { 
padding:0;
}

@media (max-width:1080px) {

div.py1:not(.pt3) h3.selector-elem { 
padding:0;
margin-bottom:-1rem;
}

}


/*
*/

.p,h5,h6,dl,ol,ul { }
ol,ul,dl { }

/*
*/

.center { text-align:center; }

.center-flex { display:flex; 
justify-content:flex-start;
}

.flex-height,
.flex-height-img { /* height:284px; */ /* height:12rem; */ } 

.selector-img:hover { }

@media (max-width:768px) {

.center-flex { display:flex; 
align-items:center; justify-content:center;
}

}

@media (max-width:1080px) {

.flex-height { height:196px; display:none; } 
.flex-height-img { /* height:284px; */ height:100%; } 

}

.right-align { text-align:right; }

.left-align { text-align:left; }

.m0 { margin:0}
.m1 { margin:1rem}

.mb0 { margin-bottom:0; }
.mb1 { margin-bottom:1rem; }
.mb15 { margin-bottom:1.5rem; }
.mb-05 { margin-bottom:-0.5rem; }
.mb2 { margin-bottom:2rem; }
.mb-2 { margin-bottom:-2rem; }
.mb-4 { margin-bottom:-4rem; }

.mt0 { margin-top:0; }
.mt025 { margin-top:0.25rem; }
.mt05 { margin-top:0.5rem; }
.mt1 { margin-top:1rem; }
.mt1i { margin-top:1rem !important; }
.mt145 { margin-top:1.45rem; }
.mt2 { margin-top:2rem; }
.mt25,
.mt25-flex { margin-top:2.5rem; }
.mt3 { margin-top:3rem; }
.mt35,
.mt35-flex { margin-top:3.5rem; }

.mt-05 { margin-top:-0.5rem; }
.mt-05i { margin-top:-0.5rem !important; }
.mt-1 { margin-top:-1rem; }
.mt-1i { margin-top:-1rem !important; }
.mt15 { margin-top:1.5rem }
.mt-15 { margin-top:-1.5rem}
.mt-2 { margin-top:-2rem; }
.mt-4 { margin-top:-4rem; }

.mx-1 { margin-left:-1rem; margin-right:-1rem; }

@media (max-width:1080px) { 

.mt1 { margin-top:0.5rem; }
.mt-1 { margin-top:0rem; }
.mt15 { margin-top:1rem; }
.mt-15 { margin-top:0rem; }
.mx-1 { margin-left:0rem;margin-right:0rem; }
.mb1sm { margin-top:0rem;margin-bottom:1rem; }

.mt25-flex { margin-top:1.5rem; }
.mt35-flex { margin-top:2rem; }
.center-flex { text-align:left; }

}

.mx1-flex { padding-right:1rem; padding-left:1rem; }

@media (min-width:1025px) {

.mx1-flex { padding-right:0; padding-left:0; }

}


.mr05 { margin-right:0.5rem; }
.mr1 { margin-right:1rem; }
.mr2 { margin-right:2rem; }

.my1 { margin-top:1rem; margin-bottom:1rem; }
.my2 { margin-top:2rem; margin-bottom:2rem; }
.my2i { margin-top:2rem !important; margin-bottom:2rem !important; }

.ml0 { margin-left:0}
.ml025 { margin-left:0.25rem; }
.ml05 { margin-left:0.5rem; }

.ml-025 { margin-left:-0.25rem; }
.ml-05 { margin-left:-0.5rem; }
.ml-1 { margin-left:-1rem; }

.lh1 { line-height:1.25rem !important; }

.ml35 { margin-left:0.35rem}

.ml1 { margin-left:1rem;}

.m2 { margin:2rem}

.mb025 { margin-bottom:0.25rem}
.mb05 { margin-bottom:0.5rem}
.mb2 { margin-bottom:2rem}

.ml2 { margin-left:2rem; }

.m3 { margin:3rem; }

.mr3 { margin-right:3rem; }

.mb3 { margin-bottom:3rem; }

.ml3 { margin-left:3rem}

.m4 { margin:4rem}

.mt4 { margin-top:4rem; }
.mt5 { margin-top:5rem; }
.mt6 { margin-top:6rem; }

.mr4 { margin-right:4rem; }

.mb4 { margin-bottom:4rem !important; }

.ml4 { margin-left:4rem}

.mb5 { margin-bottom:5rem}

.quarter { padding:0.25rem}

.phalf { padding:0.5rem}

.p0 { padding:0rem}

.p1 { padding:1rem}

.px0 { padding-right:0rem; padding-left:0rem}
.px05 { padding-right:0.5rem; padding-left:0.5rem}

.px1,
.px1-flex { padding-right:1rem; padding-left:1rem; }
.px2 { padding-right:2rem; padding-left:2rem; }
.px3 { padding-right:3rem; padding-left:3rem; }
.px4 { padding-right:4rem; padding-left:4rem; }

.py05 { padding-top:0.5rem; padding-bottom:0.5rem; }
.py05i { padding-top:0.5rem !important; padding-bottom:0.5rem !important; }
.py1 { padding-top:1rem; padding-bottom:1rem; }
.py1i { padding-top:1rem !important; padding-bottom:1rem !important; }
.py1-2 { padding-top:1rem; padding-bottom:2rem; }
.py2 { padding-top:2rem; padding-bottom:2rem; }
.py3 { padding-top:3rem; padding-bottom:3rem; }

.pb0 { padding-bottom:0; }
.pb05 { }
.pb05i { padding-bottom:0.5rem !important; }
.pb1 { padding-bottom:1rem; }
.pb1i { padding-bottom:1rem !important; }
.pb15 { padding-bottom:1.5rem; }
.pb2 { padding-bottom:2rem; }
.pb25 { padding-bottom:2.5rem; }
.pb3 { padding-bottom:3rem; }
.pb4 { padding-bottom:4rem; }
.pb5 { padding-bottom:5rem; }
.pb6 { padding-bottom:6rem; }
.pb8 { padding-bottom:8rem; }

.pt05 { padding-top:0.5rem; }
.pt1 { padding-top:1rem; }
.pt1i { padding-top:1rem !important; }
.pt15 { padding-top:1.5rem; }
.pt2 { padding-top:2rem; }
.pt2i { padding-top:2rem !important; }
.pt25 { padding-top:2.5rem; }
.pt3 { padding-top:3rem; }
.pt4 { padding-top:4rem; }
.pt5 { padding-top:5rem; }
.pt6 { padding-top:6rem; }
.pt8 { padding-top:8rem; }

.pr025 { padding-right:0.25rem; }
.pr05 { padding-right:0.5rem; }
.pr1 { padding-right:1rem !important; }
.pr2,
.pr2-flex  { padding-right:2rem; }
.pl2-flex  { padding-left:2rem; }
.pr4-flex  { padding-right:4rem; }
.pl4-flex  { padding-left:4rem; }

.pl1 { padding-left:1rem !important; }
.pl2-flex { padding-left:2rem !important; }

.p2 { padding:2rem; }

.p3 { padding:3rem; }

.p4 { padding:4rem; }

.py4,
.py4-fix { padding-top:4rem; padding-bottom:4rem; }

.p5 { padding:5rem}

.px5 { padding-right:5rem; padding-left:5rem; }

.py5 { padding-top:5rem; padding-bottom:5rem; }

.p6 { padding:6rem}

.px6 { padding-right:5rem; padding-left:5rem; }

.px8 { padding-right:6rem; padding-left:6rem; }

.py6,
.py6-finder { padding-top:6rem; padding-bottom:6rem; }

.py8 { padding-top:8rem; padding-bottom:8rem; }
.py12 { padding-top:12rem; padding-bottom:12rem; }

.inline { *display:inline; }
.inline { display:inline-block; }

.block { display:block !important; }

.display-none { display:none !important; }

.display-none-768 { display:block; }

.selector-elem span,
li.abc span { 
position:relative; /* top:2px; */ padding-right:2rem; padding-left:2rem;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
display:inline-block;
left:0;
opacity:0;
}

li.abc.lang-toggle span { 
display:none;
}

.selector-elem:hover span,
li.abc:hover span { 
opacity:1;
}

li.abc:hover span {
color:rgba(255,126,33,1); /* some orange */
}

h3 i {
text-decoration: none !important;
}

@media (max-width:1080px) {

.selector-elem { /* padding-right:1rem; */ /* padding-left:1rem; */ }
.py6-finder { padding-top:2rem; padding-bottom:2rem; }

li.pr2-flex { 
width:100%;
padding-right:0; 
}
.px1-header { padding-right:1rem; padding-left:1rem; }
.px1-flex { }
.py2 { padding-top:1rem; padding-bottom:1rem; }
.px6 { padding-right:1rem; padding-left:1rem; }

}

@media (max-width:768px) { 

.p6 { padding:3rem; }
.pt2 { padding-top:1rem; }
.pt3 { }
.pt4 { padding-top:2rem; }
.pt6 { padding-top:3rem; }
.px6 { padding-right:1rem; padding-left:1rem; }
.py6 { padding-top:3rem; padding-bottom:3rem; }

.display-none-768 { display:none; }

.px1-flex { padding:0; }

.py1.pt3 { 
/*
*background-color:tomato;
*margin-top:1rem;
*/
padding:0;
padding-top:2rem;
}

.bb025.pt4 {
padding-top:2rem;
}

}

.oh { overflow:hidden}

.left { float:left; }

.right { float:right; }

.right-to-left { float:right; }

@media (max-width:1280px) {

.right-to-left { float:left; }

}

.clearfix:before,header:before,main:before, 
.clearfix:after,header:after,main:after { content:" "; display:table; }

.clearfix:after,
header:after,
main:after { clear:both; }

.fit { max-width:100%; }

.wrap { margin-right:auto; margin-left:auto; /* overflow-x: visible; */ }

@media (max-width:1680px) {

.wrap { /* overflow-x: hidden; */ }

}

.vertical-center, .vc { position:relative; top:50%; transform:translateY(-50%); }

.horizontal-center, .hc { position:relative; left:50%; transform:translateX(-50%); }

.absolute-center { top:0; right:0; bottom:0; left:0; margin:auto; display:table; }

.relative { position:relative; }

.absolute { position:absolute; }

.fixed { position:fixed; }

.t0 { top:0}

.r0 { right:0}

.b0 { bottom:0}

.l0 { left:0}

.z9 { z-index:99999}

.z8 { z-index:8000}

.z7 { z-index:7000}

.z6 { z-index:6000}

.z5 { z-index:5000}

.z4 { z-index:4000}

.z3 { z-index:3000}

.z2 { z-index:2000}

.z1 { z-index:1000}

.z0 { z-index:100}


.white a { color:#fff !important}

.black { color:#182225 !important}

.blue { color:#53a0d6 !important; }

.orange { color:#ff931e !important; }

.tomato { color:tomato !important; }

.mediumslateblue {
color:rgba(123,104,238,1); /* mediumslateblue */
color:tomato !important;
}
span.mediumslateblue { color:rgba(255,99,71,0.9) !important; }

.bg-orange { 
background-color:#ff931e; 
background-color:rgba(255,215,0,1);
background-color:rgba(252,250,250,1); /* whitesmoke */
background-color:rgba(255,126,33,1); /* some orange */
}

.bg-tomato {
background-color:rgba(255,99,71,1); /* tomato */
}

.bg-orange a { 
color:#fff;
}

.bg-aquamarine {
background-color:rgba(127,255,212,1); /* aquamarine */
}
.bg-cornflowerblue {
background-color:rgba(100,149,237,1); /* cornflowerblue */
}

.bg-plum {
background-color:rgba(0,191,255,1); /* deepskyblue */
background-color:rgba(221,160,221); /* plum */
}

.bg-lightskyblue {
background-color:rgba(135,206,250); /* lightskyblue */
background-color:rgba(147,112,219); /* mediumpurple */
}

.bg-white {
background-color:rgba(252,250,250,1); /* whitesmoke */
border-top:2px solid rgba(100,100,100,0.5) !important;
border-top:0.15rem solid rgba(255,99,71,1) !important;
}
.bg-white a {
color:rgba(123,104,238,1); /* mediumslateblue */
}

/*
.bg-gray-230 { background-color:rgba(230,230,230,1); }
.bg-dark-gray { background-color:#333}
.bg-crimson { background-color:rgba(220,20,60,1); }
*/

.sr-only { position:absolute !important; height:1px; width:1px; border:0; padding:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); }

p:empty { display:none; }
img.inline-image { max-width:100%; height:auto; border-radius:3px; border:1px solid rgba(220,220,220,1); }

img.shadow { margin-bottom:1rem !important; position:relative; -webkit-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; -moz-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important;
}
img.shadow-only { margin-bottom:1rem !important; position:relative; -webkit-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; -moz-box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important; box-shadow: 0 8px 8px -8px rgba(50,50,50,0.5) !important;
}
img.onhover:hover,
img.shadow:hover {
position:relative;
top:0.25rem;
-webkit-transform:scale(1.025); -moz-transform:scale(1.025); -ms-transform:scale(1.025);
-o-transform:scale(1.025); transform:scale(1.025); 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.img50 { position:relative; max-width:50%; max-width:240px; }

.img20rem { position:relative; max-width:20rem; }

.img-h4rem { position:relative; height:4rem; }

.img-44p-left { position:relative; display:flex; max-width:44%; float:left; margin-right:2rem; }

.img-44p-right { position:relative; display:flex; max-width:44%; float:right; margin-left:2rem; }

img.w50 { position:relative; margin:0 auto; margin:1rem 0; max-width:49%; }
img.w60 { position:relative; margin:0 auto; margin:1rem 0; max-width:60%; }
img.w80 { position:relative; margin:0 auto; margin:1rem 0; max-width:80%; }

img.w50,
img.w60,
img.w80 {
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}

@media only screen and (max-width:768px) {
.img50 { position:relative; width:50%; max-width:240px; height:auto; margin-bottom:1rem; }
.w50 { position:relative; margin:0 auto; margin:2rem 0; max-width:49.5%; }
}

a { 
color:rgba(27,117,187,1); 
color:rgba(90,90,90,1);
color:rgba(128,0,128,1); 
color:rgba(255,126,33,1); /* some orange */
}
a:hover { 
/* color:#2a7ab2; */
text-decoration:underline; 
/* background-color:rgba(200,200,200,1); */
border-radius:2px; 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.decoration-none a { text-decoration:none; background-color:transparent; }
a.decoration-none { text-decoration:none; background-color:transparent; }
a.popup-item { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#about a { background-color:transparent; }
a:focus { transition:all 300ms ease}
hr { height:0; border:none; border-bottom:2px solid #eee; margin:1rem 0; }

blockquote { position:relative; left:-0.5rem; 
width:calc(100% + 0.5rem); 
width:-moz-calc(100% + 1rem); 
border-left:0.3rem solid rgba(241,149,49,1); 
border-left:0.3rem solid rgba(27,117,187,0.8); 
font-size:1.15rem; 
background-color:rgba(253,253,253,1); }
blockquote p { padding:0.5rem 0.5rem 0.55rem 0.5rem; }

.no-border { border:0; border-top:none; border-right:none; border-bottom:none; border-left:none; position:relative; }

.no-border:after { content:''; position:absolute; width:65%; left:17.5%; bottom:-1px; border-bottom:1px solid #ddd; }

.border { border-style:solid; border-width:1px; }

.border-top { border-top-style:solid; border-top-width:1px; }

.border-light-gray { border-color:#eee; }

.rounded { border-radius:0.15rem; }

.rounded2 {border-radius:0.5rem; }

ul { }

ul.fa-outside {
list-style-type:none; 
list-style-position: outside; 
margin-left:2.7rem; 
text-indent:-0.2rem; 
margin-right:0.5rem; 
}

ul.fa-outside li i.fa-item {
margin:0; padding:0; 
width:0rem; position:relative; 
top:0rem; 
left:-1.9rem; 
text-align:right; 
vertical-align: bottom; 
font-size:1.45rem; 
}

ul.list-inside { 
list-style-type:none; 
list-style-type:square; 
list-style-position: inside; 
list-style-position: outside; 
margin-left:1.25rem; 
margin-right:1.25rem;
}

ul.list-inside li { padding-bottom:0.3rem; }
ul.list-inside li:nth-last-child(1) { padding-bottom:1rem; }

ul.list-inside.subitems ul { }

ul.list-inside ul {
list-style-type:square; 
margin-left:2rem; 
}

@media (max-width:1024px) {

ul.list-inside { 
list-style-type:none; 
list-style-type:square; 
list-style-position: inside; 
list-style-position: outside; 
margin-left:1.25rem; 
}
ul.list-inside ul {
list-style-type:square; 
margin-left:1rem; 
}

}

ul.list-inside.subitems li.subitem ul li { }

ul.list-inside.text.subitems li.subitem { }

/*
*/

.fa-items i.fab,.fa-items i.far,.fa-items i.fas { padding:1rem; font-size:2rem; }
.fa-items i:hover { }
.fa-items figure { z-index:888; padding:0; margin:0; line-height:1.2; overflow:visible; }
.fa-items figure div { z-index:888; display:none; }
.fa-items figure div.pos-abs { display:none; position:absolute; }

.fa-items figure:hover i { -moz-transform:scale(2); -ms-transform:scale(2); 
-webkit-transform:scale(2); transform:scale(2); 
-moz-transition:transform 0.2s; -o-transition:transform 0.2s; 
-webkit-transition:transform 0.2s; transition:transform 0.2s; 
background-color:rgba(255,0,0,1); border-radius:3px; 
}

.fa-items figure:hover div { display:inline-block; background-color:rgba(255,0,0,1); 
padding:0.75rem 0.5rem; border-radius:3px; top:0%; }
.fa-items figure:hover div.pos-abs { }
.fa-items figure:hover div a { }

.fa-items figure:before {
}

.fa-items figcaption { }

.fa-items figure:hover div figcaption { font-size:0.9rem; background:red; 
width:15vw; max-width:10vw; }

.fa-item.inline { }

/*
*/

ol { margin-left:1rem; list-style:decimal}
ol li ol { margin-left:1rem}

/*
*/

.button { background-image:linear-gradient(to bottom, rgba(223, 239, 242, 0.2) 0%, rgba(223, 239, 242, 0) 70%); border-radius:0.25rem; transition-duration:0.2s; transition-timing-function:ease; transition-property:box-shadow, background-color; font-family:inherit; font-weight:400; text-decoration:none; cursor:pointer; border:none; -webkit-appearance:none; appearance:none; white-space:nowrap; display:inline-block; line-height:2rem; height:auto; min-height:2rem; padding:0.5rem 1rem; }

.button:active { border-bottom:0; margin-top:1px; }

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

.button { white-space:normal; }

}

.button-crimson,
.button-crimson:hover { z-index: 100; border-bottom: none; padding: 0px 4px;
background-color:crimson; border-radius: 3px; color:#fff; font-weight: 300; font-size:1rem; position:relative; top:-0.07rem; cursor:pointer; }

.button-crimson.clicked { z-index: 100; border-bottom: none; padding: 0px 4px;
background-color:#ff931e; border-radius: 3px; color:#fff; font-weight: 7300; font-size:1rem; position:relative; top:-0.07rem; cursor:pointer; }

a.enable { pointer-events: none; cursor: default; }

.full-width { width:100%; }

.three-quarter-width { width:75%}

.half-width { width:50% }

.third-width { width:33.3333%}

.two-third-width { width:66.6666%}

.quarter-width { width:25%}

header { }

/*
*/

.measure-narrow { width:768px; max-width:97%; }
.measure { width:960px; max-width:97%; }
.measure-wide { width:1200px; max-width:97%; }
.measure-wide-flex { width:1400px; max-width:97%; }
.measure-wide-flex { width:1200px; max-width:97%; }
.measure-wide-flex { width:1100px; max-width:97%; }
.measure-full-width { width:100%; max-width:100%; }
.measure-flex { max-width:1600px; max-width:1650px; width:97%; }

/*
*/

.flex--container { display:-webkit-box; display:-moz-box; display:-ms-flexbox; 
display:-moz-flex; display:-webkit-flex; display:flex; position:relative; }

.flex--dir-row { flex-direction:row; flex:0 1 auto; flex-wrap:wrap; }

.flex--dir-row-reverse { flex-direction:row-reverse; }

.flex--dw-start { justify-content:flex-start; }

.flex--dw-center { justify-content:flex-center; justify-content:center; }

.flex--ha-center { display:flex; align-items:center; justify-content:center; }

.flex--jc-center { justify-content:flex-center; justify-content:center }

.flex--va-center { display:flex; align-items:center; /* justify-content: center; */ }

.flex--center { 
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; 
-webkit-align-items:center; align-items:center; justify-content:center;
}

.flex--dir-col,
.flex--dir-column { flex-direction:column; }

.flex--dir-column.flex--dw-center { justify-content:center; }

.flex--align-center { align-items:center; }

.flex--dw-end { justify-content:flex-end; }

.flex--dw-around { justify-content:space-around; }

.flex--dw-between, .flex--dw-space-between { justify-content:space-between; }

.flex--same-height { align-items:stretch; margin-right:0; margin-left:0; }

.flex--same-height div { padding-left:0; padding-right:0; }

.flex--item-between { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between; position:relative; }

.flex--item-between-fix { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between; position:relative; }

.flex--col, .flex--col-1, 
.flex--col-2, .flex--col-2-fix, 
.flex--col-3, .flex--col-3-flex, .flex--col-33, .flex--col-4, .flex--col-5, .flex--col-6, .flex--col-7, 
.flex--col-8, .flex--col-8-fix, .flex--col-8-flex, 
.flex--col-9, .flex--col-10, .flex--col-11, .flex--col-12 { flex:0 0 auto; margin:0; padding:0; }

.flex--col { flex-grow:1; flex-basis:0; max-width:100%; max-width:99.55%; }

.flex--col-1 { -ms-flex-preferred-size:8.333%; -webkit-flex-basis:8.333%; flex-basis:8.333%; max-width:8.333%}

.flex--col-1-fix { 
-ms-flex-preferred-size:4rem; -webkit-flex-basis:4rem; flex-basis:4rem; max-width:4rem;
/* background-color: orange; */
}

.flex--col-2,
.flex--col-2-fix,
.flex--col-2-img { -ms-flex-preferred-size:16.667%; -webkit-flex-basis:16.667%; flex-basis:16.667%; max-width:16.667%; }

.flex--col-22 { -ms-flex-preferred-size:22%; -webkit-flex-basis:22%; flex-basis:22%; max-width:22%; }

.flex--col-23 { -ms-flex-preferred-size:23%; -webkit-flex-basis:23%; flex-basis:23%; max-width:23%; }

.flex--col-3,
.flex--col-3-img { -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25%; }

.flex--col-3-flex { -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25%; }

.flex--col-30 { -ms-flex-preferred-size:30.5%; -webkit-flex-basis:30.5%; flex-basis:30.5%; max-width:30.5%; }

.flex--col-33 { -ms-flex-preferred-size:32.333%; -webkit-flex-basis:32.333%; flex-basis:32.333%; max-width:32.333%; }

.flex--col-4 { -ms-flex-preferred-size:33.333%; -webkit-flex-basis:33.333%; flex-basis:33.333%; max-width:33.333% }

.flex--col-44 { -ms-flex-preferred-size:38%; -webkit-flex-basis:38%; flex-basis:38%; max-width:38% }

.flex--col-5 { -ms-flex-preferred-size:41.667%; -webkit-flex-basis:41.667%; flex-basis:41.667%; max-width:41.667%; }

.flex--col-5s { -ms-flex-preferred-size:40.667%; -webkit-flex-basis:40.667%; flex-basis:40.667%; max-width:40.667%; }

.flex--col-52 { -ms-flex-preferred-size:43%; -webkit-flex-basis:43%; flex-basis:43%; max-width:43%; }

.flex--col-6 { -ms-flex-preferred-size:48%; -webkit-flex-basis:48%; flex-basis:48%; max-width:48%;
/* background-color: orange; */
}

.flex--col-7 { -ms-flex-preferred-size:58.333%; -webkit-flex-basis:58.333%; flex-basis:58.333%; max-width:58.333%; }

.flex--col-7s { -ms-flex-preferred-size:55.333%; -webkit-flex-basis:55.333%; flex-basis:55.333%; max-width:55.333%; }

.flex--col-8,
.flex--col-8-fix { -ms-flex-preferred-size:66.667%; -webkit-flex-basis:66.667%; flex-basis:66.667%; max-width:66.667%; }

.flex--col-8-fix { /* background-color:red; */ }

.flex--col-8-pages { -ms-flex-preferred-size:66.667%; -webkit-flex-basis:66.667%; flex-basis:66.667%; max-width:66.667%; }

.flex--col-8-flex { -ms-flex-preferred-size:66.667%; -webkit-flex-basis:66.667%; flex-basis:66.667%; max-width:66.667%; }

.flex--col-9 { -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75%}

.flex--col-10 { -ms-flex-preferred-size:83.333%; -webkit-flex-basis:83.333%; flex-basis:83.333%; max-width:83.333%}

.flex--col-11 { -ms-flex-preferred-size:91.667%; -webkit-flex-basis:91.667%; flex-basis:91.667%; max-width:91.667%; }

.flex--col-11-fix {
-ms-flex-preferred-size:calc(100% - 4rem); -webkit-flex-basis:calc(100% - 4rem); flex-basis:calc(100% - 4rem); max-width:calc(100% - 4rem);
/* background-color: pink; */
}

.flex--col-12 { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%; -ms-flex-preferred-size:99.55%; -webkit-flex-basis:99.55%; flex-basis:99.55%; max-width:99.55%; }

.flex--nav a { display:block; padding:1rem; color:#fff; text-align:center; border-right:1px solid #2f88c7}

.flex--nav a:hover { background-color:#2f88c7}

.flex--nav ul { list-style:none; margin:0; padding:0; background-color:#53a0d6; overflow:hidden; border-radius:0.5rem; display:flex; flex-flow:row wrap; align-items:stretch}

.flex--nav ul li { flex:1 1 0}

.flex--nav ul li:last-of-type a { border-right:none}

@media (max-width:480px) { 

.flex--col-4 { flex-basis:100% !important; max-width:100% !important; }

}

@media (max-width:768px) { 

.flex--col, .flex--col-22, .flex--col-23, 
.flex--col-3, .flex--col-33, 
.flex--col-4, .flex--col-44, 
.flex--col-5, 
.flex--col-5s, 
.flex--col-7, 
.flex--col-7s, 
.flex--col-8, .flex--col-9, .flex--col-10, .flex--col-11, .flex--col-12, .flex--nav ul li { flex-basis:100% !important; max-width:100% !important; -ms-flex-preferred-size:99.55% !important; -webkit-flex-basis:99.55% !important; flex-basis:99.55 !important%; max-width:99.55% !important; }

.flex--col-2 { -ms-flex-preferred-size:48%; -webkit-flex-basis:48%; flex-basis:48%; max-width:48%; }

.flex--item-between { /* display:block; */ }

}

@media (max-width:960px) { 

.flex--half-grid { -ms-flex-preferred-size:49.5%; -webkit-flex-basis:49.5%; flex-basis:49.5%; max-width:49.5%; }

}

@media (max-width:1080px) { 

.flex--col-6,
.flex--col-12 { -ms-flex-preferred-size:99.55% !important; -webkit-flex-basis:99.55% !important; flex-basis:99.55% !important; max-width:99.55% !important; }

.flex--col-1-fix {
-ms-flex-preferred-size:4rem; -webkit-flex-basis:4rem; flex-basis:4rem; max-width:4rem;
/* background-color: orange; */
}

.flex--col-2-img { 
flex-basis:100% !important; max-width:100% !important;
/* background-color: orange; */
}
.flex--col-2-img img { }

.flex--col-2-fix {
-ms-flex-preferred-size:4rem; -webkit-flex-basis:4rem; flex-basis:4rem; max-width:4rem;
/* background-color: orange; */
}

.flex--col-8-fix {
-ms-flex-preferred-size:calc(100% - 4rem); -webkit-flex-basis:calc(100% - 4rem); flex-basis:calc(100% - 4rem); max-width:calc(100% - 4rem);
/* background-color: pink; */
}

.flex--col-11-fix {
-ms-flex-preferred-size:calc(100% - 4rem); -webkit-flex-basis:calc(100% - 4rem); flex-basis:calc(100% - 4rem); max-width:calc(100% - 4rem);
/* background-color: pink; */
}


}

@media (max-width:1199px) { 

.flex--col-6-2 { -ms-flex-preferred-size:49% !important; -webkit-flex-basis:49% !important; flex-basis:49% !important; max-width:49% !important; }

}

.flex-grid-list ul { margin:0; display:flex; flex-wrap:wrap; justify-content:space-around}

.flex-grid-list ul li { flex:0 0 calc(33.8% - 1.35rem); margin-bottom:1.35rem; list-style:none; padding:2.7rem 1.35rem; border:1px solid #eee; background:rgba(255, 255, 255, 0.7); border-radius:2px; box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); display:flex; flex-wrap:wrap; flex-direction:column}

.flex-grid-list ul li h3 { width:100%; margin:0; }

.flex-grid-list ul li p { padding-bottom:0; }

.flex-grid-list ul li i:not(.fa) { display:block; margin:0 auto 1.35rem auto; }

.flex-grid-list.bg-light-gray ul li { border:1px solid #aaa; background:#fff; }

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

.flex-grid-list ul li { flex-basis:100%; max-width:100%}

}

/* sections layout
*/

.article-bg-fixed { position:relative; 
background-attachment:fixed; 
top: 0; /* Important */
left: 0; /* Important */
width: 100%; /* Important */
background-repeat: no-repeat;
}

@media (max-width:840px) {
.article-bg-fixed {
background-attachment:scroll !important; 
}
}

section { margin:0 auto; min-height:0px; 
z-index:999;
}

@media (max-width:840px) {
.article-header { /* height:320px !important; */ }
}

.article-header.bg-color-grey::after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.25); z-index:2; }

.article-content.bg-grey { background-color:rgba(219,219,219,1); }

.article-header.bg-color-skyblue::after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(135,206,235,1); z-index:2; }

.article-header.bg-color-none::after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; 
background-color:none; z-index:2; 
}

.article-header > div { position:relative; z-index:3}

.article-header h1, .article-header h2, .article-header h3, .article-header h4 { color:#fff}

.article-content p,
.wrapper-popup p { margin-bottom:1.25rem; margin-bottom:1rem; }

.article-content p:empty { display:none}

.article-header h1 { font-size:5rem; line-height:4.5rem; font-weight:100}

.article-author { color:#fff; opacity:0.8; font-weight:100; padding:1.6rem 0; }

.article-date ul { margin:0rem; font-size:0.9rem; display:block; }

.article-date.blog-info { text-align:right; font-size:0.9rem; margin-top:-0.25rem; margin-bottom:-1rem; }

.article-date.blog-info li { padding:0 0.25rem; display:inline-block; }

.article-date.blog-info li a { font-weight:inherit; }

.article-content { 
background-color:transparent;
background-color:rgba(255,215,0,1); /* gold */
background-color:rgba(255,126,33,1); /* some orange */
background-color:rgba(216,191,216,1); /* thistle */
background-color:rgba(255,250,250,1); /* snow */
background-color:rgba(252,250,250,1); /* whitesmoke */
}

section.article-content { /* min-height:66vh; */ }

.article-date.blog-info { margin:1rem 0; }

.article-date { color:#848484; font-weight:400}

.h2-left h2, .h3-left h3, .h4-left h4, .h5-left h5, .h6-left h6, .ul-left ul, .li-left li, .p-left p, .span-left span, .div-left div { text-align:left; }

.h2-right h2, .h3-right h3, .h4-right h4, .h5-right h5, .h6-right h6, .ul-right ul, .li-right li, .p-right p, .span-right span, .div-right div { text-align:right; }

.article-content li::before { content:""; }

.bg-cover-img { position:relative; background-repeat:no-repeat; background-size:cover; border:1px solid #ddd; }

.bg-cover-img::before { content:""; position:absolute; width:100%; height:100%; background-color:rgba(255, 255, 255, .9); top:0; left:0; }

.bg-cover-img > div { position:relative; }

.has-bg-img { background-size:cover; background-position:center center; background-repeat:no-repeat; background-blend-mode:screen; background-color:#ddd; font-weight:400; color:#333; }

.article-content .share li::before { content:""; }

.article-content .benefits li::before { content:""; }

@media (max-width:680px) { 

.article-header h1 { font-size:4rem; line-height:4rem; }

}

@media (max-width:420px) { 

.article-header h1 { font-size:3rem; line-height:3rem; }

}

figure { 
/*
overflow:hidden; align-items:center; justify-content:center;
*/
}

figcaption { margin:0 8px; }

a.underline { text-decoration:underline; }

dl.accordion dd { padding:0}

.row-list figure img { width:120px; height:120px}

.row-list h3 a { display:block; clear:left; font-size:1.25rem}

@media only screen and (min-width:960px) { 

.row-list ul li figure { flex-basis:35%}

.row-list ul li div { flex-basis:65%}

.row-list ul li figure img { width:120px; height:120px}

}

.button.center { text-align:center}


@media (max-width:960px) {

ul.footer { display:block; width:100%; }
ul.footer li { display:inline; }

}

/*
*/

.tomato {
background-color: rgba(255,99,71,1);
}
.springgreen {
background-color: rgba(0,255,127,1);
}
.gold {
background-color: rgba(255,215,0,1);
}
.orange {
background-color: rgba(255,126,33,1);
}

.tile { 
border:1px solid rgba(50,50,50,0.5);
border:1px solid rgba(255,99,71,1);
border-radius:0.25rem;
background-color: rgba(252,250,250,1);
height:10vh;
z-index:888;
}

.tile:hover { 
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15); 
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15); 
-webkit-transition:all 0.2s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
transition:all 0.2s ease-in;
-webkit-box-shadow: 0px 0px 4px 1px rgba(125,125,125,0.25); 
-moz-box-shadow: 0px 0px 4px 1px rgba(125,125,125,0.25);
box-shadow: 0px 0px 4px 1px rgba(125,125,125,0.25);
border-radius:1rem;
z-index:999;
}
.tile p {
padding:0;
margin:0;
}
.tile i {
font-size:2rem;
padding:0.5rem;
}

/*
*/

.table--wrapper { 
position:relative;
border:0.25rem solid rgba(100,149,237,1); /* cornflowerblue */
border:0.25rem solid rgba(225,225,225,1);
border:2px solid rgba(225,225,225,1);
overflow:hidden; 
position: relative;
margin-bottom:-0.25rem;
background-color: #fff;
}
.table--wrapper header {
outline:0.25rem solid rgba(100,149,237,1); /* cornflowerblue */
outline:0.25rem solid rgba(225,225,225,1);
outline:2px solid rgba(225,225,225,1);
position:relative; 
padding:1rem;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
-moz-user-select: none; -ms-user-select: none; user-select: none; 
}

.table--wrapper header span {
position:relative; /* top:2px; */ padding-right:4rem; padding-left:2rem;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
display:inline-block;
left:0;
opacity:0;
color:tomato !important;
}
.table--wrapper header:hover span { 
opacity:1;
}

.table--wrapper article.max--height { max-height:0; } 
.table--wrapper article { -webkit-transition:max-height .35s; transition:max-height .35s; will-change:max-height;
}

.tableCell { line-height:2rem; }

.tableCell p { }

.tableCell--name,
.tableCell--date--wrapper,
.tableCell--genre,
.tableCell--location {  *text-align:start; }
.tableCell--location { *text-align:end; }

.tableCell--date,
.tableCell--time { }

.tableCell--name img { height:2rem; }

.tableCell--description {
-ms-flex-preferred-size:55%; -webkit-flex-basis:55%; flex-basis:55%; max-width:55%;
 padding:1rem;
}
.tableCell--image { 
-ms-flex-preferred-size:45%; -webkit-flex-basis:45%; flex-basis:45%; max-width:45%;
padding:1rem;
}
.tableCell p { margin:0; padding:0; }
.tableCell p:nth-child(1) { 
}

@media (max-width:768px) {

.table--wrapper { }
.table--wrapper header { padding:0.5rem; }
.table--wrapper article { flex-direction: row-reverse; }
.tableCell--name,
.tableCell--date--wrapper,
.tableCell--genre,
.tableCell--location {
-ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%;
padding:0;
text-align:start;
}
.tableCell--description,
.tableCell--image { 
-ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%;
padding:0.5rem;
text-align:start;
}

}

/*
*/

.tools-toggle { position:relative; }

i.fa-toggle-off.fa-2x.tools-toggle,
i.fa-toggle-on.fa-2x.tools-toggle { position:relative; left:0.25rem !important; }

@media (max-width:768px) {

i.fa-toggle-off.fa-2x.tools-toggle { position:relative; font-size:1.5rem; }
i.fa-toggle-on.fa-2x.tools-toggle { position:relative; font-size:1.5rem; }

}

.max-height-160 { height:13vw; max-height:160px; }

.padding-8-8 { padding:8px; }

.mp-grid .mp-5 { flex:0 0 calc(20% - 1.25rem); margin-bottom:1.25rem; margin-right:1.25rem; }

.mp-grid .mp-5:nth-child(5n+0) { margin-right:0; }

.mp-row { 
width:inherit; 
display:flex; 
flex-direction: row; 
}

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

.mp-grid .mp-4,.mp-grid .mp-5 { flex-basis:100%; max-width:100%; margin-right:0; }
.mp-grid .mp-5.mp-2cols { 
flex-basis:50%; max-width:50%; margin-right:0; 
flex-basis:100%; max-width:100%; margin-right:0;
}

}

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

.tablet-gutter { padding:1rem; }

}

@media (min-width:0px) and (max-width:690px) {

}

@media (min-width:691px) and (max-width:960px) {

}

@media (min-width:961px) and (max-width:1199px) { 

}

@media (min-width:1200px) { 

}

/*
*/

.viewer-image {
cursor: url("intense_plus_cursor.png") 25 25, pointer;
}
figure.viewerimage img { 
/* all: initial; */
display:flex; /* needed for full size display here */
}
figure.viewerimage * { 
/* all: unset; */
}

/* Scroll to top 
*/

.scrollToTop { position:fixed; z-index:999; right:1rem; bottom:4.25rem; display:none; 
width:3rem; line-height:3rem; text-align:center; 
background-color:rgba(50,50,50,.2); 
font-size:1.25rem; 
color: #fff; text-decoration: none; 
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
-webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; 
}
.scrollToTop:hover { 
background-color:rgba(50,50,50,.3); color:#fff; 
}
@media (max-width:640px) {
.scrollToTop {width:2.5rem; line-height:2.5rem; bottom:4rem; }
}

/* Scroll to section 
*/

.scrollToSection { position:fixed; z-index:999; right:1rem; bottom:1rem; display:block;
width:3rem; line-height:3rem; text-align:center; 
background-color:rgba(50,50,50,.2); 
font-size:1.25rem; 
color:#fff; text-decoration: none; 
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
-webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s;
}
.scrollToSection:hover { 
background-color:rgba(50,50,50,.3); color:#fff; 
}
@media (max-width:640px) {
.scrollToSection { width:2.5rem; line-height:2.5rem; }
}

/* External
*/

div.allow-external,div.allow-external-items { border-radius:6px;
max-width:100% !important; padding:1rem 2rem; 
border:2px solid rgba(90,90,90,1);
border:2px solid rgba(100,149,237,1); /* cornflowerblue */
}
button.allow-external,button.allow-external-items { 
background-color:white;
background-color:rgba(255,215,0,1);
background-color:rgba(90,90,90,1);
background-color:rgba(100,149,237,1); /* cornflowerblue */
background-color:rgba(255,99,71,1); /* tomato */
color:crimson;
color:rgba(90,90,90,1);
color:#fff; 
/* color:rgba(255,215,0,1); */
border-radius:3px;
position:relative;float:right;margin-bottom:1rem;padding:0 0.5rem; 
}
div.allow-external:hover,div.allow-external-items:hover { background-color:rgba(200,20,60,1);
background-color:rgba(90,90,90,0.1);
-moz-transition:background-color 0.2s; -o-transition:background-color 0.2s; 
-webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
.external-container,.external-items-container { border-radius:3px; }
.external-container .statusinfo { position:absolute;color:#fff;width:100% !important;padding-top:8.5rem;padding-left:0.5rem;padding-right:0.5rem;text-align:center; }
.video-container { border-radius:3px;width:100%  !important;min-height:18rem; }
div.external-container { display:none; }
button.allow-external { cursor:pointer; }
div.external-items-container { display:none; }
button.allow-external-items { cursor:pointer; }
.external-items-container { padding:5vh 0; 
border:2px solid crimson; 
border:2px solid rgba(100,149,237,1); /* cornflowerblue */
}
.item-row { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex;
width:100%  !important; text-align:center; justify-content:center; align-items:center; margin-bottom:1rem; }

.item-row a { padding:0 2rem; width:100%; font-size:80%; line-height:1.25; }

.item-row h4 { justify-content:center; align-items:center; text-align:center; }

@media print {

#scrollToSection { display:none !important; }
#scrollToTop { display:none !important; }
#impressum { 
page-break-after: avoid !important;
page-break-before: always !important;
page-break-inside: avoid !important;
}

section { 
/*
page-break-after: avoid !important;
page-break-before: always !important;
page-break-inside: avoid !important;
*/
}

}

/*
*/

.bc-wrapper {
margin-bottom:2rem;
}
.bc-parent { position: relative;
width: 100%;
overflow: hidden;
max-height:20.5rem;
*max-height:27rem;
max-height:19rem;
max-height:22rem;
}
.bc-parent--showall {
max-height: none;
}
.bc-item { 
position: relative;
margin:0;
padding:0;
display:block;
width: 95%;
margin:0 0 0.25rem 0 !important;
font-size:95% !important;
}
p.bc-item { 
line-height:inherit;
}
.btn-expand {
display: none;
z-index: 3;
position: absolute;
right: 0px;
bottom: 0px;
bottom:1rem;
bottom:0.5rem;
padding: 3px;
}
.btn-show {
display: block;
color: rgba(87,87,87,1);
border-radius:3px;
border:1px solid rgba(87,87,87,.5);
}

@media (max-width:460px) {

p.bc-item { 
font-size:0.9rem; line-height:1.33rem;
}

}

/*
*/

table.meilensteine tr th {
cursor:pointer;
*font-size:100%;
height:22px;
padding:0 10px;
background:rgba(1,1,1,0.01);
}
table.meilensteine td:nth-child(1) {
min-width:20%;
}
@media (max-width: 979px) {
table.meilensteine tr th { height:16px; }
}

/*
*/