/*
@name:      	Fusion Framework API
@author:    	Michael Sedlacek
@build:     	Snapshot-2026-10-04 06:30
@copyright: 	(c) 2003-2026 Fusion-Datastore Limited
@website:   	www.fusion-datastore.org
@license:   	Framework licenced under a modified Terms of Use licence,
            	see documentation or authors website for more details
@browser:   	gen
@combinine: 	e65df24d9c92601a9dcde89b816afcbd
*/



/*
@rev:		+ core | 2.1.0.6 | 2026-09-28 01:03:41 | 61550404061d9381cf3fa4ebf2bc5e0b | (current)
		+ core | 2.1.0.5 | 2026-07-29 19:11:10 | 43b0bea6fbfdb045e96234f92b5571b4 |
		+ core | 2.1.0.4 | 2026-07-29 19:11:10 | 94b241969a648b4440c1e2dc713d8127 |
		+ core | 2.1.0.3 | 2026-07-29 19:11:10 | 94b241969a648b4440c1e2dc713d8127 |
		+ core | 2.1.0.2 | 2026-07-29 19:11:10 | 94b241969a648b4440c1e2dc713d8127 |
		+ core | 2.1.0.1 | 2026-07-29 19:11:10 | 7f36a0c02a6763f7d10c38b38c13c490 |
		+ core | 2.1.0.0 | 2026-07-29 19:11:10 | db12791cc6090001f4b5c41aa9fe24d1 |
		+ core | 2.0.0.2 | 2026-07-29 19:11:10 | 3b9a062caf02f85fc18f3f523be742bf |
		+ core | 2.0.0.1 | 2026-07-29 19:11:10 | d2fe535149a15f4253b94b119d41e001 |
		+ core | 2.0.0.0 | 2026-07-29 19:11:10 | 9352b90ea6f180f294fd5dbee0f59b06 |
		+ core | 1.0.0.5 | 2026-07-29 19:11:10 | b65c0933ce1bbe62ec703baf5faedc49 |
		+ core | 1.0.0.4 | 2026-07-29 19:11:10 | 28b74bbd4def3e66616724204cb34963 |
		+ core | 1.0.0.3 | 2026-07-29 19:11:10 | 30d743a84ac5b0a4ae775b37f34f0715 |
		+ core | 1.0.0.2 | 2026-07-29 19:11:10 | a0edf5f8ec47f148ec752f29a647dbd1 |
		+ core | 1.0.0.1 | 2026-07-29 19:11:10 | 4c87f993525f8f27a27dadc21b41f4a1 |
		+ core | 1.0.0.0 | 2026-07-29 19:11:10 | 52d03724bf8927bd734e1a4e1fd207d2 |
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}


* {
line-height: 130%;
}

body {
padding: 0;
margin: 0;
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
color: #444;
background-position: top left;
background-color: #fff;
direction: ltr;
opacity: 0;will-change: opacity;
}

html,body {
height: 100%;
}

body.loaded {
opacity: 1;transition: all 0.5s linear;}

/* Failsafe: if JS never adds .loaded (e.g. script blocked), the page still
becomes visible after a short delay instead of staying opacity:0. */
@keyframes dm-failsafe-visible {
from { opacity: 0; }to   { opacity: 1; }}
body:not(.loaded):not(.unloaded) {
animation: dm-failsafe-visible 0.01s linear 3s forwards;
}

body.unloaded {
position: relative;
opacity: 0;transition: all 0.5s linear;}

body.loaded::after, body.unloaded::after {
content: '';
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
margin: 0;
padding: 0;
background-color: #fff;
z-index: 999;
will-change: transform;
}

body.loaded::after {
opacity: 1;transform: translate(-100%, 0);animation: body-loaded 0.5s normal linear;
}

body.unloaded::after {
opacity: 1;transform: translate(0, 0);animation: body-unloaded 0.5s normal linear;
}

@keyframes body-loaded {
0% {
transform: translate(0, 0);}
100% {
transform: translate(-100%, 0);}
}

@keyframes body-unloaded {
0% {
transform: translate(100%, 0);}
100% {
transform: translate(0, 0);}
}

label {
color: #444;
cursor: default;
}

h1,
h2,
h3,
h4,
h5 {
line-height: 145%;
font-weight: 700;
}

h1 {
margin: 8px 0 4px;
font-size: 146%;
}

h2 {
margin: 8px 0 4px;
font-size: 132%;
}

h3 {
margin: 8px 0 4px;
font-size: 125%;
}

h4 {
margin: 4px 0;
font-size: 110%;
}

h5 {
margin: 4px 0;
font-size: 100%;
}

a:link,
a {
padding: 0 3px;
font-weight: inherit;
text-decoration: none;
color: #3465a4;
}

a:visited {
color: #3465a4;
text-decoration: none;
}

/* [ACCESSIBILITY] hover may lighten the link tint, but focus MUST keep full
contrast. #729fcf on #fff is only 2.77:1 (fails SC 1.4.3 and SC 1.4.11);
#3465a4 is 5.93:1. Keeping focus at #3465a4 also lets component styles that
set their own link colour keep it on focus, instead of being overridden. */
a:hover {
color: #729fcf;
text-decoration: none;
}

a:focus,
a:active {
color: #3465a4;
text-decoration: none;
}

ul {
margin: 0;
padding: 0;
list-style-type: disc;
}

li {
margin: 0;
}

font {
line-height: normal;
}

a img {
border: 0;
}

.button,
textarea,
input,
select {
font-family: 'FusionScreen-Regular',Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
padding-left: 3px;
/* [ACCESSIBILITY] was #729fcf (2.77:1 on white - fails SC 1.4.11 for UI
component boundaries). #3465a4 is 5.93:1. */
border: 1px solid #3465a4;
background-color: #fff;
color: #333;
}

table {
border: 0;
}

.favicon {
margin: 5px 3px 3px;
}

.clear {
clear: both;
}

.demand, .ondemand, .ondemanded {
opacity: 0;}

.ondemanded.loaded {
opacity: 1;transition: opacity 0.25s ease-out;}

/* ---- [ACCESSIBILITY] global focus indicator ----
The site previously had NO focus ring at all: the only thing that happened to
a focused link was a colour change, and gear-1.0.1.0.css killed outlines with
a blanket "*:focus { outline: none }". WCAG 2.2 SC 2.4.7 (Focus Visible, AA)
and SC 1.4.11 (Non-text Contrast, AA) both require a visible indicator at
>= 3:1 against the adjacent background. #204a87 is 8.78:1 on white.
Placed before the .skip-link rule so components that define their own ring
(e.g. .skip-link) can still override it. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
outline: 3px solid #204a87;
outline-offset: 2px;
border-radius: 2px;}


@supports not selector(:focus-visible) {
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
summary:focus,
[tabindex]:focus {
outline: 3px solid #204a87;
outline-offset: 2px;
border-radius: 2px;}
}


.sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}


.skip-link {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: 2000;
padding: 8px 14px;
background: #3465a4;
color: #fff;
border-radius: 0 0 6px 0;}
.skip-link:focus,
.skip-link:focus-visible {
left: 0;
width: auto;
height: auto;
outline: 2px solid #fff;
outline-offset: -2px;
}

/* ---- [ACCESSIBILITY] respect reduced-motion preference ----
The *-delay properties were missing: many animations here are choreographed
with a delay (e.g. the 109 snowfall particles in index.special.winter, and
"wi-intro ... 2s 5s" ) so a reduced-motion user still waited the full delay
before the (now instant) run, staring at a blank scene. */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-delay: 0s !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;transition-delay: 0s !important;
scroll-behavior: auto !important;
}
}

/* ---- [ACCESSIBILITY] keep in-page targets clear of the fixed chrome ----
index-2.2.0.5.css pins .footer to the bottom (z-index 99) and
header-2.1.0.3.css pins the header on body.cdarkminds. Without scroll-padding
a skip-link jump or a focused heading lands underneath them, which is a
failure of WCAG 2.2 SC 2.4.11 (Focus Not Obscured, AA). */
html {
scroll-padding-top: 90px;
scroll-padding-bottom: 60px;
}


.form-status {
margin: 8px 0;
padding: 6px 10px;
border-radius: 4px;font-size: 9pt;
min-height: 1em;
}
.form-status-error {
background: #fdecea;
color: #a12;
border: 1px solid #f5c6cb;
}
.form-status-ok {
background: #e8f6ec;
color: #1c7a3e;
border: 1px solid #b7e4c7;
}
.noscript-notice {
margin: 8px 0;
padding: 8px 12px;
background: #fff8e1;
color: #8a6d00;
border: 1px solid #ffe08a;
border-radius: 4px;font-size: 9pt;
}





/*
@rev:		+ index | 2.2.0.5 | 2026-08-19 19:57:12 | 27fe7308f4a36d2fd3e218e7516c1482 | (current)
		+ index | 2.2.0.4 | 2026-07-29 19:11:12 | baba6d2caef440b8e7a14cd6ae67beb6 |
		+ index | 2.2.0.3 | 2026-07-29 19:11:12 | 9e91ea530074335805d7b6170ce8d20d |
		+ index | 2.2.0.2 | 2026-07-29 19:11:12 | c511fd7c5e4e3f10f07d358a61a8bd31 |
		+ index | 2.2.0.1 | 2026-07-29 19:11:12 | 8b438e7eb807fa5e6efd7cf038d1a8c8 |
		+ index | 2.2.0.0 | 2026-07-29 19:11:12 | 10cd4793482c80c3c4159bf7566e5384 |
		+ index | 2.1.0.1 | 2026-07-29 19:11:12 | 4b8cd77ff4d4ad32fed97f602666bd0b |
		+ index | 2.1.0.0 | 2026-07-29 19:11:12 | 06f9e68ec8408cc1814020f5129381ed |
		+ index | 2.0.0.2 | 2026-07-29 19:11:12 | dc5c663d3bde510c7e8dac9f64607096 |
		+ index | 2.0.0.1 | 2026-07-29 19:11:12 | ca693595fb5b6868c5779e5ea83c0078 |
		+ index | 2.0.0.0 | 2026-07-29 19:11:12 | 0f324873071df0b6da20090193ffec75 |
		+ index | 1.3.0.1 | 2026-07-29 19:11:12 | 2d47e9cc65e30f0395b35bfc145e25cb |
		+ index | 1.3.0.0 | 2026-07-29 19:11:12 | 38b927fc8739dc684645c41a63da523c |
		+ index | 1.2.3.1 | 2026-07-29 19:11:12 | 7b6ead4791b26b88a8ceb5c2ddc8a0b8 |
		+ index | 1.2.3.0 | 2026-07-29 19:11:12 | 8a9724fb11ee607cf63c10de998af4fd |
		+ index | 1.2.2.1 | 2026-07-29 19:11:12 | 449e1f7255adbccaaca52573e7a27e0b |
		+ index | 1.2.2.0 | 2026-07-29 19:11:12 | 9cea84d358ba2971ada15d8796a3d57c |
		+ index | 1.2.1.1 | 2026-07-29 19:11:12 | 7ebc474b942f2ceca05e26daeb1eafa4 |
		+ index | 1.2.1.0 | 2026-07-29 19:11:12 | c4eb4620274224d2c5b7a7f879db42dd |
		+ index | 1.2.0.0 | 2026-07-29 19:11:12 | af7c37872d87d24c4a2ef239578ff65a |
		+ index | 1.1.2.8 | 2026-07-29 19:11:12 | b8b16f3862ac4b1fa5ecc57d5eea04eb |
		+ index | 1.1.2.7 | 2026-07-29 19:11:12 | 1b6681f75bc72d022445d689f6e77f90 |
		+ index | 1.1.2.6 | 2026-07-29 19:11:12 | 93664be0a01705fd2d735b79079f4b2f |
		+ index | 1.1.2.5 | 2026-07-29 19:11:12 | 1c999c67e28df4650e9628dba96b8454 |
		+ index | 1.1.2.4 | 2026-07-29 19:11:12 | 95d32d9753fcb105bd89d837dabab848 |
		+ index | 1.1.2.3 | 2026-07-29 19:11:12 | c12b3e4806d8cd73a84e386b0b53f905 |
		+ index | 1.1.2.2 | 2026-07-29 19:11:12 | 035a17e7c343eb5673dab2c68e406174 |
		+ index | 1.1.2.1 | 2026-07-29 19:11:12 | fea57d8b695bd69fcbf562a9ff56858a |
		+ index | 1.1.2.0 | 2026-07-29 19:11:12 | 92855aba33cf08867d427a90953b363b |
		+ index | 1.1.1.9 | 2026-07-29 19:11:12 | 462416d3eab612beb646a3837302d70a |
		+ index | 1.1.1.8 | 2026-07-29 19:11:12 | 9fc8aa72c84bd2e2ff9723a6fc950c3f |
		+ index | 1.1.1.7 | 2026-07-29 19:11:12 | 739d96131fec67730e0f888e1a2febbb |
		+ index | 1.1.1.6 | 2026-07-29 19:11:12 | 798d69d2da53843a6634b7addbf5cf23 |
		+ index | 1.1.1.5 | 2026-07-29 19:11:12 | d489f9cf02e5cc71be1c99c10abe23a3 |
		+ index | 1.1.1.4 | 2026-07-29 19:11:12 | 7fdd343b308f839c2ffe0770821b5a2d |
		+ index | 1.1.1.3 | 2026-07-29 19:11:12 | 28c8f760f65b050dba1c07addf0c9caa |
		+ index | 1.1.1.2 | 2026-07-29 19:11:12 | 6fb511f40cebbe8bda1a0bafbaa39724 |
		+ index | 1.1.1.1 | 2026-07-29 19:11:12 | 85ef20d2596110dde0a3fcf9a61f9ea2 |
		+ index | 1.1.1.0 | 2026-07-29 19:11:12 | 0750a9ffe4ca29272e36d48d0c16dba7 |
		+ index | 1.1.0.9 | 2026-07-29 19:11:12 | 933238dc01213bb09df0340ac92dbe4f |
		+ index | 1.1.0.8 | 2026-07-29 19:11:12 | 815eb20bd67980c64fd1ddc26365c3c8 |
		+ index | 1.1.0.7 | 2026-07-29 19:11:12 | b51fee73b1302ebfad67ce8449da5fbc |
		+ index | 1.1.0.6 | 2026-07-29 19:11:12 | 958c3d38be7b85fd9efe244f8495b9ce |
		+ index | 1.1.0.5 | 2026-07-29 19:11:12 | 77ff41427aec0004ca028e1bf2ef08e3 |
		+ index | 1.1.0.4 | 2026-07-29 19:11:12 | f73bc07464a917d7254aec90ce6a9734 |
		+ index | 1.1.0.3 | 2026-07-29 19:11:12 | e4dbe9748b034d4313564a5af1480e28 |
		+ index | 1.1.0.2 | 2026-07-29 19:11:12 | 3d17653a961d0a1aaa25569d0b6dd0b8 |
		+ index | 1.1.0.1 | 2026-07-29 19:11:12 | fc58013d3701cba7546e4d5bf1f5e832 |
		+ index | 1.1.0.0 | 2026-07-29 19:11:12 | 73a1874026dd4972b86b8fe4984bc86d |
		+ index | 1.0.3.4 | 2026-07-29 19:11:12 | 8e9f3975a5fbcc24d8d167d34015615c |
		+ index | 1.0.3.3 | 2026-07-29 19:11:12 | f2dca0947882f469ecee9963a0fc4954 |
		+ index | 1.0.3.2 | 2026-07-29 19:11:12 | a91dcc5a09ad70d554d735de784c87c4 |
		+ index | 1.0.3.1 | 2026-07-29 19:11:12 | 9e715471a7f7772837e3943809e4c94e |
		+ index | 1.0.3.0 | 2026-07-29 19:11:12 | 9d5f07e91d98edb973f6f153bbcdbe80 |
		+ index | 1.0.2.9 | 2026-07-29 19:11:12 | aacd2a188d1eade774ebe743cfa02918 |
		+ index | 1.0.2.8 | 2026-07-29 19:11:12 | 0e58d7df6e24c40bfde7dfb234ac1bd3 |
		+ index | 1.0.2.7 | 2026-07-29 19:11:12 | a1ffdf530fffd6d6eb7db37601d5a3d3 |
		+ index | 1.0.2.6 | 2026-07-29 19:11:12 | 7c772d49c4f7842b62929615614384dd |
		+ index | 1.0.2.5 | 2026-07-29 19:11:12 | 130af60cdac85efe0b7e83d4744663fa |
		+ index | 1.0.2.4 | 2026-07-29 19:11:12 | b839ef3e80adb517c0496791efbf15a7 |
		+ index | 1.0.2.3 | 2026-07-29 19:11:12 | ea2757aafc68fe36c2a2b5e3bde0990b |
		+ index | 1.0.2.2 | 2026-07-29 19:11:12 | a5b0dbf02a0f5aa0f61a030968ccae5c |
		+ index | 1.0.2.1 | 2026-07-29 19:11:12 | 95cf47254709edd692fdf2c99f1a44a3 |
		+ index | 1.0.2.0 | 2026-07-29 19:11:12 | 4e9f5ca4258c6d586a4f5e70f3e134e3 |
		+ index | 1.0.1.4 | 2026-07-29 19:11:12 | 4e9f5ca4258c6d586a4f5e70f3e134e3 |
		+ index | 1.0.1.3 | 2026-07-29 19:11:12 | 2a702875f0528f0dca63ac8f11fa772d |
		+ index | 1.0.1.2 | 2026-07-29 19:11:12 | b876794fcd5b982873af0f1a0455706f |
		+ index | 1.0.1.1 | 2026-07-29 19:11:12 | e43016003b96643a1f1fa9aa3a1ca6ce |
		+ index | 1.0.1.0 | 2026-07-29 19:11:12 | c022f5388c4cbf5f07ae809e0d24b73a |
		+ index | 1.0.0.7 | 2026-07-29 19:11:12 | d7c487201415fdd504c633fbcdb30811 |
		+ index | 1.0.0.6 | 2026-07-29 19:11:12 | d7c487201415fdd504c633fbcdb30811 |
		+ index | 1.0.0.5 | 2026-07-29 19:11:12 | 2ebaf4305fe1b3940b2b050e5e4648a5 |
		+ index | 1.0.0.4 | 2026-07-29 19:11:12 | 65d5793136aecc77af91466f0cbca962 |
		+ index | 1.0.0.3 | 2026-07-29 19:11:12 | af5de4d432472afc78f5e08ae8005639 |
		+ index | 1.0.0.2 | 2026-07-29 19:11:12 | ac9f9eacfa1aa5dbe1721fe0bf0e6947 |
		+ index | 1.0.0.1 | 2026-07-29 19:11:12 | 8f9d0e5e7cb786dc070e1c42f5fbc645 |
		+ index | 1.0.0.0 | 2026-07-29 19:11:12 | 8f9d0e5e7cb786dc070e1c42f5fbc645 |
*/

/* ---------------------------------------------------
>> INDEX <<
------------------------------------------------- */

body {
background-color: #000;
}


div[itemscope=""] {
display: none;
}

.logoimg {
position: fixed;
display: table;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
padding: 0;
text-align: center;
z-index: -1;
width: 100%;
height: 100%;
will-change: opacity;
transform: translateZ(0);}

.logoimg > div {
display: table-cell;
vertical-align: middle;
}

.logoimg svg {
display: none;
opacity: 0;}

.logoimg h1 {
display: block;
margin: 0;
padding: 0;
width: 100%;
color: #fff;
font-family: 'FusionScreen-Light', Tahoma, Verdana, Arial, sans-serif;
font-size: 60px;
font-weight: 300;
text-transform: uppercase;
text-shadow: 0 0 5px rgba(0,0,0,0.8);
word-spacing: 30px;
z-index: -1;
will-change: opacity, transform;
}

@media screen and (max-width: 649px) {
.logoimg h1 {
font-size: 36px;
}
}



.logoimg h2 {
display: block;
margin: 0;
padding: 0;
width: 100%;
color: #fff;
line-height: 100%;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 28px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0,0,0,0.55);
word-spacing: 3px;
z-index: -1;
will-change: opacity, transform;
}

@media screen and (max-width: 649px) {
.logoimg h2 {
padding: 5px 0 0;
font-size: 16px;
}
}





.slideshow {
position: relative;
width: 120px;
height: 90px;
overflow: hidden;
border: none;
will-change: contents;
}

.slideshow img {
position: absolute;
width: 120px;
height: 90px;
margin: 0;
padding: 0;
transition: none !important;}




.liveapp-background {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center 0;
will-change: transform;
transform: translateZ(0);}

.liveapp-background .level1 {
z-index: 1;
}

.liveapp-background .level2 {
z-index: 2;
}

/* ---------------------------------------------------
>> INDEX / Footer  <<
------------------------------------------------- */
.footer {
position: fixed;
bottom: 0;
margin: 0;
padding: 8px 0 10px;
border-top: 6px solid #E7E7E7;
width: 100%;
color: #000;
text-align: center;
background-color: #fff;
box-shadow: 0 0 3px 3px rgba(0,0,0,0.4);font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
cursor: default;
z-index: 99;
will-change: transform;
transform: translateZ(0);}

.footer > p {
display: inline-block;
margin: 0;
padding: 0;
}

.footer > p > b {
line-height: 100%;
}

.footer > p > b > strong {
font-family: 'FusionScreen-Bold', 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}


.footer > p > a, .footer > p > a:link, .footer > p > a:visited {
display: inline-block;
margin: 0 2px;
padding: 3px 5px;
font-size: 11px;
font-weight: 300;
background-color: #eee;
border-radius: 3px;color: #333;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.25s ease-in, color 0.25s ease-in;will-change: background-color, color;
line-height: 100%;
}

.footer > p > a:hover, .footer > p > a:focus {
background-color: #ddd;
color: #000;
transition: background-color 0.25s ease-in, color 0.25s ease-in;}

.footer > p > a.active:not(.ssl), .footer > p > a.active:not(.ssl):link, .footer > p > a.active:not(.ssl):visited {
background-color: #3465a4;
background: linear-gradient(0deg, #204a87, #3465a4);color: #fff;
}


@media screen and (max-width: 649px) {
.footer > p > a, .footer > p > a:link, .footer > p > a:visited {
margin: 0 0 0 5px;
}
}




.footer > p > a.ssl, .footer > p > a.ssl:visited, .footer > p > a.ssl:link {
background-color: #f57900;
color: #fff;
}

.footer > p > a.ssl:hover, .footer > p > a.ssl:focus {
background-color: #ce5c00;
color: #fff;
}

.footer > p > a.ssl.active, .footer > p > a.ssl.active:visited, .footer > p > a.ssl.active:link {
background-color: #4e9a06;
color: #fff;
}

.footer > p > a.ssl.active:hover, .footer > p > a.ssl.active:focus {
background-color: #73d216;
color: #fff;
}

.footer > #webstream {
position: absolute;
top: 0;
right: 0;
display: none;
margin: 5px 6px 0 0;
padding: 3px 5px;
font-size: 11px;
font-weight: 300;
background-color: #eee;
border-radius: 3px;color: #555;
text-transform: uppercase;
overflow: hidden;
}

.footer > #webstream.show {
display: block;
}

.footer > #webstream.hdr.show {
background-color: #d6a64d;
color: #fff;
text-shadow: 0 2px 2px rgba(0,0,0,0.75);
}




@media screen and (max-width: 769px) {
.footer > p > b {
font-size: 10px;
}
.footer > p > a.cpodcast, .footer > p > a.ssl, .footer > p > a.crss, .footer > p > a.csitemap {
display: none;
}
}

@media screen and (max-width: 649px) {
.footer > p > b {
display: none;
}
.footer > #webstream {
position: static;
}
.footer > #webstream.show {
display: inline-block;
margin: 0 5px;
}
}




#updatetime {
position: fixed;
left: 10px;
bottom: 10px;
font-size: 9px;
color: #999;
}


@media screen and (max-width: 1380px) {
#updatetime {
display: none;
}
}







/*
@rev:		+ header | 2.1.0.3 | 2026-10-01 11:20:15 | 4a45e1187c1443608080cbbf9e712e53 | (current)
		+ header | 2.1.0.2 | 2026-07-29 19:11:11 | d812c58280052243ccceb5402c2950f5 |
		+ header | 2.1.0.1 | 2026-07-29 19:11:11 | f6eca243487cdb5ae1892ef94bdeb6ac |
		+ header | 2.1.0.0 | 2026-07-29 19:11:11 | 2213238102648b9919c1cab22b626a26 |
		+ header | 2.0.2.0 | 2026-07-29 19:11:11 | f9b9540a53c7c113ee42c9cb7fd71fb4 |
		+ header | 2.0.1.3 | 2026-07-29 19:11:11 | fc8add45429f46f9a24f91933e6f323b |
		+ header | 2.0.1.2 | 2026-07-29 19:11:11 | 84127693c3ee6b8230d8e43975eb2d1d |
		+ header | 2.0.1.1 | 2026-07-29 19:11:11 | a32c39922dce0ff33a7ae3f6231f75fe |
		+ header | 2.0.1.0 | 2026-07-29 19:11:11 | b8ef2caf297aba84c8da373f819d5680 |
		+ header | 2.0.0.3 | 2026-07-29 19:11:11 | 104a3ae79cbda98f04053cd872fed8e3 |
		+ header | 2.0.0.2 | 2026-07-29 19:11:11 | ddd0e1602f95f05904690ac6402c1603 |
		+ header | 2.0.0.1 | 2026-07-29 19:11:11 | c90161221ffa8484a6e09ceed3a36aba |
		+ header | 2.0.0.0 | 2026-07-29 19:11:11 | a1809dbf3dab78b0daa926d1871735de |
		+ header | 1.1.0.3 | 2026-07-29 19:11:11 | 1586e766cb719a70b2b0a9c3b3377ad3 |
		+ header | 1.1.0.2 | 2026-07-29 19:11:11 | ead711a6072254a1e4aec45e08bf504d |
		+ header | 1.1.0.1 | 2026-07-29 19:11:11 | 0cdd474f1757fd9baee72350b352703f |
		+ header | 1.1.0.0 | 2026-07-29 19:11:11 | 5746a8ed7868215f7d4a3fdad03a39be |
		+ header | 1.0.3.5 | 2026-07-29 19:11:11 | ec7693f67fc9090ed9fd48ff5a863fdf |
		+ header | 1.0.3.4 | 2026-07-29 19:11:11 | 71c6f8c9bbaaa3be8a65ce57fec4cf6b |
		+ header | 1.0.3.3 | 2026-07-29 19:11:11 | f883e52394be34e606aa225074839411 |
		+ header | 1.0.3.2 | 2026-07-29 19:11:11 | 553cd049e55a667a0acbe6925f45031e |
		+ header | 1.0.3.1 | 2026-07-29 19:11:11 | f7eeb11a70dd68609d173de7c7bdc434 |
		+ header | 1.0.3.0 | 2026-07-29 19:11:11 | db27888e3c74b2654171cefe481c2bce |
		+ header | 1.0.2.1 | 2026-07-29 19:11:11 | 0d7f010a5d760998f6e829f8980fde2d |
		+ header | 1.0.2.0 | 2026-07-29 19:11:11 | 34eacbd5c9de628573a61acdc509c35c |
		+ header | 1.0.1.8 | 2026-07-29 19:11:11 | 0bb5d91f3bf0ed64b12728e1ecff5235 |
		+ header | 1.0.1.7 | 2026-07-29 19:11:11 | 00ae23de27e198778c72affaed65ea0f |
		+ header | 1.0.1.6 | 2026-07-29 19:11:11 | ec36fe3696757f1e38e7575ff9f8ecda |
		+ header | 1.0.1.5 | 2026-07-29 19:11:11 | 26a000c8b625d49b4aaad1c597bf33e7 |
		+ header | 1.0.1.4 | 2026-07-29 19:11:11 | 96c18b8a03b4b7da2dd5c542462a19d7 |
		+ header | 1.0.1.3 | 2026-07-29 19:11:11 | 1e7d0740c8f2f500e0843e8baac67d2b |
		+ header | 1.0.1.2 | 2026-07-29 19:11:11 | 49d68e863e3ca8623f0aa785e7e7fc6b |
		+ header | 1.0.1.1 | 2026-07-29 19:11:11 | f4db966b6bce08a432f0c776e4da4bf8 |
		+ header | 1.0.1.0 | 2026-07-29 19:11:11 | acb8bebffbce590e84c3d9c73ff1c6a7 |
		+ header | 1.0.0.9 | 2026-07-29 19:11:11 | b0caf96c4a7bd093e79b10abccbd796b |
		+ header | 1.0.0.8 | 2026-07-29 19:11:11 | 20f90c46fcc472c53c745a892ec5a20a |
		+ header | 1.0.0.7 | 2026-07-29 19:11:11 | 24efbba6f61d3e207401ecf31716559c |
		+ header | 1.0.0.6 | 2026-07-29 19:11:11 | 5070ade6b883a6460cc9141fda674527 |
		+ header | 1.0.0.5 | 2026-07-29 19:11:11 | 013fad69fcf8d1cf3ce8138e7299b42a |
		+ header | 1.0.0.4 | 2026-07-29 19:11:11 | 2b8fd6885a45d58965a60cca7031477e |
		+ header | 1.0.0.3 | 2026-07-29 19:11:11 | e9f35c1790d308c9ea6457f8119ef6c3 |
		+ header | 1.0.0.2 | 2026-07-29 19:11:11 | 1c314998bd493206b01f3dde28ff3774 |
		+ header | 1.0.0.1 | 2026-07-29 19:11:11 | c5f9201fedc67bd2f755fa27a2833e9f |
		+ header | 1.0.0.0 | 2026-07-29 19:11:11 | 38d03af1584197c2e0293f93c6964827 |
*/

header {
position: relative;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 75px;
background-color: #fff;
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.35);border-bottom: 5px solid #E7E7E7;
text-align: center;
z-index: 11;
}

body.cdarkminds header {
position: fixed;
top: 0;
background-color: rgba(0,0,0,0.75);
border-color: rgba(0,0,0,0.35);
backdrop-filter: blur(25px);}

/* ---------------------------------------------------
>> HEADER / Header  <<
------------------------------------------------- */
header .hblock {
display: inline-block;
margin: 0 auto;
padding: 0;
width: 900px;
}

@media screen and (max-width:960px) {
header .hblock {
width: initial;
}
}
@media screen and (max-width:820px) {
header .hblock {
width: 100%;
}
}


header .hblock .logo {
position: absolute;
line-height: 100%;
z-index: 1;
display: block;
}

header .hblock .logo a {
display: block;
margin: 0;
padding: 0;
width: 129px;
height: 86px;
border: #fff solid 3px;
background-color: #fff;
background-image: url('data:image/png;base64,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');background-repeat: no-repeat;
background-position: center center;
background-size: cover;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);transition: all 0.3s linear;}

body.cdarkminds header .hblock .logo a {
border-color: #000;
background-color: #000;
}


@media screen and (max-width:820px) {
header .hblock .logo {
position: relative;
text-align: center;
height: 75px;
}

header .hblock .logo a {
margin: 0 auto;
}
}


header .hblock .mobilemenu {
position: absolute;
display: none;
margin: 0;
padding: 10px;
top: 0;
cursor: pointer;
z-index: 13;
background-color: #fff;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.35);border-bottom: 2px solid #E7E7E7;
}

body.cdarkminds header .hblock .mobilemenu {
border-color: #111;
background-color: #000;
}

header .hblock .mobilemenu {
left: 0;
border-right: 2px solid #E7E7E7;
}

header .hblock .mobilemenu > svg {
fill: #999;
width: 22px;
}

header .hblock .mobilemenu:hover > svg {
fill: #ccc;
}

/* [ACCESSIBILITY] the hamburger had no focus state at all
(WCAG 2.2 SC 2.4.7 Focus Visible, AA). */
header .hblock .mobilemenu:focus,
header .hblock .mobilemenu:focus-visible {
outline: 3px solid #204a87;
outline-offset: -3px;
}

header .hblock .mobilemenu:focus > svg,
header .hblock .mobilemenu:focus-visible > svg {
fill: #204a87;
}


@media screen and (max-width:820px) {
header .hblock .mobilemenu {
display: block;
}
}


header .hblock > ul {
display: flex;
position: relative;
margin: 0 0 0 180px;
padding: 0;
list-style-type: none;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
height: 75px;
text-align: left;
}

header.hfixed .hblock > ul {
height: unset;
}


@media screen and (max-width:960px) {
header .hblock > ul {
margin: 0 0 0 135px;
}
}
@media screen and (max-width:820px) {
header .hblock > ul {
display: none;
position: absolute;
left: 0;
margin: 0 auto;
width: 100%;
height: auto;
font-size: 14px;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}

body.cdarkminds header .hblock > ul {
background-color: rgba(0,0,0,0.75);
backdrop-filter: blur(25px);}
}


header .hblock > ul > li {
display: inline-flex;
flex-grow: 1;
margin: 0;
padding: 0;
cursor: pointer;
height: 100%;
border-bottom: 5px solid #E7E7E7;
transition: border-color 0.35s linear;vertical-align: top;
}

body.cdarkminds header .hblock > ul > li {
border-color: rgba(0,0,0,0.35);
}



@media screen and (max-width:820px) {
header .hblock > ul > li {
display: block;
border-bottom: none;
padding: 7px 0 0;
text-align: center;
}
}

header .hblock > ul > li > a, header .hblock > ul > li > a:visited, header .hblock > ul > li > a:link {
display: inline-block;
margin: 0 auto;
padding: 32px 15px 35px;
text-align: center;
color: #333;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
transition: color 0.35s linear;}

body.cdarkminds header .hblock > ul > li > a, body.cdarkminds header .hblock > ul > li > a:visited, body.cdarkminds header .hblock > ul > li > a:link {
color: rgba(255,255,255,0.75);
}

@media screen and (max-width:820px) {
header .hblock > ul > li > a, header .hblock > ul > li > a:visited, header .hblock > ul > li > a:link {
padding: 8px 0;
}
}

header .hblock > ul > li > a:hover, header .hblock > ul > li > a:focus, header .hblock > ul > li:hover a, header .hblock > ul > li:focus a {
color: #333;
transition: all 0.35s linear;}

header .hblock > ul > li > a:active {
color: #000;
transition: none;}

body.cdarkminds header .hblock > ul > li > a:hover, body.cdarkminds header .hblock > ul > li > a:focus, body.cdarkminds header .hblock > ul > li:hover a, body.cdarkminds header .hblock > ul > li:focus a {
color: #fff;
}

header .hblock > ul > li > a.arrow-down {
margin: 0;
padding: 30px 0 0;
}

@media screen and (max-width:820px) {
header .hblock > ul > li > a.arrow-down {
padding: 5px 0;
}
}

header .hblock > ul > li > a.arrow:before, header .hblock > ul > li > a.arrow-down:after {
display: inline-block;
margin: 0;
padding: 0 7px 0 0;
content: '\25BA';
}

header .hblock > ul > li:hover {
background-color: #F1F4F8;
border-color: #849eb3;
transition: all 0.35s linear;}

body.cdarkminds header .hblock > ul > li:hover {
background-color: rgba(215, 178, 93, 0.5);
border-color: #b5964e;
}

header .hblock > ul > li > ul, header .hblock .suggestion-more {
position: absolute;
display: none;
top: 75px;
left: 0;
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
color: #333;
background-color: #fff;
z-index: 11;
border-top: 5px solid #849eb3;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 5px solid #f7f7f7;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);}

body.cdarkminds header .hblock > ul > li > ul, body.cdarkminds header .hblock .suggestion-more {
color: rgba(255,255,255,0.75);
background-color: rgba(0,0,0,0.65);
border-top-color: #b5964e;
border-left-color: rgba(0,0,0,0.35);
border-right-color: rgba(0,0,0,0.35);
border-bottom-color: rgba(0,0,0,0.35);
backdrop-filter: blur(25px);}


@media screen and (max-width:820px) {
header .hblock > ul > li > ul, header .hblock .suggestion-more {
position: fixed;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
}

@media screen and (max-width:820px) {
header .hblock > ul > li > ul, header .hblock .suggestion-more {
position: static;
display: none;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
}

header .hblock .suggestion-more {
border-color: #fcaf3e;
background-color: #fff9f4;
}

/* [ACCESSIBILITY] "li:focus" in this list was dead code: an <li> is not focusable
and nothing had a tabindex, so it never matched. The result was that submenus
opened on :hover only, meaning keyboard and screen-reader users could not reach
any of the ~43 links inside them (WCAG 2.2 SC 2.1.1 Keyboard, A and
SC 4.1.2 Name Role Value, A). :focus-within matches whenever focus lands on the
link OR anywhere inside the submenu, so the submenu stays open while you tab
through it. */
header .hblock > ul > li.show > ul,
header .hblock > ul > li:hover > ul,
header .hblock > ul > li:focus-within > ul {
display: block;
transition: all 0.35s linear;}

header .hblock > ul > li > ul > li, header .hblock .suggestion-more > ul > li {
display: inline-block;
margin: 0 auto;
padding: 0;
list-style: none;
width: 33.3333333333%;
}

@media screen and (max-width:820px) {
header .hblock > ul > li > ul > li, header .hblock .suggestion-more > ul > li {
width: auto;
}

header .hblock > ul > li:hover > ul {
display: none;
}

/* [ACCESSIBILITY] keyboard/screen-reader equivalent on touch/narrow viewports,
where :hover cannot be relied on at all. */
header .hblock > ul > li:focus-within > ul,
header .hblock > ul > li.show > ul {
display: block;
}
}


header .hblock > ul > li > ul > li:hover {
background-color: #F1F4F8;
}

header .hblock > ul > li > ul > li:active {
background-color: #d0dae7;
transition: none;}

header .hblock > ul > li > ul > li.new {
background-color: #fbd0d0;
}

header .hblock > ul > li > ul > li.new:hover {
background-color: #f7a1a1;
}

header .hblock > ul > li > ul > li.new:active {
background-color: #f37272;
transition: none;}

header .hblock > ul > li > ul > li.business {
background-color: #f3e4c9;
}

header .hblock > ul > li > ul > li.business:hover {
background-color: #ead09f;
}

header .hblock > ul > li > ul > li.business:active {
background-color: #e1bb75;
transition: none;}

header .hblock .suggestion-more > ul > li:hover {
background-color: #fcaf3e;
}

header .hblock .suggestion-more > ul > li:active {
background-color: #fb9c0e;
transition: none;}

body.cdarkminds header .hblock > ul > li > ul > li:hover, body.cdarkminds header .hblock .suggestion-more > ul > li:hover {
color: rgba(255,255,255,0.75);
background-color: rgba(215, 178, 93, 0.5);
}

header .hblock > ul > li > ul > li > a, header .hblock .suggestion-more > ul > li > a {
display: flex;
padding: 12px 25px;
}

@media screen and (max-width:820px) {
header .hblock > ul > li > ul > li > a {
padding: 5px 10px;
}
}

header .hblock > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg {
display: block;
width: 32px;
height: 32px;
opacity: 0.8;fill: #000;
}

body.cdarkminds header .hblock > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg {
fill: rgba(255,255,255,0.75);
}

header .hblock > ul > li > ul > li > a:hover > svg, header .hblock .suggestion-more > ul > li > a:hover > svg {
fill: #204a87;
}

header .hblock > ul > li > ul > li > a:active > svg, header .hblock .suggestion-more > ul > li > a:active > svg {
fill: #16335f;
}

body.cdarkminds header .hblock > ul > li > ul > li > a:hover > svg, body.cdarkminds header .hblock .suggestion-more > ul > li > a:hover > svg {
fill: rgba(255,255,255,0.95);
}

header .hblock > ul > li > ul > li.new > a > svg {
fill: #cc0000;
}

header .hblock > ul > li > ul > li.new > a:hover > svg {
fill: #ef2929;
}

header .hblock > ul > li > ul > li.new > a:active > svg {
fill: #d51010;
}

header .hblock > ul > li > ul > li.business > a > svg {
fill: #a77a25;
}

header .hblock > ul > li > ul > li.business > a:hover > svg {
fill: #d6a343;
}

header .hblock > ul > li > ul > li.business > a:active > svg {
fill: #bc8929;
}

header .hblock > ul > li > ul > li > a > img, header .hblock .suggestion-more > ul > li > a > img {
display: block;
width: 32px;
height: 32px;
opacity: 0.8;}

header .hblock > ul > li > ul > li > a > img, header .hblock .suggestion-more > ul > li > a > img {
border-radius: 5px;}

header .hblock > ul > li > ul > li > a > img.avatar, header .hblock .suggestion-more > ul > li > a > img.avatar {
border-radius: 50%;}

@media screen and (max-width:820px) {
header .hblock > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg, header .hblock > ul > li > ul > li > a > img, header .hblock .suggestion-more > ul > li > a > img {
display: block;
width: 14px;
height: 14px;
margin: 4px 0 4px;
opacity: 1;}
header .hblock > ul > li.lang > ul > li > a > svg,
header .hblock > ul > li.lang > ul > li > a > p {
display: inline-block;
vertical-align: top;
}
}


header .hblock > ul > li > ul > li > a:hover > img, header .hblock .suggestion-more > ul > li > a:hover > img {
opacity: 1;}

header .hblock > ul > li > ul > li > a > p, header .hblock .suggestion-more > ul > li > a > p {
display: block;
margin: 0 0 0 10px;
padding: 0;
}

header .hblock > ul > li > ul > li > a > p > b, header .hblock .suggestion-more > ul > li > a > p > b {
display: block;
padding: 3px 0;
color: #333;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 130%;
}

body.cdarkminds header .hblock > ul > li > ul > li > a > p > b, body.cdarkminds header .hblock .suggestion-more > ul > li > a > p > b {
color: rgba(255,255,255,0.75);
}


@media screen and (max-width:820px) {
header .hblock > ul > li > ul > li > a > p, header .hblock .suggestion-more > ul > li > a > p {
margin: 0 5px;
}

header .hblock > ul > li > ul > li > a > p > b, header .hblock .suggestion-more > ul > li > a > p > b {
font-size: 12px;
}
}


header .hblock > ul > li > ul > li > a:hover > p > b {
color: #000;
}

header .hblock .suggestion-more > ul > li > a:hover > p > b {
color: #fff;
}

header .hblock > ul > li > ul > li.new > a > p > b {
color: #a40000;
}

header .hblock > ul > li > ul > li.new > a:hover > p > b {
color: #cc0000;
}

header .hblock > ul > li > ul > li.business > a > p > b {
color: #86611d;
}

header .hblock > ul > li > ul > li.business > a:hover > p > b {
color: #a77a25;
}

body.cdarkminds header .hblock > ul > li > ul > li > a:hover > p > b, body.cdarkminds header .hblock .suggestion-more > ul > li > a:hover > p > b {
color: rgba(255,255,255,0.95);
}

header .hblock > ul > li > ul > li > a > p > b > span {
display: inline-block;
margin: -2px 0 0 12px;
padding: 4px 6px 4px 4px;
font-size: 9px;
border-radius: 5px;color: #fff;
line-height: 100%;
text-transform: uppercase;
background-color: #556A7D;
vertical-align: top;
}

header .hblock > ul > li > ul > li:hover > a > p > b > span {
background-color: #9CADBB;
}

header .hblock > ul > li > ul > li:active > a > p > b > span {
background-color: #7d93a6;
transition: none;}

header .hblock > ul > li > ul > li.new > a > p > b > span {
background-color: #ef2929;
}

header .hblock > ul > li > ul > li.new:hover > a > p > b > span {
background-color: #f35959;
}

header .hblock > ul > li > ul > li.new:active > a > p > b > span {
background-color: #f02828;
transition: none;}

header .hblock > ul > li > ul > li.business > a > p > b > span {
background-color: #d6a343;
}

header .hblock > ul > li > ul > li.business:hover > a > p > b > span {
background-color: #dfb76d;
}

header .hblock > ul > li > ul > li.business:active > a > p > b > span {
background-color: #d6a243;
transition: none;}


@media screen and (max-width:820px) {
header .hblock > ul > li > ul > li > a > p > b > span {
margin: -1px 0 0 6px;
font-size: 8px;
}
}



header .hblock > ul > li > ul > li > a > p > i, header .hblock .suggestion-more > ul > li > a > p > i {
display: block;
padding: 0 0 0 1px;
color: #ccc;
font-weight: 500;
font-size: 10px;
}

body.cdarkminds header .hblock > ul > li > ul > li > a > p > i, body.cdarkminds header .hblock .suggestion-more > ul > li > a > p > i {
color: rgba(255,255,255,0.5);
}


@media screen and (max-width:820px) {
header .hblock > ul > li > ul > li > a > p > i, header .hblock .suggestion-more > ul > li > a > p > i {
display: none;
}
}


header .hblock > ul > li > ul > li > a:hover > p > i {
color: #aaa;
}

header .hblock .suggestion-more > ul > li > a:hover > p > i {
color: #eee;
}

header .hblock > ul > li > ul > li.new > a > p > i {
color: rgb(164, 0, 0, 0.5);
}

header .hblock > ul > li > ul > li.new > a:hover > p > i {
color: rgb(204, 0, 0, 0.5);
}

header .hblock > ul > li > ul > li.business > a > p > i {
color: rgb(134, 97, 29, 0.5);
}

header .hblock > ul > li > ul > li.business > a:hover > p > i {
color: rgb(167, 122, 37, 0.5);
}

header .hblock .selected {
background-color: #F1F4F8;
}

body.cdarkminds header .hblock .selected {
background-color: rgba(181, 150, 78,0.45);
}

header .hblock .selected:hover {
background-color: #D1DBE9;
}

header .hblock .selected:active {
background-color: #b0c1d9;
}

body.cdarkminds header .hblock .selected:hover {
background-color: rgba(181, 150, 78,0.75);
}

header .hblock > ul > li.selected {
border-color: #849eb3;
}

header .hblock > ul > li:active {
background-color: #d0dae7;
transition: none;}

header .hblock > ul > li.selected:active {
background-color: #6485a0;
}

header .hblock .selected > a, header .hblock .selected > a:visited, header .hblock .selected > a:link {
color: #465E71;
}

header .hblock .selected > a:active {
color: #334452;
transition: none;}

header .hblock .suggestion {
border-color: #fcaf3e;
background-color: #fff9f4;
padding: 0 7px;
}

header .hblock .suggestion:hover, header .hblock .suggestion-selected {
background-color: #fcaf3e;
border-color: #DE8703;
}

header .hblock .suggestion:active {
background-color: #fb9c0e;
border-color: #ab6803;
transition: none;}

header .hblock .suggestion > a, header .hblock .suggestion > a:visited, header .hblock .suggestion > a:link {
color: #F59503;
}

header .hblock .suggestion > a:active {
color: #c57702;
transition: none;}

header .hblock .suggestion:hover > a, header .hblock .suggestion > a:hover, header .hblock .suggestion-selected a {
color: #fff;
}

header .hblock .suggestion-first, header .hblock .suggestion-first:hover {
border-left: 4px solid #fff;
}

header .hblock .suggestion-end, header .hblock .suggestion-end:hover {
border-right: 4px solid #fff;
}

header .hblock svg.home {
display: block;
margin: -5px auto 0;
padding: 0;
width: 24px;
height: 24px;
fill: #bbb;
background-repeat: no-repeat;
transition: all 0.35s linear;}

body.cdarkminds header .hblock svg.home {
fill: rgba(255,255,255,0.75);
}


@media screen and (max-width:820px) {
header .hblock svg.home {
margin: 0 auto;
}
}


header .hblock .home:hover, header .hblock li.selected .home {
fill: #849eb3;
transition: all 0.35s linear;}

header .hblock .home:active, header .hblock li.selected .home:active {
fill: #6485a0;
transition: none;}

header .hblock li.lang > a:hover,
header .hblock li.lang > button:hover,
header .hblock li.lang > button:focus,
header .hblock li.lang a:hover, header .hblock li.lang a:focus, header .hblock li.lang a.active {
background-color: #849eb3;
}

header .hblock li.lang a:active {
background-color: #6485a0;
}

body.cdarkminds header .hblock li.lang a:hover, body.cdarkminds header .hblock li.lang a:focus, body.cdarkminds header .hblock li.lang a.active {
background-color: rgba(181, 150, 78, 0.45);
}

header .hblock li.lang a.active:hover, header .hblock li.lang a.active:focus {
background-color: #AFC0CE;
}

header .hblock li.lang a.active:active {
background-color: #90a8bb;
}

body.cdarkminds header .hblock li.lang a.active:hover, body.cdarkminds header .hblock li.lang a.active:focus {
background-color: rgba(181, 150, 78, 0.75);
}

/* [ACCESSIBILITY] The language-menu trigger used to be an <a> with no href
containing only an unlabelled SVG: no link role, not focusable, no accessible
name (WCAG 2.2 SC 4.1.2 Name Role Value, A and SC 2.1.1 Keyboard, A). It is
now a real <button>, so it gets Enter + Space for free. These selectors are
extended to match the button.

[ALIGNMENT] The old <a> was pushed down with a hardcoded padding-top to fake
vertical centring inside the 75px header bar. That hack does not transfer to a
<button>: button content is vertically centred inside its own content box, so
the extra padding-top added on top and the icon ended up sitting too low. The
li.lang is already an inline-flex item stretched to the full header height, so
the trigger is now a flex box that centres its own SVG over the full height -
no magic numbers, and it stays correct for both the 75px header and the 40px
header.hfixed bar. */
header .hblock li.lang > a,
header .hblock li.lang > button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: none;
font: inherit;
color: inherit;
line-height: 1;
cursor: pointer;
}

header .hblock li.lang > a > svg,
header .hblock li.lang > button > svg {
display: block;
margin: 0 auto;
padding: 0;
width: 24px;
height: auto;
}

header .hblock li.lang > ul {
left: unset;
right: 0;
width: auto;
}
header .hblock li.lang > ul > li {
width: auto;
}



header.hfixed {
position: fixed;
top: 0;
margin: 0;
padding: 0;
height: 40px;
}

body.hfixed {
padding: 76px 0 0 !important;
}

header.hfixed .logo > a {
width: 75px;
height: 50px;
}

header.hfixed .hblock > ul > li {
height: 40px;
}

header.hfixed .hblock > ul > li > a, header.hfixed .hblock > ul > li > a:visited, header.hfixed .hblock > ul > li > a:link {
padding: 14px 12px 5px;
}

header.hfixed .hblock > ul > li > ul {
top: 40px;
}


@media screen and (max-width:820px) {
header.hfixed .hblock .logo {
height: 40px;
}

header.hfixed .hblock > ul > li {
height: auto !important;
}

header.hfixed .hblock > ul > li > a > cite {
margin: 0 auto;
}

header.hfixed .hblock > ul > li > a, header.hfixed .hblock > ul > li > a:visited, header.hfixed .hblock > ul > li > a:link {
padding: 8px 0;
}

header .hblock li.lang a:first-child {
padding-top: 7px;
margin-top: 0;
}

header .hblock li.lang a, header .hblock li.lang a:link, header .hblock li.lang a:visited,header.hfixed .hblock li.lang a, header.hfixed .hblock li.lang a:link, header.hfixed .hblock li.lang a:visited {
display: inline-block;
margin: 0;
}

/* On narrow viewports the bar is no longer a fixed height (see the
header .hblock > ul rule above), so the trigger must fall back to its
intrinsic height instead of stretching. */
header .hblock li.lang > a,
header .hblock li.lang > button {
display: flex;
width: auto;
height: auto;
padding: 8px 0;
}

header .hblock li.home {
margin: 25px 0 0;
padding: 2px 0 0;
}
}





header .hblock > ul > li.darkmode {
text-align: center;
margin: 0;
padding: 0;
}

@media screen and (max-width:820px) {
header .hblock > ul > li.darkmode {
padding: 5px 0 8px;
border-bottom: 3px solid #556A7D;
}
}


/* [ACCESSIBILITY] WCAG 2.2 SC 2.5.8 Target Size (Minimum, AA) requires
>= 24x24 CSS px. This was 30x17, so it failed in the .hfixed layout
(12px margin) and on mobile (5px/3px margin). */
header .hblock > ul > li.darkmode > label {
display: inline-block;
margin: 26px auto;
padding: 0;
position: relative;
width: 44px;
height: 24px;
transition: all 0.3s linear;}

header.hfixed .hblock > ul > li.darkmode > label {
margin: 12px auto;
}


@media screen and (max-width:820px) {
header .hblock > ul > li.darkmode > label {
margin: 5px 0 3px;
}
}


/* [ACCESSIBILITY] The checkbox was "opacity:0; width:0; height:0", which keepsit focusable at zero size, so keyboard focus landed on nothing at all
(SC 2.4.7 Focus Visible, AA). Visually hidden with the clip technique
instead: still focusable, still exposed to assistive tech, but takes up no
space. The visible state is the .darkmodeslider span. */
header .hblock > ul > li.darkmode > label > input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
opacity: 0;}

/* [ACCESSIBILITY] This text was the only content of the wrapping <label>, and
"visibility: hidden" removes it from accessible-name computation, leaving
the checkbox with no name at all (SC 4.1.2 Name Role Value, A). It is now
visually hidden rather than hidden from assistive tech. */
header .hblock > ul > li.darkmode > label > b {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}

/* ---------------------------------------------------
>> HEADER / Profile  <<
------------------------------------------------- */


header > .profile {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: block;
margin: 0;
padding: 0 20px;
background-color: #E7E7E7;
z-index: 1;
cursor: pointer;
}


body.cdarkminds header > .profile {
background-color: transparent;
}

header > .profile:hover {
background-color: #D7D7D7;
}

header > .profile:active {
background-color: #cfcfcf;
}

body.cdarkminds header > .profile:hover {
background-color: rgba(255,255,255,0.2);
}

header > .profile > .avatar {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
opacity: 0.85;}

header > .profile:hover > .avatar {
opacity: 1;}

header > .profile > .avatar > div {
display: table-cell;
vertical-align: middle;
}

header > .profile > .avatar > div > p {
position: relative;
display: block;
margin: 0;
padding: 0;
background-color: #fff;
border-radius: 50%;overflow: hidden;
}

header > .profile > .avatar > div > p > span {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

header > .profile > .avatar > div > p > span::after {
position: absolute;
top: -200%;
left: -200%;
content: "";
width: 100%;
height: 500%;
opacity: 0.7;z-index: 1;
transform: rotate(30deg);background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.8), rgba(255,255,255,0));animation: hprof-glow 5s infinite forwards linear;
}

@keyframes hprof-glow {
0% {
left: -100%;
}

25% {
left: 100%;
}

100% {
left: 100%;
}
}

header > .profile > .avatar > div > p > img {
display: block;
margin: 0;
padding: 5px;
border-radius: 50%;overflow: hidden;
}

header.hfixed > .profile > .avatar > div > p > img {
width: 18px;
height: 18px;
}

header > .profile > .avatar > div > p > b {
display: block;
margin: 0;
padding: 5px;
border-radius: 50%;overflow: hidden;
}

header > .profile > .avatar > div > p > b {
width: 30px;
height: 30px;
background-color: #3465a4;
border: 3px solid #fff;
}

header > .profile > .avatar.logon > div > p > b {
background-color: #444;
}

header.hfixed > .profile > .avatar > div > p > b {
width: 18px;
height: 18px;
border: 2px solid #fff;
text-align: center;
}

header > .profile > .avatar > div > p > b > svg {
display: inline-block;
margin: 3px 15% 0;
padding: 0;
width: 70%;
height: auto;
fill: #fff;
}

header > .profile > .avatar > div > p > b > i {
display: block;
margin: 8px 0 0;
padding: 0;
color: #fff;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 16px;
}

header.hfixed > .profile > .avatar > div > p > b > i {
margin: 5px 0 0;
font-size: 9px;
}



/* [ACCESSIBILITY] Track was #ccc: the white thumb sat on it at 1.61:1, which
fails WCAG 2.2 SC 1.4.11 (Non-text Contrast, AA) needing >= 3:1.
#767676 against the white page is 4.54:1, and against the #fff thumb 4.54:1. */
.darkmodeslider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #767676;
transition: .4s;}

.darkmodeslider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
top: 3px;
background-color: #fff;
transition: .4s;}

input:checked + .darkmodeslider {
background-color: #272727;
}

/* [ACCESSIBILITY] replaces "box-shadow: 0 0 1px #373737". A 1px hairline with
no offset is below any usable threshold (WCAG 2.2 SC 2.4.7 Focus Visible, AA).
#204a87 is 8.78:1 against the white page behind the header. */
input:focus + .darkmodeslider,
input:focus-visible + .darkmodeslider {
outline: 3px solid #204a87;
outline-offset: 2px;
border-radius: 3px;}

input:checked + .darkmodeslider:before {
transform: translateX(20px);}

body.cdarkminds .darkmodeslider {
background-color: #444;
}

body.cdarkminds .darkmodeslider:before {
background-color: #ddd;
}


body.cdarkminds input:focus + .darkmodeslider,
body.cdarkminds input:focus-visible + .darkmodeslider {
outline-color: #fff;
}





/*
@rev:		+ timeline | 2.2.0.0 | 2026-07-29 19:11:14 | b9c1660c3de8b685dc9565d386afe20a | (current)
		+ timeline | 2.1.0.2 | 2026-07-29 19:11:14 | 0db48a340b441d4c681b7404e2ab3bc7 |
		+ timeline | 2.1.0.1 | 2026-07-29 19:11:14 | 371a6166eb6cafaf467a5c163a87011c |
		+ timeline | 2.1.0.0 | 2026-07-29 19:11:14 | 43d9c2a5eff54474f5643afe55dd7508 |
		+ timeline | 2.0.0.3 | 2026-07-29 19:11:14 | d8886c339584849798a9ce599604016c |
		+ timeline | 2.0.0.2 | 2026-07-29 19:11:14 | d8886c339584849798a9ce599604016c |
		+ timeline | 2.0.0.1 | 2026-07-29 19:11:14 | 1d4150da8a4c58a7374b9cb229fd351a |
		+ timeline | 2.0.0.0 | 2026-07-29 19:11:14 | 1d4150da8a4c58a7374b9cb229fd351a |
		+ timeline | 1.1.0.8 | 2026-07-29 19:11:14 | 799ae128fbde517d4eb734fa6ef71157 |
		+ timeline | 1.1.0.7 | 2026-07-29 19:11:14 | 799ae128fbde517d4eb734fa6ef71157 |
		+ timeline | 1.1.0.6 | 2026-07-29 19:11:14 | 23e6f528d3c1d198bd687966cf9b82d0 |
		+ timeline | 1.1.0.5 | 2026-07-29 19:11:14 | ef0a6f22003c4d1f3bf8447ea2eccd4a |
		+ timeline | 1.1.0.4 | 2026-07-29 19:11:14 | 41f56c4d16e4cfbd4311f7e1dfab806e |
		+ timeline | 1.1.0.3 | 2026-07-29 19:11:14 | c9358f2290c5c57202a6d11a98ae11be |
		+ timeline | 1.1.0.2 | 2026-07-29 19:11:14 | 23489ea490666d166c16db0fe674afb3 |
		+ timeline | 1.1.0.1 | 2026-07-29 19:11:14 | 98c87c18b3880be3999ddb8c31e8a0c0 |
		+ timeline | 1.1.0.0 | 2026-07-29 19:11:14 | 34cba40a54f5f285e23af476d4b39c2e |
		+ timeline | 1.0.1.8 | 2026-07-29 19:11:14 | 51c7e95bba5982c0d440ba29427742cf |
		+ timeline | 1.0.1.7 | 2026-07-29 19:11:14 | 9f194557eba6d1790eded01023c5baf1 |
		+ timeline | 1.0.1.6 | 2026-07-29 19:11:14 | fea9d1ccc3fad252b06d4542de34a6b6 |
		+ timeline | 1.0.1.5 | 2026-07-29 19:11:14 | 79cd4d70b04400e6e0df040670eefa15 |
		+ timeline | 1.0.1.4 | 2026-07-29 19:11:14 | dea3de460295f0d7cabed72cb11d8519 |
		+ timeline | 1.0.1.3 | 2026-07-29 19:11:14 | fa5a2abc28abf4ec0374c0977a195b34 |
		+ timeline | 1.0.1.2 | 2026-07-29 19:11:14 | 605c1c057cd353d81e25273243dbcb09 |
		+ timeline | 1.0.1.1 | 2026-07-29 19:11:14 | 4344debd6e8f3b135fdbfd39b0cfa51a |
		+ timeline | 1.0.1.0 | 2026-07-29 19:11:14 | 3ca524f54f2ac17ee407fbc8ba3bf6e5 |
		+ timeline | 1.0.0.9 | 2026-07-29 19:11:14 | a5fd567993ce03dffe2a77105543a77b |
		+ timeline | 1.0.0.8 | 2026-07-29 19:11:14 | edb6d50f2e7cec1037f99d7add19f80c |
		+ timeline | 1.0.0.7 | 2026-07-29 19:11:14 | f43072e374ca1aef164f84585fdea9f3 |
		+ timeline | 1.0.0.6 | 2026-07-29 19:11:14 | 095adb725608b3164e5de3a2f4636def |
		+ timeline | 1.0.0.5 | 2026-07-29 19:11:14 | a4304e6f020108142c4df0e849badbc1 |
		+ timeline | 1.0.0.4 | 2026-07-29 19:11:14 | a804071f714a12757909691d85c3abff |
		+ timeline | 1.0.0.3 | 2026-07-29 19:11:14 | 1d9f2a83c100a6e419423ac047fbf693 |
		+ timeline | 1.0.0.2 | 2026-07-29 19:11:14 | 1bc9e58aeb9e2f1e3724a4fa7c7ea461 |
		+ timeline | 1.0.0.1 | 2026-07-29 19:11:14 | e79849847ed5bf04d4792d1fba197de9 |
		+ timeline | 1.0.0.0 | 2026-07-29 19:11:14 | 9ec56a210e997bc62f4c9ea43e69c197 |
*/

*:focus {
outline: none;
}

*:focus-visible {
outline: 2px solid #3465a4;
outline-offset: 2px;
}

.ctimeline {
background-color: #fff;
}

.clookbook {
background-color: #f6f7f8;
}

.ctimeline > div.framebkg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.ctimeline > div.framebkg > img,
.ctimeline > div.framebkg > div,
.ctimeline > div.framebkg > div > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.ctimeline > div.framebkg > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.ctimeline > div.framebkg > img,
.ctimeline > div.framebkg > div > img {
object-fit: cover;
opacity: 0.25;filter: blur(12px);transition: opacity 0.5s linear;}

.ctimeline > div.framebkg.show > img,
.ctimeline > div.framebkg > div > img {
opacity: 0;}

.ctimeline > div.framebkg.show > div > img {
opacity: 0.25;transition: opacity 0.5s linear;}

.timeline, .lookbook {
margin: 0 auto;
padding: 25px 0 20px;
display: table;
list-style: none;
position: relative;
max-width: 1200px;
width: 100%;
height: 100%;
}

.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #d4d4d4;
left: 50%;
margin-left: -1.5px;
}

.timeline > li:before, .lookbook:before,
.timeline > li:after, .lookbook:after {
display: table;
content: " ";
}

.timeline > li > .panel {
padding: 0;
margin: 0 0 25px 0;
width: 50%;
}

.timeline > li > .panel.left {
float: left;
clear: left;
}

.timeline > li > .panel.right {
float: right;
clear: right;
margin: 30px 0 25px 0;
}

.timeline > li > .panel > .pbox {
display: block;
margin: 0 35px 0 20px;
border: #d4d4d4 solid 1px;
border-top: 4px solid #000;
border-radius: 2px;padding: 20px;
position: relative;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: rgba(255,255,255,0.8);
}

.timeline > li > .panel > .pbox {
border-top: 4px solid #A0BFDF;
}

.timeline > li > .panel.right > .pbox {
margin: 0 20px 0 35px;
}

.timeline > li > .panel > .pbox:before,
.timeline > li > .panel > .pbox:after {
position: absolute;
display: inline-block;
content: "";
}

.timeline > li > .panel > .pbox:before {
top: 25px;
right: -15px;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
}

.timeline > li > .panel > .pbox:after {
top: 26px;
right: -14px;
border-top: 14px solid transparent;
border-left: 14px solid rgba(255,255,255,0.8);
border-right: 0 solid rgba(255,255,255,0.8);
border-bottom: 14px solid transparent;
}

.timeline > li > .panel.right > .pbox:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}

.timeline > li > .panel.right > .pbox:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}

.timeline > li > .panel > .pbox > .badge {
display: block;
position: absolute;
top: 27px;
right: -48px;
width: 15px;
height: 15px;
background-color: #000;
border: 5px solid #fff;
border-radius: 50%;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);z-index: 0;
}

.timeline > li > .panel:hover > .pbox > .badge {
background-color: #000;
}

.timeline > li > .panel.right > .pbox > .badge {
left: -48px;
}



.timeline > li > .panel > .pbox > .label {
position: absolute;
top: 0;
right: 10px;
display: block;
margin: 0;
padding: 0;
z-index: 1;
overflow: hidden;
}
.timeline > li > .panel > .pbox > .label > a {
position: relative;
display: block;
margin: 0 5px 5px;
padding: 6px 10px 7px;
background-color: #000;
text-transform: uppercase;
color: #fff;
text-shadow: 0 0 1px rgba(0,0,0,0.35);
box-shadow: 0 0 3px 0 rgba(0,0,0,0.65);line-height: 100%;
overflow: hidden;
}

.timeline > li > .panel > .pbox > .label > a:after {
position: absolute;
top: -100%;
left: -100%;
content: "";
width: 50%;
height: 300%;
opacity: 0.35;transform: rotate(30deg);background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));animation: colorline 5s infinite linear;
z-index: 1;
}

.timeline > li > .panel:hover > .pbox > .label > a:after {
opacity: 0.25;}

@keyframes colorline {
0% {
left: -100%;
}

100% {
left: 200%;
}
}


.timeline > li > .panel > .pbox > .thumbnail {
overflow: hidden;
padding: 0;
position: relative;
display: block;
border-radius: 8px;white-space: nowrap;
transform: translateZ(0);}

.timeline > li > .panel > .pbox > .thumbnail > a {
margin: 0;
padding: 0;
}

.timeline > li > .panel > .pbox > .thumbnail > a > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto;
transform: scale(1.0);transition: all 0.35s ease-in;}

.timeline > li > .panel:hover > .pbox > .thumbnail:not(.video) > a > img, .timeline > li > .panel > .pbox > .thumbnail:not(.video):hover > a > img {
transform: scale(1.1);transition: all 0.35s ease-in;image-rendering: auto;
}

.timeline > li > .panel > .pbox > small, .lookbook > li > .panel > .pbox > small {
display: block;
background-color: rgba(240, 243, 245, 0.8);
color: #717d87;
font-size: 11px;
line-height: 100%;
margin: 5px 0 0;
padding: 7px 10px;
}

.timeline > li > .panel > .pbox > h4, .lookbook > li > .panel > .pbox > h2 {
display: inline-block;
vertical-align: top;
}

.timeline > li > .panel > .pbox > h4 {
margin: 12px 0 7px;
}

.lookbook > li > .panel > .pbox > h2 {
margin: 7px 0 7px;
}

.lookbook > li > .panel > .pbox > h3 {
display: inline-block;
margin: 12px 0 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
}

.lookbook > li > .panel > .pbox > h3.hbtn {
display: block;
margin: 0;
}

.timeline > li > .panel > .pbox > h4 > span, .lookbook > li > .panel > .pbox > h2 > span {
display: inline-block;
margin: 0 0 0 18px;
padding: 5px 7px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 100%;
border-radius: 5px;text-transform: uppercase;
transform: scale(1.0);transition: all 0.35s ease-in;}

.timeline > li > .panel:hover > .pbox > h4 > span, .lookbook > li > .panel:hover > .pbox > h2 > span {
font-weight: 700;
transform: scale(1.2);transition: all 0.35s ease-in;}

.timeline > li > .panel > .pbox > h4 > a, .lookbook > li > .panel > .pbox > h2 > a,
.timeline > li > .panel > .pbox > h4 > a:visited, .lookbook > li > .panel > .pbox > h2 > a:visited,
.timeline > li > .panel > .pbox > h4 > a:link, .lookbook > li > .panel > .pbox > h2 > a:link {
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 130%;
color: #1f2122;
transition: all 0.35s ease-in;}

.timeline > li > .panel > .pbox > h4 > a:hover, .lookbook > li > .panel > .pbox > h2 > a:hover,
.timeline > li > .panel > .pbox > h4 > a:focus, .lookbook > li > .panel > .pbox > h2 > a:focus {
color: #70767A;
}

.timeline > li > .panel > .pbox > h4 > a > svg {
display: inline-block;
margin: 0 0 0 12px;
width: auto;
height: 18px;
fill: #1f2122;
vertical-align: baseline;
}

.timeline > li > .panel > .pbox > h4 > a:focus > svg, .lookbook > li > .panel > .pbox > h2 > a:focus > svg {
fill: #70767A;
}

.lookbook > li > .panel > .pbox > h5 > a,.lookbook > li > .panel > .pbox > h5 > a:visited, .lookbook > li > .panel > .pbox > h5 > a:link {
display: block;
margin: 0 auto;
padding: 12px 25px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 100%;
background-color: #cc0000;
color: #fff;
border-radius: 7px;transition: all 0.35s ease-in;text-align: center;
text-transform: uppercase;
}

.lookbook > li > .panel > .pbox > h5 > a:hover {
background-color: #ef2929;
}


.timeline > li > .panel > .pbox > span {
display: block;
margin: 3px 0 10px;
padding: 0;
color: #999;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 130%;
}

.timeline > li > .panel > .pbox > span > img {
float: left;
margin: -5px 8px 0 0;
padding: 0;
border-radius: 100%;}

.timeline > li > .panel > .pbox > span > a {
display: inline-block;
margin: 1px 3px 0 0;
vertical-align: top;
line-height: 120%;
}

.timeline > li > .panel > .pbox > p, .lookbook > li > .panel > .pbox > p {
display: block;
margin: 7px 0 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 150%;
text-align: left;
}

.timeline > li > .panel > .pbox > p > span {
display: inline-block;
margin: 14px 5px 0 0;
padding: 0;
vertical-align: top;
font-size: 11px;
}


@media screen and (max-width: 800px) {
.timeline:before {
left: 15px;
}

.timeline > li > .panel {
width: 100%;
}

.timeline > li > .panel.left,
.timeline > li > .panel.right {
clear: both;
float: none;
}

.timeline > li > .panel.left > .pbox,
.timeline > li > .panel.right > .pbox {
margin: 0 20px 0 50px;
}

.timeline > li > .panel.left > .pbox:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}

.timeline > li > .panel.left > .pbox:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}

.timeline > li > .panel.left > .pbox > .badge {
left: -48px;
}
}


.timeline > li > .panel a {
margin: 0;
padding: 0;
}

.timeline > li > .panel > div > p > a.more {
display: inline-block;
margin: 0 3px;
padding: 2px 7px;
border-radius: 5px;font-size: 12px;
color: #777;
background-color: #eee;
}

.timeline > li > .panel > div > p > a.more:hover, .timeline > li > .panel > div > p > a.more:focus {
color: #ce5c00;
background-color: #FDC97E;
}

.timeline > li > .panel > div > p > a > img {
display: inline-block;
margin: 0;
padding: 0;
border-radius: 50%;}

.timeline > li > .panel > div > p > a > span {
display: inline-block;
margin: 7px 3px 0 8px;
padding: 0;
vertical-align: top;
}

.timeline > li.label, .lookbook > li.label {
display: block;
text-align: center;
margin: 35px 0;
clear: both;
}


@media screen and (max-width: 1200px) {
.timeline > li.label, .lookbook > li.label {
margin: 35px 10px;
}
}

@media screen and (max-width: 800px) {
.timeline > li.label, .lookbook > li.label {
text-align: left;
margin: 0 5px 35px 5px;
}
}


.timeline > li.label.short, .lookbook > li.label.short {
margin: 0 0 15px;
}

.timeline > li.label > h2, .timeline > li.label > h3, .timeline > li.label > a, .lookbook > li.label > h2, .lookbook > li.label > h3, .lookbook > li.label > a {
position: relative;
display: inline-block;
margin: 0 auto;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: #fff;
border: 1px solid #d4d4d4;
border-radius: 7px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
}


.timeline > li.label > h2 {
padding: 12px 20px 7px;
border-bottom: 5px solid #3465a4;
font-size: 21px;
}

.timeline > li.label > h3 {
padding: 9px 20px 5px;
border-bottom: 5px solid #babdb6;
font-size: 13px;
}

.timeline > li.label > a,.timeline > li.label > a:visited,.timeline > li.label > a:link, .lookbook > li.label > a, .lookbook > li.label > a:visited, .lookbook > li.label > a:link {
display: block;
padding: 5px 20px 9px;
border-bottom: 5px solid #555753;
font-size: 13px;
text-transform: none;
color: inherit;
z-index: 1;
}



@media screen and (max-width: 640px) {
.timeline > li.label > a, .timeline > li.label > a:visited, .timeline > li.label > a:link, .lookbook > li.label > a, .lookbook > li.label > a:visited, .lookbook > li.label > a:link {
padding: 5px 12px 4px 12px;
border-left: none;
border-right: none;
margin: 0 10px;
}
}



.lookbook > li.label > .gearlink {
display: block;
margin: 0;
padding: 0;
text-align: right;
}

.lookbook > li.label > .gearlink > a {
display: inline-block;
margin: 0 35px 0 0;
padding: 7px 12px;
background-color: #75507b;
border-radius: 0 0 7px 7px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #fff;
text-transform: uppercase;
transition: all 0.25s linear;}

.lookbook > li.label > .gearlink > a:hover {
background-color: #93659a;
}

.lookbook > li.label > .gearlink > a > svg {
display: inline-block;
margin: 0;
padding: 0;
height: 24px;
width: auto;
fill: #fff;
}

.lookbook > li.label > .gearlink > a > span {
display: inline-block;
margin: 0;
padding: 6px 0 0 9px;
vertical-align: top;
}

.timeline > li.label > a.feed,.timeline > li.label > a:visited.feed,.timeline > li.label > a.feed:link {
position: absolute;
top: 0;
right: 0;
display: block;
margin: 10px 0 0;
padding: 4px 7px;
border: none;
font-size: 13px;
text-transform: none;
color: inherit;
z-index: 2;
float: right;
}


.timeline > li.label > a > h1 {
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 150%;
font-size: 24px;
}



@media screen and (max-width: 1200px) {
.timeline > li.label > a.feed,.timeline > li.label > a:visited.feed,.timeline > li.label > a.feed:link {
right: 10px;
}
}
@media screen and (max-width: 640px) {
.timeline > li.label > a > h1 {
font-size: 21px;
}
}




.timeline > li.filterbox {
margin: -45px 0 35px;
padding: 0;
}

.timeline > li.filterbox > div.fbox {
position: relative;
margin: 0 auto;
padding: 15px 20px 7px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: #fff;
border: 1px solid #d4d4d4;
border-radius: 7px;border-bottom: 5px solid #ccc;
z-index: 0;
}



@media screen and (max-width: 1200px) {
.timeline > li.filterbox > div.fbox {
margin: 0 10px;
}
}


.timeline > li.filterbox > div.fbox > input {
display: block;
margin: 0;
padding: 3px 0;
width: 100%;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 150%;
font-size: 13px;
text-align: center;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);border-top: 1px solid #eee;
border-left: 4px solid #babdb6;
border-bottom: 1px solid #eee;
border-right: 4px solid #babdb6;
color: #666;
text-transform: uppercase;
}

.timeline > li.filterbox > div.fbox > div.fsuggestions {
display: none;
}

.timeline > li.filterbox > div.fbox > div.fsuggestions > span, p.peoplelink > a, p.peoplelink > a:link, p.peoplelink > a:visited {
display: inline-block;
margin: 5px 3px 0;
padding: 5px 7px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 100%;
font-size: 11px;
background-color: #eee;
color: #777;
border-radius: 7px;cursor: pointer;
}

p.peoplelink {
margin: 0;
padding: 0;
}

p.peoplelink > a:hover, p.peoplelink > a:focus {
background-color: #A0BFDF;
color: #204a87;
}

a.hashtag-text,
a.hashtag-text:visited,
a.hashtag-text:link {
display: inline-block;
margin: 0;
padding: 0 2px;
color: #849EB3;
border-radius: 0 2px 2px 0;font-size: 11px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}

a.hashtag-text:hover,
a.hashtag-text:focus {
color: #BFCED9;
}

.startbox, .endbox {
width: 100%;
}

.startbox {
height: 20px;
}

.endbox {
height: 50px;
}




.lookbook:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 18px;
margin-left: -1.5px;
}

.lookbook > li > .panel {
padding: 0;
margin: 0 0 35px 0;
width: 100%;
}

.lookbook > li > .panel > .pbox {
position: relative;
display: block;
margin: 0 0 0 52px;
padding: 20px;
border: #d4d4d4 solid 1px;
border-radius: 2px;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: #fff;
}


@media screen and (max-width: 800px) {
.lookbook > li > .panel > .pbox {
margin: 0;
padding: 0;
}
}


.lookbook > li > .panel > .pbox > .badge {
display: block;
position: absolute;
top: 27px;
left: -47px;
width: 15px;
height: 15px;
border: 5px solid #fff;
border-radius: 15px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);z-index: 0;
}

.lookbook > li > .panel > .pbox:before,
.lookbook > li > .panel > .pbox:after {
position: absolute;
display: inline-block;
content: "";
}

.lookbook > li > .panel > .pbox:before {
top: 25px;
left: -15px;
border-top: 15px solid transparent;
border-left: 0 solid #ccc;
border-right: 15px solid #ccc;
border-bottom: 15px solid transparent;
}

.lookbook > li > .panel > .pbox:after {
top: 26px;
left: -14px;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
}

.lookbook > li > .panel > .pbox > small {
margin: 0;
}


.lookbook ul.userview {
position: relative;
display: flex;
margin: 0;
padding: 0;
background-color: #f6f7f8;
line-height: 100%;
overflow: hidden;
flex-wrap: wrap;
list-style-type: none;
}

.lookbook ul.userview > li {
display: block;
margin: 0;
padding: 0;
line-height: 100%;
width: 25%;
height: auto;
white-space: nowrap;
cursor: pointer;
}


@media screen and (max-width: 960px) {
.lookbook ul.userview > li {
width: 33%;
}
}

@media screen and (max-width: 640px) {
.lookbook ul.userview > li {
width: 50%;
}
}

@media screen and (max-width: 320px) {
.lookbook ul.userview > li {
width: 100%;
}
}


.lookbook ul.userview > li > div, .lookbook ul.userview > li > div > a, .lookbook ul.userview > li > div > a > img {
display: block;
margin: 0;
padding: 0;
line-height: 100%;
overflow: hidden;
white-space: nowrap;
}

.lookbook ul.userview > li > div {
padding: 0 0 4px 4px;
}

.lookbook ul.userview > li > div > a {
text-decoration: none;
}

.lookbook ul.userview > li > div > a > img {
width: 100%;
height: auto;
transition: all 0.15s ease-out;}

.lookbook ul.userview > li:hover > div > a > img {
opacity: 0.75;transform: scale(1.1);transition: all 0.25s ease-in;image-rendering: pixelated;
}

.lookbook .favorite, .lookbook .favorite.active:hover, .lookbook .favorite.active:focus {
position: absolute;
top: 10px;
right: 0;
margin: 5px 10px 0 0;
padding: 3px 5px;
background-color: rgba(0,0,0,0.6);
border: 1px solid rgba(255,255,255,0.6);
border-radius: 7px;z-index: 1;
cursor: pointer;
}

.lookbook ul.userview > li > div.thumbbox:hover .favorite, .lookbook ul.userview > li > div.thumbbox:focus .favorite, .lookbook ul.userview > li > div.thumbbox .favorite.active {
background-color: rgba(0,0,0,0.8);
border-color: rgba(255,255,255,0.8);
}

.lookbook .favorite > img {
display: block;
margin: 0;
padding: 0 0 7px;
background-repeat: no-repeat;
}

.lookbook .favorite > img, .lookbook .favorite.active:hover > img, .lookbook .favorite.active:focus > img {
opacity: 0.6;}

.lookbook ul.userview > li > div.thumbbox:hover .favorite > img, .lookbook ul.userview > li > div.thumbbox:focus .favorite > img, .lookbook ul.userview > li > div.thumbbox .favorite.active > img {
opacity: 1;}

.lookbook .favorite > span {
display: block;
margin: -25px 5px 5px 30px;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 100%;
letter-spacing: 0.7px;
}

.lookbook .favorite > span, .lookbook .favorite.active:hover > span, .lookbook .favorite.active:focus > span {
color: #aaa;
}

.lookbook .favorite:hover > span, .lookbook .favorite:focus > span, .lookbook .favorite.active > span {
color: #fff;
}


.favorite img, .favorite.active:hover img, .favorite.active:focus img {
background-image: url('data:image/gif;base64,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');}

.favorite:hover img, .favorite:focus img, .favorite.active img, .favorite-highlight img {
background-image: url('data:image/gif;base64,R0lGODlhGAAYANUAANLS09bX2bCytbO1uG2Ak4mXpY6bqJSfqqSqsL7Awra4uuzu8Onr7efp69nb3fb3+F91iWR5jGZ7jnGElnWHmHiKmoaVo2h9j6musru+wPL09fDy8+Pl5vz9/fj5+f7+/v39/dDQ0P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACIALAAAAAAYABgAAAZ6QJFwSCwaj8ikcskURSBGiIRp4Xw6DoqQ4uh8GoZk4UMmeyaTR5l8QDLW5FAI/tEcL/S6Jl8xEvKAH31GG4FwHkgKhmsZSBdvixsXSQYNhgttSggegB0YTRiAn00iAyBwCqRDAmsCqkQJZAmvRQEAtEUXU7i8vb6/RkEAOw==');}





/*
@rev:		+ booking | 2.1.1.7 | 2026-07-29 19:11:10 | d568f9bf05819ce5f47764604e586473 | (current)
		+ booking | 2.1.1.6 | 2026-07-29 19:11:10 | 2ff098758ca9b77f7496912878297665 |
		+ booking | 2.1.1.5 | 2026-07-29 19:11:10 | bf6fdf6afb4249825d7cc2b82e8162cd |
		+ booking | 2.1.1.4 | 2026-07-29 19:11:10 | 080dd30ada1048b1fc2230b506f0047e |
		+ booking | 2.1.1.3 | 2026-07-29 19:11:10 | 5b444f747835302ff6a8a9447f6597dd |
		+ booking | 2.1.1.2 | 2026-07-29 19:11:10 | 6a51db721d2e4be4b414a451de06aead |
		+ booking | 2.1.1.1 | 2026-07-29 19:11:10 | db198415b1d70dd6b27731ec4a371988 |
		+ booking | 2.1.1.0 | 2026-07-29 19:11:10 | a8e069cd1d12da6854c543051b224a07 |
		+ booking | 2.1.0.2 | 2026-07-29 19:11:10 | b787ddc1a049966291d52f80bf4d1789 |
		+ booking | 2.1.0.1 | 2026-07-29 19:11:10 | 3c8ec9544bc8e3344a392d9c1bf52a0c |
		+ booking | 2.1.0.0 | 2026-07-29 19:11:10 | d73ca311aecaf89319b88ff6c43d089c |
		+ booking | 2.0.0.3 | 2026-07-29 19:11:10 | 4a369f69696a71349e1c93963b2dd5a2 |
		+ booking | 2.0.0.2 | 2026-07-29 19:11:10 | 41aa787939bc11db9e6b9e75928d7920 |
		+ booking | 2.0.0.1 | 2026-07-29 19:11:10 | 4f85dfb414b13d68137a260e32a7bd0f |
		+ booking | 2.0.0.0 | 2026-07-29 19:11:10 | 4f85dfb414b13d68137a260e32a7bd0f |
		+ booking | 1.0.0.5 | 2026-07-29 19:11:10 | 862357b38a2436e2de3d45943071e638 |
		+ booking | 1.0.0.4 | 2026-07-29 19:11:10 | 862357b38a2436e2de3d45943071e638 |
		+ booking | 1.0.0.3 | 2026-07-29 19:11:10 | 30217f15d97be013ea1f55c5a7abadf6 |
		+ booking | 1.0.0.2 | 2026-07-29 19:11:10 | 0effcc63ad51469643bc1c32d5972a7a |
		+ booking | 1.0.0.1 | 2026-07-29 19:11:10 | e8153b1571a9bcd9c3cb751bcf87d95f |
		+ booking | 1.0.0.0 | 2026-07-29 19:11:10 | 246927640c1ef53430346c78be51c804 |
*/




/*.booking > li.label.month {
margin: 0 0 55px;
}
*/

.liveapp-loading {
position: fixed;
bottom: 48%;
left: 48%;
width: 33px;
height: 33px;
padding: 0;
margin: 0 0 5px 5px;
overflow: hidden;
border: 1px solid #849eb3;
background-repeat: no-repeat;
background-color: #fff;
background-position: 0 0;
border-radius: 3px;color: #849eb3;
cursor: pointer;
z-index: 2002;
opacity: 0.85;box-shadow: 0 0 3px 3px #849eb3;}


.booking > li > .panel.right {
margin: 0 0 25px 0;
}


@media screen and (max-width: 800px) {
.booking > li.label.short, .lookbook.booking > li.label.short {
margin: 40px 0 30px 0;
}
}



.booking > li.label.short > .notice {
position: relative;
display: block;
margin: 0 auto;
width: 500px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: #fff;
border: 1px solid #d4d4d4;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 120%;
}


@media screen and (max-width: 500px) {
.booking > li.label.short > .notice {
margin: 0 25px;
width: auto;
}
}


.booking > li.label.short > .notice > p {
display: block;
margin: 15px 25px 10px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}

.booking > li.label.short > .notice > p > strong {
color: #cc0000;
}

.booking > li.label.short > .notice > b {
display: block;
margin: 0 25px 10px;
}

.booking > li.label.short > .notice > b > span {
display: block;
margin: 0;
padding: 7px 12px;
background-color: #e6e6e6;
font-family: 'Courier New', Courier;
font-size: 16px;
text-align: left;
cursor: text;
line-height: 135%;
}

.booking > li.label.short > .notice > a, .booking > li.label.short > .notice > a:link, .booking > li.label.short > .notice > a:visited {
display: block;
margin: 0;
padding: 5px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #cc0000;
cursor: pointer;
}

.booking > li.label.short > .notice > a:hover, .booking > li.label.short > .notice > a:focus {
background-color: #a40000;
}

.booking > li.information {
width: 100%;
text-align: center;
margin: 0 0 35px;
clear: both;
}


.booking > li.information.morespace {
margin: 60px 0 35px;
}

.booking > li.information > .ibox {
position: relative;
display: block;
margin: 0 auto;
width: 70%;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: #fff;
border: 1px solid #d4d4d4;
border-radius: 7px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 120%;
}


@media screen and (max-width: 800px) {
.booking > li.information > .ibox {
width: initial;
margin: 0 10px;
}
}



.booking > li.administrative {
margin: 10px 0 35px;
padding: 25px 0;
background-color: rgba(204,0,0,0.4);
}

.booking > li.administrative > .ibox {
border: 4px solid #cc0000;
box-shadow: 0 1px 6px rgba(204,0,0,0.175);}



.booking > li.required > .ibox {
position: relative;
animation: errorbox-pulse 1s infinite forwards linear;
}

@keyframes errorbox-pulse {
0% {
box-shadow: 0 0 0 0 rgba(204, 0, 0, 0.5);}
70% {
box-shadow: 0 0 0 30px rgba(204, 0, 0, 0);}
100% {
box-shadow: 0 0 0 0 rgba(204, 0, 0, 0);}
}

.booking > li.required > .ibox.hide {
display: none;
animation: none;
}


.booking > li.information > .ibox > h3, .booking > li.status > .ibox > h3 {
display: block;
margin: 0;
padding: 7px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 120%;
background-color: #6e706b;
color: #fff;
text-align: center;
text-transform: uppercase;
border-radius: 2px 2px 0 0;}

.booking > li.information > .ibox:hover > h3, .booking > li.status > .ibox:hover > h3 {
background-color: #555753;
}

.booking > li.administrative > .ibox > h3, .booking > li.required > .ibox > h3 {
background-color: #ef2929;
}

.booking > li.administrative > .ibox:hover > h3, .booking > li.required > .ibox:hover > h3 {
background-color: #a40000;
}

.booking > li.blue > .ibox > h3 {
background-color: #204a87;
}

.booking > li.blue > .ibox:hover > h3 {
background-color: #3465a4;
}

.booking > li.alert > .ibox > h3 {
position: relative;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
background-color: #f57900;
text-shadow: 0 0 2px rgba(0,0,0,0.25);
overflow: hidden;
}

.booking > li.alert > .ibox:hover > h3 {
background-color: #fcaf3e;
}

.booking > li.alert > .ibox {
border: 3px solid #ce5c00;
}


.booking > li > .ibox > .rbar {

display: block;
margin: 15px 50px;
padding: 0;
}

.booking > li > .ibox > .rbar > span {
display: block;
margin: 0;
padding: 0;
background: #a40000;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);border-radius: 5px;height: 10px;
width: 100%;
overflow: hidden;
}

.booking > li > .ibox > .rbar > span > b {
position: relative;
display: block;
margin: 0;
padding: 0;
background-color: #FCBC51;
width: 100%;
height: 100%;
box-shadow: 0 0 1px 3px rgba(0,0,0,0.25);}

.booking > li.alert > .ibox > h3::after,
.booking > li > .ibox > .rbar > span > b::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);z-index: 1;
background-size: 50px 50px;
animation: rbar-move 2s linear infinite;
overflow: hidden;
}

.booking > li.alert > .ibox > h3::after {
animation: rbar-big-move 10s linear infinite;
background-size: 150px 150px;
}

@keyframes rbar-move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}

@keyframes rbar-big-move {
0% {
background-position: 0 0;
}
100% {
background-position: 150px 150px;
}
}

.booking > li.alert > .ibox > .buttons {
display: block;
margin: 0;
padding: 0;
}

.booking > li.alert > .ibox > .buttons > a {
display: block;
margin: 0;
padding: 5px 0;
background-color: #ad7fa8;
cursor: pointer;
}

.booking > li.alert > .ibox > .buttons > a:hover {
background-color: #75507b;
}

.booking > li.alert > .ibox > .buttons > a > svg {
display: inline-block;
margin: 0;
padding: 0;
width: auto;
height: 24px;
fill: #fff;
}

.booking > li.alert > .ibox > .buttons > a > span {
display: inline-block;
margin: 7px 7px 0 7px;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 100%;
text-transform: uppercase;
vertical-align: top;
color: #fff;
text-decoration: none;
}

.booking > li.information > .ibox > p, .booking > li.status > .ibox > p {
position: relative;
display: block;
margin: 0;
padding: 20px 50px 10px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 140%;
text-align: center;
cursor: default;
overflow: hidden;
}

.booking > li.required > .ibox > p {
padding: 20px 50px;
background-color: #a40000;
color: rgba(255,255,255,0.7);
}

.booking > li.required > .ibox > p:after {
position: absolute;
top: -100%;
left: -100%;
content: "";
width: 20%;
height: 300%;
opacity: 0.2;transform: rotate(35deg);transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255,255,255,0.8);
z-index: 0;
box-shadow: 0 0 0 0 rgba(204, 0, 0, 0.5);}

.booking > li.required > .ibox > p:hover:after {
left: 200%;
opacity: 0.4;transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);}


.booking > li.required:hover > .ibox > p {
background-color: #700000;
color: rgba(255,255,255,0.8);
}



@media screen and (max-width: 800px) {
.booking > li.information > .ibox > p, .booking > li.status > .ibox > p {
padding: 10px 25px;
}
}
@media screen and (max-width: 640px) {
.booking > li.information > .ibox > p, .booking > li.status > .ibox > p {
padding: 10px 15px 10px;
}
}


.booking > li.information > .ibox > p > strong, .booking > li.status > .ibox > p > strong {
font-weight: 700;
}

.booking > li.required > .ibox > p > a,
.booking > li.required > .ibox > p > a:link,
.booking > li.required > .ibox > p > a:visited,
.booking > li.required > .ibox > p > a:link {
display: table;
color: #fff;
font-size: 15px;
font-weight: 700;
cursor: pointer;
}

.booking > li.required > .ibox > p > a > svg {
display: table-cell;
padding: 0 10px 0 0;
fill: #fff;
width: 48px;
height: auto;
}
.booking > li.required > .ibox > p > a > span {
display: table-cell;
padding: 0;
vertical-align: top;
}

.booking > li.required > .ibox > p > a > span {
color: #fff;
}


@media screen and (max-width: 640px) {
.booking > li.required > .ibox > p > a, .booking > li.required > .ibox > p > a > svg, .booking > li.required > .ibox > p > a > span {
margin: 0 auto;
display: block;
}
.booking > li.required > .ibox > p > a > svg {
padding: 0 0 10px;
}

}



.booking > li.information > .ibox > h4 {
display: block;
margin: 35px 0 10px;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
}

.booking > li.information > .ibox > .submit {
display: block;
margin: 35px 0 0;
padding: 12px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
text-align: center;
background-color: #556A7D;
color: #fff;
cursor: pointer;
}

.booking > li.information > .ibox > .submit:hover {
background-color: #33404F;
}

.timeline.booking > li > .panel > .pbox {
padding: 20px 0 0;
}

.timeline.booking > li > .panel > .pbox > .thumbnail {
margin: 0 20px;
}

.timeline.booking > li > .panel > .pbox > small {
position: relative;
margin: 5px 20px 0;
}

.timeline.booking > li > .panel > .pbox > small > b {
position: absolute;
top: 0;
right: 0;
display: block;
margin: 1px 0 0;
padding: 5px 10px;
text-align: right;
background-color: #eee;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
line-height: 100%;
text-transform: uppercase;
color: #aaa;
border: 1px solid #ccc;
cursor: default;
}

.timeline.booking > li > .panel > .pbox > small > b.active {
background-color: #556A7D;
border-color: #33404F;
color: #fff;
}
.timeline.booking > li > .panel > .pbox > small > b.secure {
background-color: #cc0000;
border-color: #a40000;
color: #fff;
}

.timeline.booking > li > .panel > .pbox > h4 {
margin: 12px 20px 7px;
}

.timeline.booking > li > .panel > .pbox > .buttons, .timeline.booking > li.status > .ibox > .buttons {
display: block;
margin: 20px 0 0;
padding: 0;
}

.timeline.booking > li > .panel > .pbox > .buttons.multi, .timeline.booking > li.status > .ibox > .buttons.multi {
margin: 18px 0 0;
}


@media screen and (max-width: 1000px) {
.timeline.booking > li > .panel > .pbox > .buttons.three, .timeline.booking > li.status > .ibox > .buttons.three {
margin: 18px 0 0;
}
}

@media screen and (max-width: 640px) {
.timeline.booking > li > .panel > .pbox > small > b {
position: static;
margin: 7px 0 0;
text-align: center;
border-radius: 7px;}
}


.timeline.booking > li > .panel > .pbox > .buttons > div, .timeline.booking > li.status > .ibox > .buttons > div {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
}

.timeline.booking > li > .panel > .pbox > .buttons.full > div, .timeline.booking > li.status > .ibox > .buttons.full > div {
width: 100%;
}

.timeline.booking > li > .panel > .pbox > .buttons.three > div, .timeline.booking > li.status > .ibox > .buttons.three > div {
width: 33.3333333333%;
}

.timeline.booking > li > .panel > .pbox > .buttons.four > div, .timeline.booking > li.status > .ibox > .buttons.four > div {
width: 25%;
}


@media screen and (max-width: 1000px) {
.timeline.booking > li > .panel > .pbox > .buttons.three > div, .timeline.booking > li.status > .ibox > .buttons.three > div, .timeline.booking > li > .panel > .pbox > .buttons.four > div, .timeline.booking > li.status > .ibox > .buttons.four > div {
width: 50%;
}
.timeline.booking > li > .panel > .pbox > .buttons.three > div.btn-download, .timeline.booking > li.status > .ibox > .buttons.three > div.btn-download {
width: 100%;
}
}


.timeline.booking > li > .panel > .pbox > .buttons > h5 {
display: block;
margin: 10px 0 0;
padding: 5px 10px;
text-align: center;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
background-color: #c00;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > .reddot, .timeline.booking > li.status > .ibox > .buttons > div > .reddot {
position: absolute;
right: 0;
top: -16px;
margin: 12px 7px 0;
width: 16px;
height: 16px;
background-color: red;
border: 2px solid #ef2929;
border-radius: 100%;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);background: linear-gradient(180deg, #ef2929, #a40000);
animation: bounce 1s infinite linear;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > .reddot.animate, .timeline.booking > li.status > .ibox > .buttons > div > .reddot.animate {
animation: jump-out 5s 1 linear;
animation-fill-mode: forwards;
transform: matrix(1, 0, 0, 1, 0, 0);}

.timeline.booking > li > .panel > .pbox > .buttons > div > span {
position: absolute;
bottom: 100%;
left: -20px;
right: -20px;
display: none;
margin: 0 0 10px;
padding: 0;
background-color: #a40000;
border-radius: 7px;box-shadow: 0 0 2px 2px rgba(0,0,0,0.35);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);cursor: default;
}

.timeline.booking > li > .panel > .pbox > .buttons > div:hover > span {
display: block;
background-color: #cc0000;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > span.hide {
display: none;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > span:before {
content: '';
display: block;
margin: 0 0 -20px -20px;
width: 0;
height: 0;
position: absolute;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #a40000;
left: 50%;
bottom: 0;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}

.timeline.booking > li > .panel > .pbox > .buttons > div:hover > span:before {
border-top-color: #cc0000;
}


.timeline.booking > li > .panel > .pbox > .buttons > div > span > i {
display: block;
margin: 0;
padding: 7px 12px 0;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 100%;
color: #fff;
text-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.timeline.booking > li > .panel > .pbox > .buttons > div > span > b {
display: block;
margin: 0;
padding: 7px 12px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 130%;
color: rgba(255,255,255,0.85);
text-shadow: 0 0 4px rgba(0,0,0,0.2);
}


.timeline.booking > li > .panel > .pbox > .buttons > div > a, .timeline.booking > li.status > .ibox > .buttons > div > a {
position: relative;
display: block;
padding: 7px 12px;
background-color: #e6e6e6;
text-align: center;
overflow: hidden;
cursor: default;
}


.timeline.booking > li > .panel > .pbox > .buttons > div.active > a:after, .timeline.booking > li.status > .ibox > .buttons > div.active > a:after {
position: absolute;
top: -100%;
left: -100%;
content: "";
width: 33.3333333%;
height: 300%;
opacity: 0.1;transform: rotate(35deg);transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);background-color: rgba(255, 255, 255, 0.8);
z-index: 1;
}

.timeline.booking > li > .panel > .pbox > .buttons > div.active > a:hover:after, .timeline.booking > li.status > .ibox > .buttons > div.active > a:hover:after {
opacity: 0.4;left: 150%;
transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}

.timeline.booking > li > .panel > .pbox > .buttons.admin > div > a, .timeline.booking > li.status > .ibox > .buttons.admin > div > a {
background-color: #5c3566;
cursor: pointer;
}

.timeline.booking > li > .panel > .pbox > .buttons > div.active > a, .timeline.booking > li.status > .ibox > .buttons > div.active > a {
background-color: #556A7D;
cursor: pointer;
}

.timeline.booking > li > .panel > .pbox > .buttons > div.selected > a, .timeline.booking > li.status > .ibox > .buttons > div.selected > a {
background-color: #73d216;
cursor: pointer;
}

.timeline.booking > li > .panel > .pbox > .buttons > div.disabled > a, .timeline.booking > li.status > .ibox > .buttons > div.disabled > a,
.timeline.booking > li > .panel > .pbox > .buttons > div.missingfile > a, .timeline.booking > li.status > .ibox > .buttons > div.missingfile > a {
cursor: not-allowed;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > a, .timeline.booking > li.status > .ibox > .buttons > div > a {
margin: 0 0 0 2px;
}
.timeline.booking > li > .panel > .pbox > .buttons > div:first-of-type > a, .timeline.booking > li.status > .ibox > .buttons > div:first-of-type > a {
margin: 0;
}


@media screen and (max-width: 1000px) {
.timeline.booking > li > .panel > .pbox > .buttons > div > a,
.timeline.booking > li.status > .ibox > .buttons > div > a {
padding: 7px 9px;
}
.timeline.booking > li > .panel > .pbox > .buttons > div:nth-of-type(3n) > a,
.timeline.booking > li.status > .ibox > .buttons > div:nth-of-type(3n) > a {
margin: 2px 0 0 0;
}
.timeline.booking > li > .panel > .pbox > .buttons > div:nth-of-type(4n) > a,
.timeline.booking > li.status > .ibox > .buttons > div:nth-of-type(4n) > a {
margin: 2px 0 0 2px;
}
}
@media screen and (max-width: 800px) {
.timeline.booking > li > .panel > .pbox > .buttons > div > a,
.timeline.booking > li.status > .ibox > .buttons > div > a {
padding: 7px 5px;
}
}


.timeline.booking > li > .panel > .pbox > .buttons > div > a:hover, .timeline.booking > li.status > .ibox > .buttons > div > a:hover {
background-color: #e6e6e6;
}

.timeline.booking > li > .panel > .pbox > .buttons.admin > div > a:hover, .timeline.booking > li.status > .ibox > .buttons.admin > div > a:hover {
background-color: #ad7fa8;
}

.timeline.booking > li > .panel > .pbox > .buttons > div.active > a:hover, .timeline.booking > li.status > .ibox > .buttons > div.active > a:hover {
background-color: #33404F;
}

.timeline.booking > li > .panel > .pbox > .buttons > div.selected > a:hover, .timeline.booking > li.status > .ibox > .buttons > div.selected > a:hover {
background-color: #8ae234;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > a > svg, .timeline.booking > li.status > .ibox > .buttons > div > a > svg {
display: inline-block;
width: auto;
height: 18px;
fill: #aaa;
}

.timeline.booking > li > .panel > .pbox > .buttons > div.active > a > svg, .timeline.booking > li.status > .ibox > .buttons > div.active > a > svg {
fill: #fff;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > a > span, .timeline.booking > li.status > .ibox > .buttons > div > a > span {
display: inline-block;
margin: 5px 0 0 7px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
line-height: 100%;
color: #aaa;
text-transform: uppercase;
vertical-align: top;
}

.timeline.booking > li > .panel > .pbox > .buttons.admin > div > a > span,
.timeline.booking > li.status > .ibox > .buttons.admin > div > a > span,
.timeline.booking > li > .panel > .pbox > .buttons > div.active > a > span,
.timeline.booking > li.status > .ibox > .buttons > div.active > a > span {
color: #fff;
}

.timeline.booking > li > .ibox.arrow:before, .timeline.booking > li > .ibox.arrow:after {
position: absolute;
display: inline-block;
content: "";
}

.timeline.booking > li > .ibox.arrow:before {
top: 55px;
right: -15px;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
}

.timeline.booking > li.small > .ibox.arrow:before {
top: 40px;
}

.timeline.booking > li > .ibox.arrow:after {
top: 56px;
right: -14px;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
}

.timeline.booking > li.small > .ibox.arrow:after {
top: 41px;
}

.timeline.booking > li.right > .ibox.arrow:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}

.timeline.booking > li.right > .ibox.arrow:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}


@media screen and (max-width: 800px) {
.timeline.booking > li > .ibox.arrow:before {
top: 55px;
right: auto;
left: -15px;
border-top: 15px solid transparent;
border-left: 0 solid #ccc;
border-right: 15px solid #ccc;
border-bottom: 15px solid transparent;
}

.timeline.booking > li > .ibox.arrow:after {
top: 56px;
right: auto;
left: -14px;
border-top: 14px solid transparent;
border-left: 0 solid #fff;
border-right: 14px solid #fff;
border-bottom: 14px solid transparent;
}
}


.timeline.booking > li > .ibox.arrow > .badge {
display: block;
position: absolute;
top: 56px;
right: -48px;
width: 15px;
height: 15px;
background-color: #6e706b;
border: 5px solid #fff;
border-radius: 15px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);z-index: 0;
}

.timeline.booking > li.small > .ibox.arrow > .badge {
top: 41px;
}

.timeline.booking > li > .ibox.arrow:hover > .badge {
background-color: #555753;
}

.timeline.booking > li.right > .ibox.arrow > .badge {
left: -48px;
}


@media screen and (max-width: 800px) {
.timeline.booking > li > .ibox.arrow > .badge {
left: -48px;
}
}




.timeline.booking > li.status > .ibox > .loader {
position: relative;
display: none;
margin: 25px 0 0;
padding: 0;
width: 100%;
height: 15px;
background-color: #e6e6e6;
}

.timeline.booking > li.status > .ibox > .loader.active {
display: block;
}

.ibox > .loader > b {
position: absolute;
top: -18px;
left: 0;
right: 0;
display: block;
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 100%;
text-align: center;
color: #333;
}
.ibox > .loader > b > strong {
display: inline-block;
margin: 0 4px;
font-family: 'FusionScreen-Bold', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
}

.ibox > .loader > .label {
position: absolute;
left: 0;
top: -8.5px;
display: table;
margin: 0 0 0 -8.5px;
padding: 0;
width: 32px;
height: 32px;
border-radius: 100%;background-color: #556A7D;
text-align: center;
}

.ibox > .loader > .label > span {
display: table-cell;
vertical-align: middle;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
line-height: 100%;
letter-spacing: 1.4px;
color: #fff;
cursor: default;
}

.ibox > .loader > .filled {
display: block;
margin: 0;
padding: 0;
width: 0%;
height: 100%;
background-color: #556A7D;
}

.rating {
display: block;
margin: 0 0 0 20px;
padding: 0;
color: #c7a000;
font-size: 21px;
line-height: 100%;
unicode-bidi: bidi-override;
direction: rtl;
}

.rating.feedbackbox {
margin: 20px 0 0;
text-align: center;
}

.rating.active {
color: #d6a64d;
}

.rating span {
display: inline-block;
position: relative;
width: 1.1em;
font-size: 21px;
cursor: pointer;
transition: all 0.25s ease-in;}

.rating span:hover:before, .rating span:hover ~ span:before {
content: "\2605";
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transform: scale(1.2);color: #d6a64d;
transition: all 0.25s ease-in;}

.timetable {
display: block;
margin: 0 auto;
max-width: 500px;
}

.timetable > .weekdays {
display: table;
margin: 7px 0 0;
padding: 5px 0;
position: relative;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
text-align: center;
width: 100%;
background-color: #efefef;
}

.timetable > .weekdays > span {
display: table-cell;
padding: 5px 0;
width: 14.28571428571429%;
}

.timetable > .week {
display: table;
margin: 0;
padding: 0;
position: relative;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
text-align: center;
width: 100%;
}

.timetable > .week:last-child {
border-bottom: 2px solid #efefef;
}

.timetable > .week > div {
display: table-cell;
padding: 0;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
width: 14.28571428571429%;
}

.timetable > .week > div:first-child {
border-left: 2px solid #efefef;
}

.timetable > .week > div:last-child {
border-right: 2px solid #efefef;
}

.timetable > .week > div.active:hover {
border-color: #9CADBB;
}

.timetable > .week > div.active.selected:hover {
border-color: #d6a64d;
}

.timetable > .week > div.disabled, .timetable > .week > div.disabled > a, .timetable > .week > div.disabled > a > span {
cursor: default;
}

.timetable > .week > div > a, .timetable > .week > div > a:link, .timetable > .week > div > a:visited {
position: relative;
display: inline-block;
margin: 0;
padding: 12px 0;
background-color: #efefef;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
color: #000;
width: 100%;
}

.timetable > .week > div.active > a {
background-color: #fff;
}

.timetable > .week > div.active > a:hover {
position: absolute;
margin: 5px 0 0 -33px;
padding: 7px;
color: #fff;
background-color: #9CADBB;
width: 50px;
transform: scale(1.5);z-index: 1;
font-weight: 700;
}

.timetable > .week > div.active.selected > a {
color: #fff;
background-color: #d6a64d;
}

.timetable > .week > div.active.selected > a:hover {
color: #fff;
background-color: #d6a64d;
}

.timetable > .week > div > a > span {
display: block;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 9px;
color: #aaa;
text-transform: uppercase;
}

.timetable > .week > div.active:hover > a > span, .timetable > .week > div.selected > a > span {
color: #fff;
}

.shootingtype, .profilebox, .signature, .datenschutz {
display: block;
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 500px;
}

.shootingtype > div, .profilebox > div {
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
}

.shootingtype > div.full, .profilebox > div.full {
width: 100%;
}

.shootingtype > div > div, .profilebox > div > div {
display: block;
margin: 5px 5px 5px 0;
padding: 0;
border: 2px solid #efefef;
}

.shootingtype > div.full > div, .profilebox > div.full > div {
margin: 5px 0;
}

.shootingtype > div.selected > div {
border-color: #d6a64d;
}

.shootingtype > div > div:hover {
border-color: #9CADBB;
}

.shootingtype > div.selected > div:hover {
border-color: #d6a64d;
}

.shootingtype > div > div > a, .shootingtype > div > div > a:link, .shootingtype > div > div > a:visited {
display: block;
margin: 0;
padding: 12px;
background-color: #fff;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 14px;
color: #000;
text-transform: uppercase;
}

.shootingtype > div.full > div > a {
text-align: left;
}

.shootingtype > div.selected > div > a {
background-color: #d6a64d;
color: #fff;
}

.shootingtype > div > div:hover > a, .shootingtype > div > div > a:hover {
color: #fff;
background-color: #9CADBB;
font-weight: 700;
}

.shootingtype > div.selected > div:hover > a, .shootingtype > div.selected > div > a:hover {
background-color: #d6a64d;
}

.shootingtype > div > div > a > span {
display: block;
margin: 4px 0 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
color: #888;
text-transform: none;
}

.shootingtype > div.full > div > a > span {
color: #000;
}

.shootingtype > div.selected > div > a > span {
color: #fff;
}

.shootingtype > div > div:hover > a > span {
color: #fff;
}

.profilebox > div > div {
border: none;
}

.profilebox > div.full {
width: 100%;
}

.profilebox > div.w10 {
width: 10%;
}

.profilebox > div.w15 {
width: 15%;
}

.profilebox > div.w20 {
width: 20%;
}

.profilebox > div.w30 {
width: 30%;
}

.profilebox > div.w40 {
width: 40%;
}

.profilebox > div.w45 {
width: 45%;
}

.profilebox > div.w50 {
width: 50%;
}

.profilebox > div.w60 {
width: 60%;
}

.profilebox > div.w70 {
width: 70%;
}

.profilebox > div.w80 {
width: 80%;
}

.profilebox > div.w85 {
width: 85%;
}

.profilebox > div.w90 {
width: 90%;
}

.profilebox > div > div {
margin: 5px 0;
}

.profilebox > div.both > div {
margin: 5px;
}

.profilebox > div.left > div {
margin: 5px 0 5px 5px;
}

.profilebox > div.right > div {
margin: 5px 5px 5px 0;
}

.profilebox > div > div > span {
display: block;
margin: 7px 0 2px;
text-align: left;
}

.profilebox > div > div > .input {
display: block;
margin: 0;
padding: 7px 12px;
background-color: #e6e6e6;
border: 3px solid transparent;
transition: all 0.5s;}

.profilebox > div > div > .input:hover, .profilebox > div > div > .input:focus {
border-color: #d6a64d;
background-color: #d9d9d9;
transition: all 0.5s;}

.profilebox > div > div > .input.error {
border-color: #cc0000;
}

.profilebox > div > div > .input.error:hover, .profilebox > div > div > .input.error:focus {
border-color: #ef2929;
}

.profilebox > div > div > .input > input {
display: block;
margin: 0;
padding: 0;
background-color: transparent;
border: none;
width: 100%;
font-family: 'Courier New', Courier;
font-size: 16px;
text-align: left;
}

.profilebox > div > div > .input > select {
display: block;
margin: 0;
padding: 0;
background-color: transparent;
border: none;
width: 100%;
font-family: 'Courier New', Courier;
font-size: 16px;
text-align: left;
resize: none;
}

.profilebox > div > div > .input > select option {
color: #000;
}



.profilebox > div > h4 {
display: block;
margin: 12px 0 5px;
padding: 7px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
color: #fff;
background-color: #a40000;
text-transform: uppercase;
}

.signature > div {
display: block;
margin: 0;
padding: 0;
height: 120px;
border: 3px solid #efefef;
text-align: right;
}

.signature > div.error {
border-color: #cc0000;
}

.signature > div > canvas {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy4xMjcgMjIuNTY0bC03LjEyNiAxLjQzNiAxLjQzOC03LjEyNSA1LjY4OCA1LjY4OXptLTQuMjc0LTcuMTA0bDUuNjg4IDUuNjg5IDE1LjQ2LTE1LjQ2LTUuNjg5LTUuNjg5LTE1LjQ1OSAxNS40NnoiLz48L3N2Zz4=') 8 100,crosshair;;
}

.signature > div > button {
display: inline-block;
margin: 0 -3px 0 0;
padding: 3px 0;
width: 150px;
background-color: #efefef;
border: none;
}
.signature > div.error > button {
color: #fff;
background-color: #cc0000;
}

.signature > span {
display: block;
margin: 7px 0 2px;
text-align: left;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
color: #444;
}

.goldenbox {
position: relative;
width: 24px;
height: 24px;
}

.goldenbox input {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border: 2px solid #bfbfc0;
border-radius: 50%;appearance: none;cursor: pointer;
margin: 0;
background-color: #e6e6e6;
transition: all 0.5s;}

.goldenbox input:hover, .goldenbox input:focus {
border-color: #d6a64d;
background-color: #d9d9d9;
transition: all 0.5s;}

.goldenbox.error input {
border-color: #cc0000;
}

div.unlocked > .goldenbox input {
border-color: #4e9a06;
}

.goldenbox input:focus {
outline: 0;
}

.goldenbox label {
width: 24px;
height: 24px;
background: none;
border-radius: 50%;position: absolute;
top: 0;
left: 0;
transform: translate3d(0, 0, 0);pointer-events: none;
}

.disabled > .goldenbox {
filter: none;}

.goldenbox svg {
position: absolute;
top: 5px;
left: 4px;
z-index: 1;
pointer-events: none;
}

.goldenbox svg path {
stroke: #fff;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 19;
stroke-dashoffset: 19;
transition: stroke-dashoffset 0.3s ease;transition-delay: 0.2s;
}

.goldenbox input:checked + label {
background-color: #d7b25d;
animation: goldenboxsplash 0.6s ease forwards;
}

.unlocked > .goldenbox input:checked + label {
background-color: #4e9a06;
}

.disabled > .goldenbox input:checked + label {
background-color: transparent;
animation: none;
}

.goldenbox input:checked + label + svg path {
stroke-dashoffset: 0;
}

@keyframes goldenboxsplash {
40% {
box-shadow: 0 -18px 0 -8px #d7b25d, 16px -8px 0 -8px #d7b25d, 16px 8px 0 -8px #d7b25d, 0 18px 0 -8px #d7b25d, -16px 8px 0 -8px #d7b25d, -16px -8px 0 -8px #d7b25d;}

100% {
box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;}
}

.booking > li.status {
display: block;
padding: 0;
margin: 0 0 25px 0;
width: 50%;
text-align: left;
clear: both;
}


@media screen and (max-width: 800px) {
.booking > li.status {
width: 100%;
}
}


.booking > li.status.left {
float: left;
clear: left;
}

.booking > li.status.right {
float: right;
clear: right;
}

.booking > li.status.hide {
display: none;
}

.booking > li.status > .ibox {
position: relative;
display: block;
margin: 0 35px 0 20px;
padding: 0;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: rgba(255,255,255,0.8);
border: 1px solid #d4d4d4;
border-radius: 2px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 120%;
}

.booking > li.status.right > .ibox {
margin: 0 20px 0 35px;
}

.booking > li.status > .ibox > h3 {
font-size: 14px;
}

.booking > li.status > .ibox > h4 {
display: block;
margin: 25px 50px 0;
padding: 3px 0;
font-size: 14px;
background-color: #e6e6e6;
text-align: center;
}

.booking > li.status > .ibox > .selection {
margin: 0 50px;
}


@media screen and (max-width: 800px) {
.booking > li.status > .ibox > .selection {
margin: 0 25px;
}
.booking > li.status > .ibox, .booking > li.status.right > .ibox {
margin: 0 20px 0 50px;
}
}
@media screen and (max-width: 640px) {
.booking > li.status > .ibox > .selection {
margin: 0 15px;
}
.booking > li.status > .ibox, .booking > li.status.right > .ibox {
margin: 0 15px 0 50px;
}
}


.booking > li.status > .ibox > .selection > div {
display: block;
margin: 5px 0 0;
padding: 5px;
cursor: pointer;
}

.booking > li.status > .ibox > .selection > div.disabled {
cursor: default;
}

.booking > li.status > .ibox > .selection > div.hide {
display: none;
}

.booking > li.status > .ibox > .selection > div:hover {
background-color: #efefef;
}

.booking > li.status > .ibox > .selection > div > .goldenbox {
display: inline-block;
margin: 0;
}

.booking > li.status > .ibox > .selection > div > .meta {
display: inline-block;
margin: 0 0 0 20px;
vertical-align: top;
}

.booking > li.status > .ibox > .selection > div > .meta > strong {
display: block;
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 14px;
color: #000;
line-height: 120%;
}

.booking > li.status > .ibox > .selection > div > .meta > svg {
display: inline-block;
margin: 0;
padding: 0 12px 0 0;
width: auto;
height: 36px;
fill: #000;
}

.booking > li.status > .ibox > .selection > div.disabled > .meta > svg {
fill: #aaa;
}

.booking > li.status > .ibox > .selection > div.disabled > .meta > strong {
color: #aaa;
}

.booking > li.status > .ibox > .selection > div.unlocked > .meta > strong {
color: #4e9a06;
}

.booking > li.status > .ibox > .selection > div > .meta > span {
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
color: #aaa;
}

.booking > li.status > .ibox > .selection > div.unlocked > .meta > span {
color: #73d216;
}

.booking > li.status > .ibox > .selection > div > .unlock {
position: relative;
display: block;
margin: 10px 0 0 40px;
vertical-align: top;
transition: all 0.75s;opacity: 1;}

.booking > li.status > .ibox > .selection > div > .unlock.animate {
transform: scale(3);opacity: 0;}

.booking > li.status > .ibox > .selection > div > .unlock > a {
display: table;
margin: 0;
padding: 5px 12px;
border: 1px solid #4e9a06;
background-color: #d9f5bc;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled.right {
float: right;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled > a {
border-color: #bbb;
background-color: #eee;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled.right > a {
cursor: default;
}

.booking > li.status > .ibox > .selection > div > .unlock > a:hover {
border-color: #346704;
background-color: #c1ee90;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled > a:hover {
border-color: #999;
background-color: #ccc;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled.right > a:hover {
border-color: #bbb;
background-color: #eee;
}

.booking > li.status > .ibox > .selection > div > .unlock > a > img {
display: table-cell;
width: 24px;
height: auto;
animation: breath 1s infinite linear;
}

.booking > li.status > .ibox > .selection > div > .unlock > a > svg {
display: inline-block;
margin: 0;
padding: 0 7px 0 0;
width: 24px;
height: auto;
fill: #aaa;
}

.booking > li.status > .ibox > .selection > div > .unlock > a > span {
display: table-cell;
padding: 0 0 0 5px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
color: #4e9a06;
text-transform: uppercase;
vertical-align: middle;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled > a > span {
color: #aaa;
}

.booking > li.status > .ibox > .selection > div > .unlock > a:hover > span {
color: #346704;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled > a:hover > span {
color: #999;
}

.booking > li.status > .ibox > .selection > div > .unlock > a > span > b {
display: inline-block;
margin: 0 2px;
font-weight: 700;
font-size: 15px;
}

.booking > li.status > .ibox > .guestbook {
display: block;
margin: 10px 50px 0;
padding: 0;
}

.booking > li.status > .ibox > .guestbook > b {
display: block;
margin: 0 0 2px;
text-align: right;
float: right;
}


@media screen and (max-width: 800px) {
.booking > li.status > .ibox > .guestbook > b {
margin: 15px 0 0;
text-align: left;
float: none;
}
}


.booking > li.status > .ibox > .guestbook > b > strong {
font-weight: 700;
padding: 0 3px;
}

.booking > li.status > .ibox > .guestbook > span {
display: block;
margin: 7px 0 2px;
text-align: left;
}

.booking > li.status > .ibox > .guestbook > .input {
display: block;
margin: 0;
padding: 7px 12px;
background-color: #e6e6e6;
clear: both;
}

.booking > li.status > .ibox > .guestbook > .input > textarea {
display: block;
margin: 0;
padding: 0;
background-color: transparent;
border: none;
width: 100%;
height: 120px;
font-family: 'Courier New', Courier;
font-size: 16px;
text-align: left;
resize: none;
}

.booking > li.information.hide {
display: none;
}

.booking > li.information > .abox {
position: relative;
display: block;
margin: 20px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);background-color: #fff;
border: 1px solid #d4d4d4;
border-radius: 7px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
line-height: 120%;
}


@media screen and (max-width: 800px) {
.booking > li.information > .abox {
margin: 0 20px 0 50px;
}
}


.booking > li.information > .abox.arrow:before, .booking > li.information > .abox.arrow:after {
position: absolute;
display: inline-block;
content: "";
}

.booking > li.information > .abox.arrow:before {
top: -15px;
left: 50%;
margin: 0 0 0 -15px;
border-top: 0 solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #ccc;
}

.booking > li.information > .abox.arrow:after {
top: -14px;
left: 50%;
margin: 0 0 0 -14px;
border-top: 0 solid transparent;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid #555753;
}

.booking > li.information > .abox.arrow > .badge {
display: block;
position: absolute;
top: -47px;
left: 50%;
margin: 0 0 0 -12px;
width: 15px;
height: 15px;
background-color: #6e706b;
border: 5px solid #fff;
border-radius: 15px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);z-index: 0;
}

.booking > li.information > .abox.arrow:hover > .badge {
background-color: #555753;
}


@media screen and (max-width: 800px) {
.booking > li.information > .abox.arrow:before {
top: 55px;
right: 0;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
}

.booking > li.information > .abox.arrow:after {
top: 56px;
right: 1px;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
}

.booking > li.information > .abox.arrow:before {
border-left-width: 0;
border-right-width: 15px;
left: 0;
right: auto;
}

.booking > li.information > .abox.arrow:after {
border-left-width: 0;
border-right-width: 14px;
left: 1px;
right: auto;
}

.booking > li.information > .abox.arrow > .badge {
top: 56px;
left: -36px;
}
}


.booking > li.information > .abox > h3 {
display: block;
margin: 0;
padding: 7px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 120%;
background-color: #6e706b;
color: #fff;
text-align: center;
text-transform: uppercase;
border-radius: 2px;}

.booking > li.information > .abox:hover > h3 {
background-color: #555753;
}

.booking > li.information > .abox > .imgselection {
display: block;
margin: 10px;
padding: 0;
}

.booking > li.information > .abox > .imgselection > div {
display: inline-block;
margin: 0;
padding: 0;
width: 20%;
line-height: 100%;
}


@media screen and (max-width: 1100px) {
.booking > li.information > .abox > .imgselection > div {
width: 25%;
}
}

@media screen and (max-width: 800px) {
.booking > li.information > .abox > .imgselection > div {
width: 33.333333333%;
}
}

@media screen and (max-width: 640px) {
.booking > li.information > .abox > .imgselection > div {
width: 50%;
}
}


.booking > li.information > .abox > .imgselection > div > div.imgbox {
position: relative;
display: block;
margin: 5px;
padding: 0;
overflow: hidden;
border: 5px solid #e6e6e6;
}


@media screen and (max-width: 640px) {
.booking > li.information > .abox > .imgselection > div > div.imgbox {
margin: 0 2px 1px;
border-width: 3px;
}
}


.booking > li.information > .abox > .imgselection > div.ok > div.imgbox {
border-color: #73d216;
}

.booking > li.information > .abox > .imgselection > div.no > div.imgbox {
border-color: #cc0000;
}

.booking > li.information > .abox > .imgselection > div > div.imgbox > a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.booking > li.information > .abox > .imgselection > div > div.imgbox > a > img {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
line-height: 100%;
transition: all 0.15s ease-in;}
.booking > li.information > .abox > .imgselection > div > div.imgbox > a > img.show {
opacity: 1;}

.booking > li.information > .abox > .imgselection > div > div.imgbox:hover > img {
transform: scale(1.25);transition: all 0.15s ease-in;}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote {
position: absolute;
display: block;
bottom: 0;
width: 100%;
background-image: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0));}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > a {
display: inline-block;
margin: 20px 5px 5px;
padding: 5px 7px;
transition: all 0.10s ease-in;border-radius: 5px;}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > a.ok:hover,
.booking > li.information > .abox > .imgselection > div.ok > div.imgbox > .vote > a.ok {
background-color: rgba(138, 226, 52, 0.7);
transition: all 0.10s ease-in;}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > a.no:hover,
.booking > li.information > .abox > .imgselection > div.no > div.imgbox > .vote > a.no {
background-color: rgba(239, 41, 41, 0.7);
transition: all 0.10s ease-in;}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > a > svg {
display: block;
width: 21px;
opacity: 0.7;fill: #fff;
transition: all 0.10s ease-in;}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > a:hover > svg {
opacity: 1;transition: all 0.10s ease-in;}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > span {
position: absolute;
bottom: 0;
color: #fff;
background-color: rgba(255,255,255,0.4);
display: block;
margin: 0;
padding: 8px 5px 5px 10px;
right: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
letter-spacing: 1px;
border-radius: 7px 0 0 0;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);cursor: default;
backdrop-filter: blur(2px);}

.booking > li.information > .abox > .imgselection > div.ok > div.imgbox > .vote > span {
background-color: rgba(115, 210, 22,0.4);
}

.booking > li.information > .abox > .imgselection > div.no > div.imgbox > .vote > span {
background-color: rgba(204, 0, 0,0.4);
}

.booking > li.information > .abox > .imgimporter {
display: block;
margin: 0;
padding: 0;
background-color: #eee;
}

.booking > li.information > .abox > .imgimporter > div {
display: block;
margin: 0;
padding: 20px;
}
.booking > li.information > .abox > .imgimporter > div > div {
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
}

.booking > li.information > .abox > .imgimporter > div > div > p {
display: block;
margin: 10px;
padding: 7px 12px;
border: 3px solid #ccc;
background-color: #fff;
}

.booking > li.information > .abox > .imgimporter > div > div > p.ok {
border-color: #73d216;
}

.booking > li.information > .abox > .imgimporter > div > div > p.no {
border-color: #cc0000;
}
.booking > li.information > .abox > .imgimporter > div > div > p > span {
display: block;
margin: 0 0 7px;
padding: 0;
}
.booking > li.information > .abox > .imgimporter > div > div > p > span > b {
display: inline-block;
margin: 0;
padding: 5px 7px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #fff;
border-radius: 5px;}
.booking > li.information > .abox > .imgimporter > div > div > p.ok > span > b {
background-color: #73d216;
}
.booking > li.information > .abox > .imgimporter > div > div > p.no > span > b {
background-color: #cc0000;
}

.booking > li.information > .abox > .imgimporter > div > div > p > textarea {
display: block;
margin: 0;
padding: 0;
background-color: transparent;
border: none;
width: 100%;
height: 80px;
font-family: 'Courier New', Courier;
font-size: 16px;
text-align: left;
resize: none;
}

@media screen and (max-width: 800px) {
.booking > li.information > .abox > .imgimporter > div {
padding: 5px;
}
.booking > li.information > .abox > .imgimporter > div > div > p {
margin: 5px;
}
}



div.datenschutz:first-child {
margin-top: 25px;
}

div.datenschutz.contract {
margin-top: 45px;
}

.datenschutz > div {
display: block;
margin: 5px 0 0;
padding: 5px;
}

.datenschutz > div.left {
margin: 15px 0 0;
text-align: left;
}

.datenschutz > div > .goldenbox {
display: inline;
margin: 0;
}

.datenschutz > div > .meta {
display: inline-block;
margin: 3px 0 0 40px;
vertical-align: top;
cursor: default;
text-align: left;
}

.datenschutz > div > .meta > strong {
display: block;
margin: 0;
padding: 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
color: #000;
line-height: 120%;
}

.datenschutz > div > .meta > strong.singlerow {
padding: 4px 0 0;
}

.datenschutz > div > .meta > span {
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
color: #aaa;
}

.datenschutz > div > .meta a:link, .datenschutz > div > .meta a {
padding: 0;
}

.vertragsbox {
margin: 20px 100px;
padding: 10px 25px;
border: 3px solid #e6e6e6;
height: 200px;
overflow-x: hidden;
overflow-y: scroll;
text-align: left;
}


@media screen and (max-width: 800px) {
.vertragsbox {
margin: 20px;
}
}

@media screen and (max-width: 640px) {
.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > a {
margin: 0 5px 0;
padding: 5px 7px;
}
.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > a > svg {
width: 19px;
}
.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > span {
position: static;
padding: 2px 0 7px 0;
font-size: 11px;
border-radius: inherit;}
}


.vertragsbox > h5 {
display: block;
margin: 0;
padding: 12px 0 12px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 14px;
color: #000;
line-height: 120%;
text-transform: uppercase;
}

.vertragsbox > p {
display: block;
margin: 0;
padding: 0 0 12px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
color: #000;
line-height: 140%;
}

.toolbox {
display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
background-color: #efefef;
}

.toolbox > div {
display: inline-block;
padding: 0;
margin: 0;
}

.toolbox > div:hover, .toolbox > div:focus {
background-color: #ccc;
}

.toolbox > div > a, .toolbox > div > a:visited {
display: table;
margin: 0;
padding: 10px 15px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
color: #333;
text-align: center;
}

.toolbox > div > a:hover, .toolbox > div > a:focus {
color: #000;
}

.toolbox > div > a > svg {
display: table-cell;
width: 24px;
fill: #000;
vertical-align: middle;
}

.toolbox > div > a > span {
display: table-cell;
margin: 0;
padding: 0 0 0 7px;
vertical-align: middle;
}

.svgprev {
display: block;
width: 100%;
margin: 20px 0 10px;
text-align: center;
}

.svgprev > svg {
display: inline-block;
width: 25%;
}
/*.countdown {
position: relative;
display: block;
margin: 20px 0 0;
width: 100%;
height: 40px;
text-align: center;
}
.countdown > #countdown-number {
position: absolute;
top: 0;
left: 0;
right: 0;
color: #9CADBB;
font-size: 16px;
display: inline-block;
line-height: 40px;
}
.countdown > svg {
position: absolute;
display: inline-block;
margin: 0 0 0 -20px;
top: 0;
width: 40px;
height: 40px;
transform: rotateY(-180deg) rotateZ(-90deg);text-align: center;
}
.countdown > svg circle {
stroke-dasharray: 113px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-width: 3px;
stroke: #9CADBB;
fill: none;
animation: countdown 60s linear infinite forwards;
}
@keyframes countdown {
from {
stroke-dashoffset: 0px;
}
to {
stroke-dashoffset: 113px;
}
}
*/

.payitems {
display: block;
margin: 0;
padding: 0;
}

.payitems > .newitems {
display: block;
margin: 0;
padding: 7px 0 5px;
background-color: #efefef;
}

.payitems > .newitems > div {
display: inline-block;
margin: 0;
padding: 0;
width: 50%;
vertical-align: middle;
text-align: left;
}

.payitems > .newitems > div.w40 {
width: 40%;
}

.payitems > .newitems > div.w10 {
width: 10%;
}

.payitems > .newitems > div > div.select {
display: block;
margin: 0 25px;
}

.payitems > .newitems > div > div.select > select {
display: block;
margin: 0;
padding: 7px 0;
background-color: transparent;
border: none;
font-family: 'Courier New', Courier;
font-size: 14px;
text-align: left;
width: 100%;
resize: none;
}

.payitems > .newitems > div > .frame {
display: inline-block;
margin: 0;
padding: 0;
}

.payitems > .newitems > div > .frame.name {
width: 65%;
}

.payitems > .newitems > div > .frame.price {
width: 35%;
}

.payitems > .newitems > div > .frame > .input {
display: block;
margin: 0 0 0 10px;
padding: 7px 12px;
background-color: #fff;
}

.payitems > .newitems > div > .frame > .input > input {
display: block;
margin: 0;
padding: 0;
width: 100%;
border: none;
font-family: 'Courier New', Courier;
font-size: 14px;
text-align: left;
resize: none;
}

.payitems > .newitems > div > span {
display: block;
margin: 0 10px;
padding: 3px 0;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
}

.payitems > .newitems > div > a {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
float: left;
}

.payitems > .newitems > div > a > svg {
display: inline-block;
margin: 0;
padding: 5px;
width: auto;
height: 21px;
fill: #333;
}

.payitems > .newitems > div > a:hover {
background-color: #aaa;
}

.payitems > .newitems > div > a:hover > svg {
fill: #000;
}

.payitems > h3 {
display: block;
margin: 20px 25px 0;
padding: 7px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
color: #fff;
line-height: 100%;
background-color: #556A7D;
text-transform: uppercase;
}

.payitems > ul {
display: block;
margin: 0 25px;
padding: 0 0 25px;
list-style-type: none;
background-color: #efefef;
}

.payitems > ul > li {
display: block;
padding: 10px 25px 0;
text-align: left;
}

.payitems > ul > li > p {
display: table;
margin: 0;
padding: 0;
width: 100%;
background-color: #fff;
}

.payitems > ul > li > p:hover {
background-color: #ccc;
}

.payitems > ul > li > p.sum {
background-color: #9CADBB;
color: #fff;
letter-spacing: 0.8px;
}

.payitems > ul > li > p.sum:hover {
background-color: #556A7D;
}

.payitems > ul > li > p > span {
display: table-cell;
margin: 0;
padding: 12px 7px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 150%;
}

.payitems > ul > li > p > span.id {
display: none;
}

.payitems > ul > li > p > span.name {
font-weight: 700;
}

.payitems > ul > li > p > span.price {
width: 15%;
}

.payitems > ul > li > p.sum > span.name, .payitems > ul > li > p.sum > span.price, .payitems > ul > li > p.rabatt > span.name {
font-size: 14px;
font-weight: 700;
}

.payitems > ul > li > p.sum > span.price, .payitems > ul > li > p.rabatt > span.price {
width: 35%;
}

.payitems > ul > li > p > span.price > input {
display: inline-block;
margin: 0;
padding: 5px 7px 3px;
width: 70px;
border: 2px solid #efefef;
font-family: 'Courier New', Courier;
font-size: 16px;
text-align: right;
resize: none;
}

.payitems > ul > li > p > span.price > b {
display: inline-block;
margin: 0 0 0 12px;
padding: 0;
}

.payitems > ul > li > p > a {
display: table-cell;
margin: 0;
padding: 12px 7px;
text-align: center;
width: 10%;
}

.payitems > ul > li > p > a:hover {
background-color: #999;
}

.payitems > ul > li > p > a > svg, .payitems > ul > li > p > a > img {
width: 14px;
height: auto;
fill: #333;
}

.payitems > ul > li > p > a:hover > svg {
fill: #000;
}

.booking > li.stopper {
display: block;
padding: 0;
margin: 0;
width: 100%;
clear: both;
}

.coinbox {

display: none;
position: fixed;
top: 0;
left: 50px;
margin: 0;
padding: 90px 15px 5px 10px;
background-color: #fff;
border-bottom: 6px solid #4e9a06;
border-left: 6px solid #4e9a06;
border-right: 6px solid #4e9a06;
box-shadow: 0 0 3px 3px rgba(0,0,0,0.4);border-radius: 7px;z-index: 10;
cursor: pointer;
}

body.hfixed .coinbox {
padding: 50px 15px 5px 10px;
}

.coinbox:hover, .coinbox:focus {
background-color: #4e9a06;
border-color: #346704;
}

.hfixed.coinbox {
padding: 55px 15px 5px 10px;
}

.coinbox:hover > .symbol > img, .coinbox:focus > .symbol > img {
animation: breath 1s infinite linear;
}

.coinbox > .symbol {
display: table;
}

.coinbox > .symbol > img, .coinbox > .symbol > span {
display: table-cell;
vertical-align: middle;
}

.coinbox > .symbol > span {
margin: 0;
padding: 0 0 0 10px;
font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-weight: 500;
font-size: 18px;
font-weight: 700;
color: #4e9a06;
text-align: center;
}

.coinbox:hover > .symbol > span, .coinbox:focus > .symbol > span {
color: #fff;
}

.coinbox > .symbol > img {
display: block;
width: 48px;
height: auto;

animation: bounce-in 1s 1 linear;
animation-fill-mode: forwards;
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

.coinbox > .symbol.breath > img {
animation: breath 1s infinite linear;
}

@keyframes breath {
0% {
animation-timing-function: cubic-bezier(0.9647, 0.2413, 0.0705, 0.7911);
transform: scale(0.9099999999999999);}

51% {
animation-timing-function: cubic-bezier(0.9226, 0.2631, 0.0308, 0.7628);
transform: scale(1.02994);}

100% {
transform: scale(0.9099999999999999);}
}

@keyframes fade-in {
0% {
animation-timing-function: cubic-bezier(0.2057, 0.573, 0.3723, 0.9184);
opacity: 0;}

100% {
opacity: 1;}
}

.coinbox > .symbol.fade-in > img {
animation: fade-in 1s infinite linear;
}

@keyframes fade-out {
0% {
animation-timing-function: cubic-bezier(0.2057, 0.573, 0.3723, 0.9184);
opacity: 0;}

100% {
opacity: 1;}
}

.coinbox > .symbol.fade-out > img {
animation: fade-out 1s infinite linear;
}

@keyframes bounce {
0% {
animation-timing-function: cubic-bezier(0.138, 0.2541, 0.2177, 0.8747);
transform: translate(0, 0) scaleY(1);}

37% {
animation-timing-function: cubic-bezier(0.7679, 0.1817, 0.8401, 0.7167);
transform: translate(0, -25%) scaleY(1);}

72.2% {
animation-timing-function: cubic-bezier(0.1045, 0.2026, 0.2224, 0.9608);
transform: translate(0, 0) scaleY(1);}

87.2% {
animation-timing-function: cubic-bezier(0.7463, 0.2314, 0.8159, 0.6941);
transform: translate(0, 25%) scaleY(0.8);}

100% {
transform: translate(0, 0) scaleY(1);}
}

.coinbox > .symbol.bounce > img {
animation: bounce 1s infinite linear;
}

/*

@keyframes bounce-out {
0% {
animation-timing-function: cubic-bezier(0.0725, 0.3371, 0.3061, 0.6653);
transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1
}
5.7% {
animation-timing-function: cubic-bezier(0.0823, 0.1441, -0.1523, 0.9205);
transform: matrix(0.5, 0, 0, 0.5, 0, 0);opacity: 1
}
12.6% {
animation-timing-function: cubic-bezier(0.7924, 0.158, 0.0272, 0.9224);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);opacity: 1
}
24.3% {
animation-timing-function: cubic-bezier(0.8378, 0.1302, 0.0581, 0.9268);
transform: matrix(0.489, 0, 0, 0.489, 0, 0);opacity: 1
}
37.6% {
animation-timing-function: cubic-bezier(0.662, 0.0985, 0.2767, 0.9462);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);opacity: 1
}
49.3% {
animation-timing-function: cubic-bezier(0.6012, 0.1308, 0.3182, 0.9506);
transform: matrix(0.262, 0, 0, 0.262, 0, 0);opacity: 1
}
62.6% {
animation-timing-function: cubic-bezier(0.4763, 0.0773, 0.4825, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);opacity: 1
}
73.8% {
animation-timing-function: cubic-bezier(0.4466, 0.0766, 0.4988, 1);
transform: matrix(0.115, 0, 0, 0.115, 0, 0);opacity: 1
}
87.6% {
animation-timing-function: cubic-bezier(0.3423, 0, 0.6554, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);opacity: 1
}
94.9% {
animation-timing-function: cubic-bezier(0.3661, 0, 0.6589, 0.554);
transform: matrix(0.013, 0, 0, 0.013, 0, 0);opacity: 1
}
100% {
transform: matrix(0.01, 0, 0, 0.01, 0, 0);opacity: 1
}
}
.smaragd.bounce-out {
animation: bounce-out 1s 1 linear;
animation-fill-mode: forwards;
transform: matrix(1, 0, 0, 1, 0, 0)
}
*/




.vplay {
position: static;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
margin: 0;
padding: 0;
opacity: 0;background-color: rgba(0,0,0,0.95);
transition: all 0.35s;z-index: 2;
}

.vplay.loaded {
display: block;
position: fixed;
}
.vplay.loaded.playing {
opacity: 1;transition: all 0.5s;}

.vplay > div {
position: absolute;
top: 80px;
left: 50px;
right: 50px;
bottom: 35px;
}

.vplay > div > .middle {
display: table;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.vplay > div > .middle > div {
display: table-cell;
margin: 0;
padding: 0;
vertical-align: middle;
}

.vplay > div > .middle > div > div {
position: relative;
display: block;
margin: 0 auto;
padding: 10px;
text-align: center;
background-color: rgba(255,255,255,0.25);
box-shadow: 0 0 1px 2px rgba(0,0,0,0.5);border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 7px;max-width: 1000px;
}

.vplay.loaded > div > .middle > div > div {
transform: scale(0.8);opacity: 0;}
.vplay.loaded.playing > div > .middle > div > div {
transform: scale(1);opacity: 1;transition: all 0.5s;}

.vplay > div > .middle > div > div > .close {
position: absolute;
top: -60px;
right: 0;
display: block;
margin: 0;
padding: 0;
}

.vplay > div > .middle > div > div > .close > a {
display: block;
margin: 0;
padding: 1px 15px 2px;
background-color: rgba(255,255,255,0.15);
border-radius: 7px;font-family: 'FusionScreen-Regular', Tahoma, Verdana, Arial, sans-serif;
font-size: 36px;
font-weight: 500;
color: rgba(255,255,255,0.5);
line-height: 100%;
}
.vplay > div > .middle > div > div > .close > a:hover {
background-color: rgba(255,255,255,0.35);
color: rgba(255,255,255,1);
}

.vplay > div > .middle > div > div > .vidplayer {
display: block;
margin: 0;
padding: 0;
background-color: #000;
border-radius: 7px;overflow: hidden;
}

.vplay > div > .middle > div > div > .vidplayer > img,
.vplay > div > .middle > div > div > .vidplayer > video {
display: block;
margin: 0;
padding: 0;
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}

.vplay > div > .middle > div > div > .vidcontrols {
position: absolute;
left: 15px;
right: 15px;
bottom: 15px;
}


@media screen and (max-height: 750px) {
.vplay > div {
top: 80px;
left: 20px;
right: 20px;
bottom: 80px;
}
.vplay > div > .middle > div > div > .close {
top: -45px;
}
.vplay > div > .middle > div > div > .close > a {
font-size: 28px;
}
}
@media screen and (max-width: 850px) {
.vplay > div {
left: 10px;
right: 10px;
}
}





.livecam_btn {
display: block;
margin: 10px;
padding: 0;
border: none;
outline: none;
cursor: pointer;
text-align: right;
}

.livecam_btn > b {
display: inline-block;
margin: 0;
padding: 5px 7px;
background-color: #204a87;
border-radius: 7px;}

.livecam_btn:hover > b {
background-color: #3465a4;
}

.livecam_btn.error > b {
background-color: #a40000;
}

.livecam_btn > b > svg {
display: inline-block;
margin: 0;
padding: 0;
height: 18px;
width: auto;
fill: #ccc;
}
.livecam_btn:hover > b > svg {
fill: #fff;
}

.livecam_btn > b > span {
display: inline-block;
margin: 4px 5px 0 10px;
padding: 0;
vertical-align: top;
font-family: 'FusionScreen-Regular', sans-serif;
font-size: 14px;
font-weight: 500;
color: #ccc;
}
.livecam_btn:hover > b > span {
color: #fff;
}



@keyframes bounce-in {
0% {
animation-timing-function: cubic-bezier(0.0383, 0.3388, 0.0421, 0.6652);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);opacity: 1;}

4.7% {
animation-timing-function: cubic-bezier(0.3296, 0.3336, 0.5772, 0.6672);
transform: matrix(0.556, 0, 0, 0.556, 0, 0);opacity: 1;}

8.4% {
animation-timing-function: cubic-bezier(0.0781, 0.1617, 0.0874, 0.9301);
transform: matrix(0.979, 0, 0, 0.979, 0, 0);opacity: 1;}

12.4% {
animation-timing-function: cubic-bezier(0.8341, 0.1496, 0.8634, 0.7673);
transform: matrix(1.153, 0, 0, 1.153, 0, 0);opacity: 1;}

16.3% {
animation-timing-function: cubic-bezier(0.3264, 0.3332, 0.5758, 0.6695);
transform: matrix(1.008, 0, 0, 1.008, 0, 0);opacity: 1;}

21.2% {
animation-timing-function: cubic-bezier(0.0921, 0.1883, 0.3277, 1);
transform: matrix(0.704, 0, 0, 0.704, 0, 0);opacity: 1;}

24.5% {
animation-timing-function: cubic-bezier(0.6905, 0.0944, 0.8759, 0.7624);
transform: matrix(0.626, 0, 0, 0.626, 0, 0);opacity: 1;}

27.7% {
animation-timing-function: cubic-bezier(0.3688, 0.332, 0.624, 0.6684);
transform: matrix(0.704, 0, 0, 0.704, 0, 0);opacity: 1;}

32.6% {
animation-timing-function: cubic-bezier(0.1368, 0.2364, 0.2451, 0.9049);
transform: matrix(0.958, 0, 0, 0.958, 0, 0);opacity: 1;}

37.4% {
animation-timing-function: cubic-bezier(0.5936, 0.0846, 0.3495, 1);
transform: matrix(1.085, 0, 0, 1.085, 0, 0);opacity: 1;}

49.5% {
animation-timing-function: cubic-bezier(0.5522, 0.0981, 0.3807, 1);
transform: matrix(0.802, 0, 0, 0.802, 0, 0);opacity: 1;}

62.4% {
animation-timing-function: cubic-bezier(0.4497, 0.1349, 0.4911, 1);
transform: matrix(1.044, 0, 0, 1.044, 0, 0);opacity: 1;}

74.1% {
animation-timing-function: cubic-bezier(0.429, 0, 0.5239, 1);
transform: matrix(0.914, 0, 0, 0.914, 0, 0);opacity: 1;}

87% {
animation-timing-function: cubic-bezier(0.3501, 0, 0.6422, 1);
transform: matrix(1.013, 0, 0, 1.013, 0, 0);opacity: 1;}

95.8% {
animation-timing-function: cubic-bezier(0.3653, 0, 0.6776, 1);
transform: matrix(0.992, 0, 0, 0.992, 0, 0);opacity: 1;}

100% {
transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1;}
}

.coinbox > .symbol.bounce-in > img {
animation: bounce-in 1s 1 linear;
animation-fill-mode: forwards;
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

@keyframes jump-out {
0% {
animation-timing-function: cubic-bezier(0.9281, 0.063, 0.9339, 0.8573);
transform: matrix(1, 0, 0, 1, 0, 0);}

5.7% {
animation-timing-function: cubic-bezier(0.4285, 0.3322, 0.4777, 0.669);
transform: matrix(0.72, 0, 0, 0.72, 0, 0);}

10.9% {
animation-timing-function: cubic-bezier(0.0358, 0.084, 0.2547, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

20.1% {
animation-timing-function: cubic-bezier(0.7964, 0.1337, 0.8635, 0.7525);
transform: matrix(0.5, 0, 0, 0.5, 0, 0);}

24.9% {
animation-timing-function: cubic-bezier(0.4857, 0.3288, 0.4241, 0.6751);
transform: matrix(0.357, 0, 0, 0.357, 0, 0);}

29.3% {
animation-timing-function: cubic-bezier(0.069, 0.1323, 0.299, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

37.1% {
animation-timing-function: cubic-bezier(0.71, 0, 0.8669, 0.8745);
transform: matrix(0.25, 0, 0, 0.25, 0, 0);}

44.9% {
animation-timing-function: cubic-bezier(0.1195, 0.2278, 0.3743, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

51.6% {
animation-timing-function: cubic-bezier(0.7743, 0, 0.5778, 0.8867);
transform: matrix(0.125, 0, 0, 0.125, 0, 0);}

58.2% {
animation-timing-function: cubic-bezier(0.1362, 0.3881, 0.5196, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

63.9% {
animation-timing-function: cubic-bezier(0.5363, 0, 0.7437, 1);
transform: matrix(0.062, 0, 0, 0.062, 0, 0);}

69.5% {
animation-timing-function: cubic-bezier(0.1755, 0.5617, 0.6288, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

74.3% {
animation-timing-function: cubic-bezier(0.3931, 0, 0.722, 1.4447);
transform: matrix(0.031, 0, 0, 0.031, 0, 0);}

79.1% {
animation-timing-function: cubic-bezier(0.2945, 0, 0.6251, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

83.2% {
animation-timing-function: cubic-bezier(0.1679, 0, 0.9959, 1.0111);
transform: matrix(0.016, 0, 0, 0.016, 0, 0);}

87.3% {
animation-timing-function: cubic-bezier(0.3158, 0, 0.639, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

90.7% {
animation-timing-function: cubic-bezier(0.3636, 0, 0.6809, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

94.2% {
animation-timing-function: cubic-bezier(0.323, 0, 0.6275, 1);
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}

100% {
transform: matrix(0.01, 0, 0, 0.01, 0, 0);}
}






/*
@rev:		+ color.definitions | 1.2.0.2 | 2026-07-29 19:11:10 | 94ff00c8b38783e4de8d32b6a6401892 | (current)
		+ color.definitions | 1.2.0.1 | 2026-07-29 19:11:10 | ed34eaf3a144640ed8b533db1d701ac4 |
		+ color.definitions | 1.2.0.0 | 2026-07-29 19:11:10 | 36ad466afe866d3d9827f0e48e8554cb |
		+ color.definitions | 1.1.0.1 | 2026-07-29 19:11:10 | 9dfa95ad61d381bf98f0d9152a13adf3 |
		+ color.definitions | 1.1.0.0 | 2026-07-29 19:11:10 | 9dfa95ad61d381bf98f0d9152a13adf3 |
		+ color.definitions | 1.0.1.1 | 2026-07-29 19:11:10 | 96e96d75e4197f8b22a9bf4238a3f6e1 |
		+ color.definitions | 1.0.1.0 | 2026-07-29 19:11:10 | 96e96d75e4197f8b22a9bf4238a3f6e1 |
		+ color.definitions | 1.0.0.6 | 2026-07-29 19:11:10 | 810a0ded565d231d9d4d8b17e522901f |
		+ color.definitions | 1.0.0.5 | 2026-07-29 19:11:10 | d8294ff7a65cd18058aa5b7d73414ac4 |
		+ color.definitions | 1.0.0.4 | 2026-07-29 19:11:10 | 601bc03c3f5fda02bf9f32081839ae1b |
		+ color.definitions | 1.0.0.3 | 2026-07-29 19:11:10 | 49b151c017b991016d1fa95f60eb8495 |
		+ color.definitions | 1.0.0.2 | 2026-07-29 19:11:10 | 33f14bc9633ec3bf4f23e325343ad67c |
		+ color.definitions | 1.0.0.1 | 2026-07-29 19:11:10 | 54085530b876857daa960583f6dc6235 |
		+ color.definitions | 1.0.0.0 | 2026-07-29 19:11:10 | eecc90571d212dcab4ae83111f85b4ed |
*/


/* ------------- [COLOR=digitalminds] ---------------
dark = #33404F
middle = #556A7D
light = #9CADBB
darker (light 18%) = #242d38

gold = #d6a64d
gold on white backgrounds = #c7a000
*/

/* ------------- [BLOG=orange] ---------------
dark = #ce5c00
middle = #f57900
light = #fcaf3e
very light = #FDC97E
very light / 40%trans = #FEE9CB
*/


header .hblock > ul > li.c-blog > a:hover,
header .hblock > ul > li.c-blog > a:focus,
header .hblock > ul > li.c-blog:hover > a,
header .hblock > ul > li.c-blog:focus > a,
header .hblock > ul > li.c-blog > ul > li:hover > a > p > b,
header .hblock > ul > li.c-blog > ul > li:focus > a > p > b,
.timeline > li > .panel > .pbox > h4 > span.c-blog {
color: #ce5c00;
}

header .hblock > ul > li.c-blog > a:active,
header .hblock > ul > li.c-blog:active > a,
header .hblock > ul > li.c-blog > ul > li:active > a > p > b,
header .hblock > ul > li.c-blog > ul > li.selected > a > p > b {
color: #994500;
}

header .hblock > ul > li.c-blog > ul > li > a:hover > svg,
header .hblock > ul > li.c-blog > ul > li.selected > a > svg,
header .hblock .suggestion-more > ul > li > a:hover > svg {
fill: #ce5c00;
}

header .hblock > ul > li.c-blog > ul > li > a:active > svg {
fill: #994500;
}


header .hblock > ul > li.c-blog.selected {
border-color: #f57900;
}

header .hblock > ul > li.c-blog.selected:active {
border-color: #c26100;
}

header .hblock > ul > li.c-blog.selected > a,
header .hblock > ul > li.c-blog.selected > a:visited,
header .hblock > ul > li.c-blog.selected > a:link,
header .hblock > ul > li.c-blog > ul > li:hover a,
header .hblock > ul > li.c-blog > ul > li:hover > a > p > i,
header .hblock > ul > li.c-blog > ul > li:focus > a > p > i,
header .hblock > ul > li.c-blog > ul > li.selected a {
color: #f57900;
}

header .hblock > ul > li.c-blog.selected:active > a,
header .hblock > ul > li.c-blog > ul > li:active a,
header .hblock > ul > li.c-blog > ul > li.selected:active a {
color: #c26100;
}

body div.blog.c-blog,
.timeline > li > .panel > .pbox.c-blog,
header .hblock > ul > li.c-blog.selected > ul {
border-top-color: #f57900;
}

.timeline > li > .panel > .pbox.c-blog > .badge {
background-color: #f57900;
}

header .hblock > ul > li.c-blog:hover > ul {
border-top-color: #f57900;
}

header .hblock > ul > li.c-blog:hover, .lookbook > li.label > a,
.lookbook > li.label > a:link, .lookbook > li.label > a:visited {
border-bottom-color: #f57900;
}


.timeline > li > .panel:hover > .pbox.c-blog {
border-top-color: #fcaf3e;
}

.timeline > li > .panel:hover > .pbox.c-blog > .badge {
background-color: #fcaf3e;
}



header .hblock > ul > li.c-blog.selected,
.timeline > li > .panel > .pbox > h4 > span.c-blog {
background-color: #FDC97E;
}

header .hblock > ul > li.c-blog.selected:active {
background-color: #fcb24a;
}


header .hblock > ul > li.c-blog > ul {
border-top-color: #FDC97E;
}

header .hblock > ul > li.c-blog {
border-bottom-color: #FDC97E;
}

header .hblock > ul > li.c-blog:hover, header .hblock > ul > li.c-blog > ul > li:hover, header .hblock > ul > li.c-blog > ul > li.selected:hover {
background-color: #FDC97E;
border-color: #FDC97E;
}

header .hblock > ul > li.c-blog:active, header .hblock > ul > li.c-blog > ul > li:active, header .hblock > ul > li.c-blog > ul > li.selected:active {
background-color: #fcb24a;
border-color: #fcb24a;
}


header .hblock > ul > li.c-blog > ul > li.selected {
background-color: #FEE9CB;
border-color: #FEE9CB;
}


/* ------------- [PORTFOLIO=sky blue] ---------------
dark = #204a87
middle = #3465a4
light = #729fcf
very light = #A0BFDF
very light / 40%trans = #D9E5F2
*/


header .hblock > ul > li.c-album > a:hover,
header .hblock > ul > li.c-album > a:focus,
header .hblock > ul > li.c-album:hover > a,
header .hblock > ul > li.c-album:focus > a,
header .hblock > ul > li.c-album > ul > li:hover > a > p > b,
header .hblock > ul > li.c-album > ul > li:focus > a > p > b,
.timeline > li > .panel > .pbox > h4 > span.c-album,
header .hblock > ul > li.c-album > ul > li.selected > a > p > b {
color: #204a87;
}

header .hblock > ul > li.c-album > ul > li > a:hover > svg,
header .hblock > ul > li.c-album > ul > li.selected > a > svg,
header .hblock .suggestion-more > ul > li > a:hover > svg {
fill: #16335f;
}

header .hblock > ul > li.c-album > ul > li > a:active > svg {
fill: #204a87;
}

header .hblock > ul > li.c-album:hover {
background-color: #A0BFDF;
border-bottom-color: #204a87;
}



header .hblock > ul > li.c-album.selected {
border-color: #3465a4;
}

header .hblock > ul > li.c-album.selected:active {
border-color: #1b3455;
}

header .hblock > ul > li.c-album.selected > a,
header .hblock > ul > li.c-album.selected > a:visited,
header .hblock > ul > li.c-album.selected > a:link,
header .hblock > ul > li.c-album > ul > li:hover a,
header .hblock > ul > li.c-album > ul > li:hover > a > p > i,
header .hblock > ul > li.c-album > ul > li:focus > a > p > i,
header .hblock > ul > li.c-album > ul > li.selected a {
color: #3465a4;
}

header .hblock > ul > li.c-album.selected:active > a,
header .hblock > ul > li.c-album > ul > li:active a,
header .hblock > ul > li.c-album > ul > li.selected:active a {
color: #1b3455;
}

.timeline > li > .panel > .pbox.c-album,
header .hblock > ul > li.c-album.selected > ul {
border-top-color: #3465a4;
}

.timeline > li > .panel > .pbox.c-album > .badge {
background-color: #3465a4;
}

body > div.c-album {
border-top-color: #3465a4;
}

header .hblock > ul > li.c-album:hover > ul {
border-top-color: #3465a4;
}


.timeline > li > .panel:hover > .pbox.c-album {
border-top-color: #729fcf;
}

.timeline > li > .panel:hover > .pbox.c-album > .badge {
background-color: #729fcf;
}


header .hblock > ul > li.c-album.selected,
.timeline > li > .panel > .pbox > h4 > span.c-album {
background-color: #A0BFDF;
}

header .hblock > ul > li.c-album > ul {
border-top-color: #A0BFDF;
}

header .hblock > ul > li.c-album {
border-bottom-color: #A0BFDF;
}

header .hblock > ul > li.c-album.selected:active {
background-color: #79a6d2;
}

header .hblock > ul > li.c-album > ul > li:hover, header .hblock > ul > li.c-album > ul > li.selected:hover {
background-color: #A0BFDF;
border-color: #A0BFDF;
}

header .hblock > ul > li.c-album:active, header .hblock > ul > li.c-album > ul > li:active, header .hblock > ul > li.c-album > ul > li.selected:active {
background-color: #79a6d2;
border-color: #79a6d2;
}


header .hblock > ul > li.c-album > ul > li.selected {
background-color: #D9E5F2;
border-color: #D9E5F2;
}


/* ------------- [SCHEDULE=scarlet red] ---------------
darker = #520000
dark = #a40000
middle = #cc0000
light = #ef2929
very light = #F46F6F
very light / 40%trans = #FBC5C5
*/



header .hblock > ul > li.c-schedule > a:hover,
header .hblock > ul > li.c-schedule > a:focus,
header .hblock > ul > li.c-schedule:hover > a,
header .hblock > ul > li.c-schedule:focus > a,
header .hblock > ul > li.c-schedule > ul > li:hover > a > p > b,
header .hblock > ul > li.c-schedule > ul > li:focus > a > p > b,
.timeline > li > .panel > .pbox > h4 > span.c-schedule {
color: #a40000;
}

header .hblock > ul > li.c-schedule > a:active,
header .hblock > ul > li.c-schedule:active > a,
header .hblock > ul > li.c-schedule > ul > li:active > a > p > b,
header .hblock > ul > li.c-schedule > ul > li.selected > a > p > b {
color: #700000;
}

header .hblock > ul > li.c-schedule:hover {
background-color: #F46F6F;
border-bottom-color: #a40000;
}

header .hblock > ul > li.c-schedule > ul > li > a:hover > svg,
header .hblock > ul > li.c-schedule > ul > li.selected > a > svg {
fill: #a40000;
}

header .hblock > ul > li.c-schedule > ul > li > a:active > svg {
fill: #700000;
}



header .hblock > ul > li.c-schedule.selected {
border-color: #cc0000;
}

header .hblock > ul > li.c-schedule.selected > a,
header .hblock > ul > li.c-schedule.selected > a:visited,
header .hblock > ul > li.c-schedule.selected > a:link,
header .hblock > ul > li.c-schedule > ul > li:hover > a > p > i,
header .hblock > ul > li.c-schedule > ul > li:focus > a > p > i,
header .hblock > ul > li.c-schedule > ul > li:hover a,
header .hblock > ul > li.c-schedule > ul > li.selected a {
color: #cc0000;
}

.timeline > li > .panel > .pbox.c-schedule,
header .hblock > ul > li.c-schedule.selected > ul {
border-top-color: #cc0000;
}

.timeline > li > .panel > .pbox.c-schedule {
border-left-color: #ff9999;
border-right-color: #ff9999;
border-bottom-color: #ff9999;
}
.timeline > li > .panel:hover > .pbox.c-schedule {
border-top-color: #ef2929;
}

.timeline > li > .panel > .pbox.c-schedule > .buttons > div.active > a {
background-color: #cc0000;
}

.timeline > li > .panel > .pbox.c-schedule > .buttons > div.active > a:hover {
background-color: #a40000;
}

.timeline > li > .panel > .pbox.c-schedule > .badge {
background-color: #cc0000;
border-color: #ff9999;
}

.timeline > li > .panel:hover > .pbox.c-schedule > .badge {
background-color: #ef2929;
}

.timeline > li > .panel > .pbox.c-schedule > .label > a {
background-color: #cc0000;
}

.timeline > li > .panel:hover > .pbox.c-schedule > .label > a {
background-color: #ef2929;
}

.timeline > li > .panel > .pbox.c-schedule::before, .timeline > li > .panel > .pbox.c-schedule::after {
border-left-color: #ff9999;
border-right-color: #ff9999;
}

body > div.c-schedule {
border-top-color: #cc0000;
}

header .hblock > ul > li.c-schedule:hover > ul {
border-top-color: #cc0000;
}



header .hblock > ul > li.c-schedule.selected,
.timeline > li > .panel > .pbox > h4 > span.c-schedule {
background-color: #F46F6F;
}

header .hblock > ul > li.c-schedule > ul {
border-top-color: #F46F6F;
}

header .hblock > ul > li.c-schedule {
border-bottom-color: #F46F6F;
}

header .hblock > ul > li.c-schedule.selected:active {
background-color: #f14141;
}

header .hblock > ul > li.c-schedule > ul > li:hover, header .hblock > ul > li.c-schedule > ul > li.selected:hover {
background-color: #F46F6F;
border-color: #F46F6F;
}

header .hblock > ul > li.c-schedule:active, header .hblock > ul > li.c-schedule > ul > li:active, header .hblock > ul > li.c-schedule > ul > li.selected:active {
background-color: #f14141;
border-color: #f14141;
}


header .hblock > ul > li.c-schedule > ul > li.selected {
background-color: #FBC5C5;
border-color: #FBC5C5;
}


.schedule > div > cite > small,
.schedule-content > cite > small {
background-image: linear-gradient(0deg, #ef2929, #F46F6F);}


/* ------------- [BUSINESS=golden] ---------------
darker = #43310f
dark = #85611e
middle = #a67926
light = #d5a244
very light = #e3c182
very light / 40%trans = #f4e6cd
*/

.timeline > li > .panel > .pbox.c-business,
header .hblock > ul > li.c-business.selected > ul {
border-top-color: #a67926;
}

.timeline > li > .panel > .pbox.c-business {
border-left-color: #edd5ab;
border-right-color: #edd5ab;
border-bottom-color: #edd5ab;
}
.timeline > li > .panel:hover > .pbox.c-business {
border-top-color: #d5a244;
}

.timeline > li > .panel > .pbox.c-business > .buttons > div.active > a {
background-color: #a67926;
}

.timeline > li > .panel > .pbox.c-business > .buttons > div.active > a:hover {
background-color: #85611e;
}

.timeline > li > .panel > .pbox.c-business > .badge {
background-color: #a67926;
border-color: #edd5ab;
}

.timeline > li > .panel:hover > .pbox.c-business > .badge {
background-color: #d5a244;
}

.timeline > li > .panel > .pbox.c-business > .label > a {
background-color: #a67926;
}

.timeline > li > .panel:hover > .pbox.c-business > .label > a {
background-color: #d5a244;
}

.timeline > li > .panel > .pbox.c-business::before, .timeline > li > .panel > .pbox.c-business::after {
border-left-color: #edd5ab;
border-right-color: #edd5ab;
}


header .hblock > ul > li.c-business.selected,
.timeline > li > .panel > .pbox > h4 > span.c-business {
background-color: #e3c182;
}

/* ------------- [MAKING OF=plum] ---------------
dark = #75507b
middle = #ad7fa8
//light = #ef2929
//very light = #F46F6F
//very light / 40%trans = #FBC5C5
*/





.lookbook > li > .panel > .pbox > h4 > span {
color: #75507b;
}

.lookbook ul.usercards > li:hover {
border-left-color: #75507b;
}

.lookbook > li.label  > a,
.lookbook > li.label  > a:visited,
.lookbook > li.label  > a:link {
border-bottom-color: #75507b;
}

.lookbook ul.usercards > li > div.avatar > img,
.lookbook > li > .panel > .pbox > .badge {
background-color: #75507b;
}


.lookbook ul.usercards > li {
border-left-color: #ad7fa8;
}

.lookbook > li > .panel:hover > .pbox > .badge {
background-color: #ad7fa8;
}




/* ------------- [LIVE=golden brown] ---------------
dark = #4C2E00
middle = #996515
light = #E6B364
very light = #FFD696
very light / 40%trans = #xxx
*/


header .hblock > ul > li.c-live > a:hover,
header .hblock > ul > li.c-live > a:focus,
header .hblock > ul > li.c-live:hover > a,
header .hblock > ul > li.c-live:focus > a,
.timeline > li > .panel > .pbox > h4 > span.c-live {
color: #4C2E00;
}

header .hblock > ul > li.c-live:hover {
background-color: #996515;
border-bottom-color: #4C2E00;
}



.live {
border-color: #996515;
}






/* ------------- [SCHEDULE=golden touch] ---------------
dark = #b5964e
middle = #d7b25d
light = #ebc366
very light = #f6cc6a
very light / 40%trans = #fcd16d
*/





/*
@rev:		+ dark | 2.2.0.1 | 2026-07-29 19:11:10 | 7532fc86bc03439f3ec88d18c9ce4092 | (current)
		+ dark | 2.2.0.0 | 2026-07-29 19:11:10 | 4bd4dc53c9627cb42dc6672f4d5fa5ef |
		+ dark | 2.1.0.9 | 2026-07-29 19:11:10 | fa9dfe925f3d71255a9eecdf77608702 |
		+ dark | 2.1.0.8 | 2026-07-29 19:11:10 | 579896abeb5f8ba82e8cf8faac976f0d |
		+ dark | 2.1.0.7 | 2026-07-29 19:11:10 | 4ae0363a1bf34abcc94811e0823c9639 |
		+ dark | 2.1.0.6 | 2026-07-29 19:11:10 | b7408264c3cae0ce0d5e96cfd17b6384 |
		+ dark | 2.1.0.5 | 2026-07-29 19:11:10 | a279304f707d39d0b938d52e5312c764 |
		+ dark | 2.1.0.4 | 2026-07-29 19:11:10 | b444f121d0299ac8cc4659685b1f92e2 |
		+ dark | 2.1.0.3 | 2026-07-29 19:11:10 | 40f498a15a80974e90e2df5146e4531f |
		+ dark | 2.1.0.2 | 2026-07-29 19:11:10 | 0232c745c5b3aefa46e5364f7e6ee66d |
		+ dark | 2.1.0.1 | 2026-07-29 19:11:10 | bb7bb860cd5184eae24ca1663221f2dc |
		+ dark | 2.1.0.0 | 2026-07-29 19:11:10 | 390147dc71000e9d7ec1037cdd07f0fe |
		+ dark | 2.0.0.5 | 2026-07-29 19:11:10 | 146f9a14c33745ffe1925cf23581f742 |
		+ dark | 2.0.0.4 | 2026-07-29 19:11:10 | 146f9a14c33745ffe1925cf23581f742 |
		+ dark | 2.0.0.3 | 2026-07-29 19:11:10 | 97e7d8360429dddbaca631d1a5bac0c8 |
		+ dark | 2.0.0.2 | 2026-07-29 19:11:10 | bf36fcd79149def1a27ebd6bda082963 |
		+ dark | 2.0.0.1 | 2026-07-29 19:11:10 | c58e48190dc5f8835a73f928926e1897 |
		+ dark | 2.0.0.0 | 2026-07-29 19:11:10 | c8b361c2469ba0955b5f2aa8c7530e4c |
		+ dark | 1.0.1.5 | 2026-07-29 19:11:10 | a4fd3a60b406b9522f62156e2dda01d9 |
		+ dark | 1.0.1.4 | 2026-07-29 19:11:10 | cc58c5fdea660fae84c43f978490780b |
		+ dark | 1.0.1.3 | 2026-07-29 19:11:10 | 7d62e02d0a9f67386de7e21cb1190f83 |
		+ dark | 1.0.1.2 | 2026-07-29 19:11:10 | e1fc24eaa6d9d53552984f9cfee792fe |
		+ dark | 1.0.1.1 | 2026-07-29 19:11:10 | 58b137ed61b5b506552b90e3a4249f2d |
		+ dark | 1.0.1.0 | 2026-07-29 19:11:10 | 335a7a1a81268f2e3656a75cb92059b5 |
		+ dark | 1.0.0.9 | 2026-07-29 19:11:10 | 2867845c7e3f140ff8235b2c7e2e3268 |
		+ dark | 1.0.0.8 | 2026-07-29 19:11:10 | 6e878b362e40b4a4e4041bcb1f2a4cf7 |
		+ dark | 1.0.0.7 | 2026-07-29 19:11:10 | 34fe03397a36d2d405de1f06f7719e59 |
		+ dark | 1.0.0.6 | 2026-07-29 19:11:10 | 1e4c59a7b837919873b5e2010453c116 |
		+ dark | 1.0.0.5 | 2026-07-29 19:11:10 | 67fc9dd668bedb958458f6d7a65e3257 |
		+ dark | 1.0.0.4 | 2026-07-29 19:11:10 | 9c7d2ef54c6acf9413988ffd02672352 |
		+ dark | 1.0.0.3 | 2026-07-29 19:11:10 | 9c7d2ef54c6acf9413988ffd02672352 |
		+ dark | 1.0.0.2 | 2026-07-29 19:11:10 | 7928ec9cf280d81836fd3be86fca8c2a |
		+ dark | 1.0.0.1 | 2026-07-29 19:11:10 | 640f1cb0929aa4512c31d61b853b9076 |
		+ dark | 1.0.0.0 | 2026-07-29 19:11:10 | fa69a87b829e65fff4ad877e6d9d98b6 |
*/

@media (prefers-color-scheme: dark) {

body {
background-color: #000;
}

body.loaded::after, body.unloaded::after {
background-color: #000;
}

a:link,
a:visited,
a {
color: #457cc4;
}

a:hover,
a:focus,
a:active {
color: #98b9dc;
}


::scrollbar {width: 15px;
height: 15px;
}

::scrollbar-track {background: #000;
}

::scrollbar-thumb {background: #444;
}



header {
background-color: #000;
border-bottom-color: #171717;
}

header .hblock .logo a {
border-color: #171717;
background-color: #000;
}

@media screen and (max-width:820px) {
header .hblock > ul {
background-color: #000;
}
}

header .hblock > ul > li {
border-bottom-color: #171717;
}

header .hblock > ul > li.selected {
border-color: #232f39;
}

header .hblock > ul > li:hover {
background-color: #151d29;
border-color: #849eb3;
}

header .hblock > ul > li:active {
background-color: #27364f;
}


header .hblock .selected {
background-color: #151d29;
}

header .hblock .selected:hover {
background-color: #161f2d;
}

header .hblock .selected:active {
background-color: #27364f;
}

header .hblock > ul > li > ul {
background-color: #000;
border-top-color: #849eb3;
border-left-color: #1f1f1f;
border-right-color: #1f1f1f;
border-bottom-color: #171717;
}

header .hblock .suggestion-more {
background-color: #000;
}

header .hblock > ul > li > a, header .hblock > ul > li > a:visited, header .hblock > ul > li > a:link {
color: #bbb;
}

header .hblock > ul > li > ul > li > a > p > b, header .hblock .suggestion-more > ul > li > a > p > b {
color: #bbb;
}

header .hblock > ul > li > ul > li:hover {
background-color: #151d29;
}

header .hblock > ul > li > ul > li:active {
background-color: #26354a;
}

header .hblock > ul > li > ul > li.new {
background-color: #2f0404;
}

header .hblock > ul > li > ul > li.new:hover {
background-color: #5e0808;
}

header .hblock > ul > li > ul > li.new:active {
background-color: #8d0c0c;
}

header .hblock > ul > li > ul > li.business {
background-color: #2a1e09;
}

header .hblock > ul > li > ul > li.business:hover {
background-color: #533d13;
}

header .hblock > ul > li > ul > li.business:active {
background-color: #7d5b1c;
}

header .hblock > ul > li > ul > li.new > a > svg {
fill: #ef2929;
}

header .hblock > ul > li > ul > li.new:hover > a > svg {
fill: #f35959;
}

header .hblock > ul > li > ul > li.new:active > a > svg {
fill: #f78888;
}

header .hblock > ul > li > ul > li.business > a > svg {
fill: #d7a042;
}

header .hblock > ul > li > ul > li.business:hover > a > svg {
fill: #e0b56c;
}

header .hblock > ul > li > ul > li.business:active > a > svg {
fill: #e9ca96;
}

header .hblock > ul > li > ul > li.new > a > p > b {
color: #ef2929;
}

header .hblock > ul > li > ul > li.new:hover > a > p > b {
color: #f35959;
}

header .hblock > ul > li > ul > li.new:active > a > p > b {
color: #f78888;
}

header .hblock > ul > li > ul > li.business > a > p > b {
color: #d7a042;
}

header .hblock > ul > li > ul > li.business:hover > a > p > b {
color: #e0b56c;
}

header .hblock > ul > li > ul > li.business:active > a > p > b {
color: #e9ca96;
}

header .hblock > ul > li > ul > li.new > a > p > b > span {
background-color: #a40000;
}

header .hblock > ul > li > ul > li.new:hover > a > p > b > span {
background-color: #cc0000;
}

header .hblock > ul > li > ul > li.new:active > a > p > b > span {
background-color: #ff0000;
}

header .hblock > ul > li > ul > li.business > a > p > b > span {
background-color: #87601d;
}

header .hblock > ul > li > ul > li.business:hover > a > p > b > span {
background-color: #a87824;
}

header .hblock > ul > li > ul > li.business:active > a > p > b > span {
background-color: #d2962d;
}

header .hblock > ul > li > ul > li.new > a > p > i {
color: rgba(239, 41, 41, 0.5);
}

header .hblock > ul > li > ul > li.business > a > p > i {
color: rgba(215, 160, 66, 0.5);
}

header .hblock .suggestion-more > ul > li:hover {
background-color: #fcaf3e;
}

header .hblock .suggestion-more > ul > li:active {
background-color: #fdc572;
}


header .hblock > ul > li.c-blog > ul > li.selected {
background-color: #321e01;
border-color: #321e01;
}

header .hblock > ul > li.c-album > ul > li.selected {
background-color: #0d1926;
border-color: #0d1926;
}

header .hblock > ul > li.c-schedule > ul > li.selected {
background-color: #390404;
border-color: #390404;
}

header .hblock .suggestion {
border-color: #fcaf3e;
background-color: #0a0500;
}

header .hblock .suggestion:hover, header .hblock .suggestion-selected {
background-color: #fcaf3e;
border-color: #DE8703;
}

header .hblock > ul > li > ul > li > a:hover > p > b {
color: #fff;
}

header .hblock .suggestion-more > ul > li > a:hover > p > b {
color: #fff;
}

header .hblock > ul > li > ul > li > a > p > i, header .hblock .suggestion-more > ul > li > a > p > i {
color: #666;
}

header .hblock .mobilemenu, header .hblock .logonmenu {
background-color: #000;
border-color: #171717;
}


.tohome span {
color: #bbb;
text-shadow: none;
}

header .hblock .suggestion-first, header .hblock .suggestion-first:hover {
border-left-color: #171717;
}

header .hblock .suggestion-end, header .hblock .suggestion-end:hover {
border-right-color: #171717;
}

header .hblock > ul > li > ul > li > a > svg, header .hblock .suggestion-more > ul > li > a > svg {
fill: #ccc;
}


header > .profile {
background-color: #171717;
}

header > .profile:hover {
background-color: #272727;
}



.footer {
border-top-color: #171717;
color: #bbb;
background-color: #000;
}

.footer > p > a, .footer > p > a:link, .footer > p > a:visited, .footer > #webstream {
background-color: #171717;
color: #fff;
}
.footer > #webstream.hdr.show {
background-color: #c7a000;
}

.footer > p > a:hover, .footer > p > a:focus {
background-color: #373737;
color: #fff;
}

.footer > #webstream.show {
background-color: #171717;
color: #fff;
}


.cblog {
background-color: #111;
}

.blog, .article .coverfoto {
background-color: #000;
}

.blog .article, .cblog .block {
background-color: #000;
}

.article h2 a, .article h2 a:link, .article h2 a:visited {
color: #BBB;
}

.article.exclusive, .article.exclusive:hover {
background-color: #0f0900;
}

.article .bar p, .live .bar p {
border-right-color: #333;
}

.more, .more:link, .more:visited {
background-color: #171717;
color: #999;
}

.more:hover, .more:focus {
background-color: #373737;
color: #fff;
}

.more:active {
background-color: #525252;
}

.article .article-content {
color: #777;
}

.tags cite {
background-color: #000;
border-color: #444;
}

.tags a:hover, .tags a:focus {
color: #bbb;
background-color: #0d0d0d;
}

.article .coverfoto, .seperator, .article .videopreview-seperator {
background-image: none !important;
}

a.hashtag, a.hashtag:link, a.hashtag:visited, .tagcloud a {
color: #849EB3;
background-color: #263540;
}

a.hashtag::before {
border-right-color: #263540;
}

a.hashtag::after {
background-color: #000;
}

a.hashtag:hover, a.hashtag:focus {
background-color: #849EB3;
color: #fff;
}

a.hashtag:hover:before, a.hashtag:focus:before {
border-right: 8px solid #849EB3;
}

.article-list a {
border-left-color: #333;
color: #bbb;
}

.article-list a:hover, .article-list a:focus {
background-color: #171717;
border-left-color: #444;
}

.article-list.highlight h4 {
color: #999;
}

.article-list a:hover h4, .article-list a:focus h4 {
color: #bbb;
}

.article-list.recommendation {
border-top-color: #111;
}

.article-list.recommendation h3, .article-list.recommendation h4 > span {
color: #999;
}

.article-content .container > .translate {
background-color: #050505;
border-color: #222;
color: #666;
}

.article-content .container > .vlink > div {
background-color: rgba(0,0,0,0.5);
border-color: rgba(255,255,255,0.15);
}

.article-content .container > .vlink > div:hover {
border-color: rgba(255,255,255,0.4);
}

.article-content .container > .vlink > div > svg {
fill: #efefef;
}

.article-content .container > .vlink > div:hover > svg {
fill: #fff;
}

.article-content .container > .vlink > div > span {
color: #efefef;
}

.article-content .container > .vlink > div:hover > span {
color: #fff;
}

.block a.member:hover, .block a.member:focus {
background-color: #171717;
}

.block a.member:active {
background-color: #303030;
}

.member span {
color: #555;
}

.member:hover span {
color: #888;
}

.comments h3, .comments h3 > a, .comments h3 > a:link, .comments h3 > a:visited, .comments h3 > a:hover, .comments h3 > a:focus {
color: #999;
}

.commentbox .cbox p strong {
color: #999;
}

.commentbox .cbox .field span {
color: #999;
}

.comments {
border-top-color: #111;
border-bottom-color: #111;
}

.commentbox .cblock {
background-color: #0a0a0a;
}

.commentbox .cbox .field input, .commentbox .cbox textarea, .commentbox .cbox .submit {
color: #fff;
border-color: #333;
background-color: #000;
}

.links a.img, .links a.img:hover, .links a.img:focus {
background-color: #000;
}

nav.pagination > div.results, nav.pagination > div > span b {
background-color: #171717;
}

nav.pagination > div > span a, nav.pagination > div > span b {
border-left-color: #171717;
}

.favorite, .favorite:link, .favorite:visited, .favorite.active:hover, .favorite.active:focus {
background-color: #171717;
border-left-color: #0a0a0a;
}

.videopreview {
border-color: #272727;
}

.commentbox .cbox b {
color: #bbb;
background-color: #000;
border-color: #171717;
}

.commentbox .cbox b:hover {
color: #fff;
border-color: #272727;
}

.article h2, .block h3, .article-content .lastphotos h3, .article-content .photoline h3 {
color: #bbb;
}

.blog-header .orderbar svg {
fill: #fff;
}

.tags a, .tags a:link, .tags a:visited {
color: #888;
}

.tags .icon > svg {
color: #888;
}

.thumbview > h3, .thumbview > h4 {
color: #555;
}

.thumbview > h4 > a, .thumbview > h4 > a:link, .thumbview > h4 > a:visited {
background-color: #111;
}

.thumbview > h4 > a:hover, .thumbview > h4 > a:focus {
background-color: #222;
color: #fff;
}
.ask > div.preview {
background-color: #222;
color: #fff;
}
.relplan {
border-color: #222;
background-color: #000;
}

.relplan:hover {
border-color: #444;
}

.relplan > .rbox > .rhead > .rclose {
background-color: #222;
}

.relplan > .rbox > .rhead > .rclose:hover {
background-color: #444;
}

.relplan > .rbox > .rhead > .rclose svg {
fill: #666;
}

.relplan > .rbox > .rhead > .rclose:hover svg {
fill: #aaa;
}

.relplan > .rbox > .rhead > h4 {
color: #fff;
}

.relplan > .rbox > .rrelease > .rentry.rplan:nth-child(even) {
background-color: #030303;
}

.relplan > .rbox > .rrelease > .rentry > .rline {
background-color: #111;
}
.relplan > .rbox > .rrelease > .rentry > .rline > span.up {
background: linear-gradient(0deg, rgba(215, 178, 93, 1), rgba(0,0,0,1));}

.relplan > .rbox > .rrelease > .rentry > .rline > span.down {
background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,1));}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rline > span.updown {
background: linear-gradient(0deg, rgba(95, 0, 0, 0), rgba(95, 0, 0, 1), rgba(95, 0, 0, 0));}

.relplan > .rbox > .rrelease > .rentry.c-schedule:hover > .rline > span.updown {
background: linear-gradient(0deg, rgba(164, 0, 0, 0), rgba(164, 0, 0, 1), rgba(164, 0, 0, 0));}

.relplan > .rbox > .rrelease > .rentry > .rline > span > b {
box-shadow: 0 0 3px 3px rgba(0,0,0,0.7);}

.relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > a.badge {
background-color: #000;
border-color: #111;
}

.relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb:hover > a.badge {
border-color: #333;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.badge {
border-color: #5f0000;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.badge {
border-color: #a40000;
}

.relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb > a.badge {
border-color: #cc0000;
}

.relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb:hover > a.badge {
border-color: #ef2929;
}

.relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > a.entry, .relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > .info {
background-color: #111;
border-color: #444;
}

.relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb:hover > a.entry {
background-color: #333;
border-color: #666;
}

.relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb > a.entry > strong {
color: #666;
}

.relplan > .rbox > .rrelease > .rentry.active > .rmiddle > div > div > .rb > a.entry > strong {
color: #ccc;
}

.relplan > .rbox > .rrelease > .rentry > .rmiddle > div > div > .rb:hover > a.entry > strong {
color: #999;
}

.relplan > .rbox > .rrelease > .rentry.active > .rmiddle > div > div > .rb:hover > a.entry > strong {
color: #fff;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry {
background-color: #1f0000;
border-color: #5f0000;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry {
border-color: #a40000;
}

.relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb > a.entry {
border-color: #cc0000;
}

.relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb:hover > a.entry {
border-color: #ef2929;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry > b {
color: #5f0000;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > b {
color: #a40000;
}

.relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb > a.entry > b {
color: #cc0000;
}

.relplan > .rbox > .rrelease > .rentry.active.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > b {
color: #ef2929;
}
.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry > strong {
color: #cc0000;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > strong {
color: #ef2929;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb > a.entry > span {
background-color: #5f0000;
color: #ef2929;
}

.relplan > .rbox > .rrelease > .rentry.c-schedule > .rmiddle > div > div > .rb:hover > a.entry > span {
background-color: #a40000;
}




.storiesblock {
background-color: #101010;
}

.storiesblock > a {
background-color: #333;
color: #aaa;
}

.storiesblock > a:hover {
background-color: #555;
color: #fff;
}

.storiesblock > a.disable, .storiesblock > a.disable:hover {
background-color: #111;
color: #333;
}

.stories > a.inactive > p {
background-color: #242d38;
}

.stories > a > p > b {
background-color: #000;
}


.ctimeline {
background-color: #000;
}
.clookbook {
background-color: #111;
}

.lookbook > li.label > a > h1,
.timeline > li.label > a > h1 {
color: #fff;
}

.lookbook > li > .panel > .pbox > h5 {
color: #777;
}
.lookbook > li > .panel > .pbox > h4 > a {
color: #aaa;
}

.timeline::before {
background-color: #272727;
}

.timeline > li.filterbox > div.fbox {
background-color: #171717;
border-color: #272727;
}

.timeline > li.filterbox > div.fbox > input {
background-color: #000;
border-color: #171717;
}

.timeline > li.label > h2,
.timeline > li.label > h3,
.timeline > li.label > a,
.lookbook > li.label > h2,
.lookbook > li.label > h3,
.lookbook > li.label > a,
.lookbook > li > .panel > .pbox {
background-color: rgba(0,0,0,0.8);
border-color: #272727;
}
.timeline > li.label > h2,
.timeline > li.label > h3,
.timeline > li.label > a,
.lookbook > li.label > h2,
.lookbook > li.label > h3,
.lookbook > li.label > a {
background-color: #000;
}

.lookbook ul.userview {
background-color: rgba(0,0,0,0.8);
}

.timeline > li > .panel > .pbox > h4 > a, .lookbook > li > .panel > .pbox > h4 > a, .timeline > li > .panel > .pbox > h4 > a:visited, .lookbook > li > .panel > .pbox > h4 > a:visited, .timeline > li > .panel > .pbox > h4 > a:link, .lookbook > li > .panel > .pbox > h4 > a:link {
color: #999;
}

.timeline > li > .panel > .pbox > small, .lookbook > li > .panel > .pbox > small {
background-color: rgba(10, 13, 15,0.8);
color: #717d87;
}

.lookbook > li > .panel > .pbox::before, .lookbook > li > .panel > .pbox::after {
border-left-color: #272727;
border-right-color: #272727;
}

.lookbook > li > .panel > .pbox > .badge, .timeline > li > .panel > .pbox > .badge {
border-color: #272727;
}

.timeline > li > .panel > .pbox {
background-color: rgba(0,0,0,0.8);
border-color: #272727;
}

.timeline > li > .panel > .pbox::before, .timeline > li > .panel > .pbox::after {
border-left-color: #272727;
border-right-color: #272727;
}

.timeline > li.filterbox > div.fbox > div.fsuggestions > span, p.peoplelink > a, p.peoplelink > a:link, p.peoplelink > a:visited {
background-color: #171717;
}

.timeline > li > .panel > div > p > a.more {
background-color: #171717;
}

p.peoplelink > a:hover, p.peoplelink > a:focus {
background-color: #A0BFDF;
color: #204a87;
}


.parallax ,
.parallax > .header {
background-color: #000;
}

.parallax > .header > .background > .left {
background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));}

.parallax > .header > .background > .right {
background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,1));}

.parallax > div.morebtn > p > a, .parallax > div.morebtn > p > a:link, .parallax > div.morebtn > p > a:visited {
background-color: #272727;
color: #aaa;
}

.parallax > div.morebtn > p > a:hover, .parallax > div.morebtn > p > a:focus {
background-color: #474747;
color: #fff;
}

.gridbox li .contains {
background-color: #171717;
border-top-color: #171717;
}

.gridbox li .contains div.item:hover {
background-color: #272727;
}

.gridbox li.mergebox {
border-color: #171717;
}

.gridbox li .contains a:link,.gridbox li .contains a:visited,.gridbox li .contains a:hover,.gridbox li .contains a:focus {
color: #bbb;
}

.gridbox li .contains h5 {
color: #bbb;
}

.gridbox h3 {
color: #fff;
}

ul.bar {
background-color: #171717;
border-bottom-color: #272727;
}

ul.bar li {
border-right-color: #272727;
}

ul.bar li > a, ul.bar li > a:link, ul.bar li > a:visited {
color: #bbb;
}

ul.bar li > a:hover {
color: #fff;
background-color: #272727;
}

ul.bar li.classic > a {
background-color: #272727;
background-image: linear-gradient(0deg, rgba(39, 39, 39, 1), rgba(39, 39, 39, 1));}

.infobox {
background-color: #171717;
color: #999;
}

.infobox a,.infobox a:link,.infobox a:visited {
color: #999;
}

.infobox:hover a, .infobox:focus a, .infobox a:hover, .infobox a:focus {
color: #fff;
}


.mediathek {
background-color: #000;
}

.mediathek > .list > div > a:hover {
background-color: #111;
}

.mediathek > .list > div > a > b {
color: #fff;
}


.article .bar .icon, .live .bar .icon {
background-color: #000;
}

.article-content .lastphotos div, .article-content .photoline div, .article-content .photoline > a {
border-color: #171717;
}

.article-content .lastphotos div:hover,.article-content .lastphotos div:focus, .article-content .photoline div:hover,.article-content .photoline div:focus, .article-content .photoline > a:hover,.article-content .photoline > a:focus {
border-color: #272727;
background-color: #272727;
}

.cbookme {
background-color: #000;
}



.bookme > div.frame > div.inlineblock {
background-color: rgba(0,0,0,0.75);
border: 1px solid rgba(0,0,0,0.8);
}

.bookme > div.frame > div.inlineblock > div.half > p, .bookme > div.frame > div.inlineblock > p {
color: #bbb;
}

.bookme > div.frame > div.inlineblock > div.half > p > strong, .bookme > div.frame > div.inlineblock > p > strong {
color: #fff;
}

.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox {
background-color: rgba(0,0,0,0.75);
}

.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > span {
color: #ccc;
}

.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > p, .bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > b {
color: #bbb;
}

.bookme > div.frame > div.inlineblock > h1,
.bookme > div.frame > div.inlineblock > div.half > p > b,
.bookme > div.frame > div.inlineblock > div.half > p > a,
.bookme > div.frame > div.inlineblock > div.half > p > a:visited,
.bookme > div.frame > div.inlineblock > p > a,
.bookme > div.frame > div.inlineblock > p > a:visited,
.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a,
.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > h2 > a:visited {
color: #d6a64d;
}

.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a,
.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:visited,
.bookme > div.frame > div.inlineblock > div.half > div > a,
.bookme > div.frame > div.inlineblock > div.half > div > a:visited,
.bookme > div.frame > div.inlineblock > div.requestus > a,
.bookme > div.frame > div.inlineblock > div.requestus > a:visited {
background-color: #d6a64d;
}

.bookme > div.frame > div.block > div > div.wrapper > div.inner > div.bmbox > a:hover,
.bookme > div.frame > div.inlineblock > div.half > div > a:hover,
.bookme > div.frame > div.inlineblock > div.requestus > a:hover {
background-color: #e0bb76;
}

.bookme > div.frame > div.inlineblock > div.requestus.red > a {
background-color: #cc0000;
}

.article-content blockquote {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.bookme > div.frame > div.inlineblock > div.ibox > .ipart > ul > li {
color: #aaa;
}

.article-content blockquote:hover {
color: #fff;
}

.article-content blockquote b {
background: linear-gradient(90deg, #272727, #272727);}

#message_sender {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

#message_sender:hover, #message_sender:focus {
color: #fff;
border-color: #73B8FF;
}

#message_sender b {
background: linear-gradient(90deg, #272727, #272727);}

#guestbook_message {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

#guestbook_message:focus {
color: #fff;
border-color: #73B8FF;
}

#message_sender input[type=button] {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

#message_sender input[type=button]:hover, #message_sender input[type=button]:focus {
color: #fff;
border-color: #73B8FF;
}


.schedule > div {
border-color: #272727;
}

.schedule > div > p > a, .schedule > div > p > a:hover, .schedule > div > p > a:focus, .schedule > div > p > a:visited {
color: #ccc;
}

.request, .reqblock {
background-color: #000;
}

#contact-form input, #contact-form textarea, #contact-form div.input, .askform textarea {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

#contact-form label {
color: #999;
}

#contact-form input:hover, #contact-form input:focus, #contact-form textarea:hover, #contact-form textarea:focus, #contact-form div.input:hover, #contact-form div.input:focus, .askform textarea:hover, .askform textarea:focus {
color: #fff;
}

#contact-form div.input b {
color: #fff;
}

#contact-form .button, .askform .button, .website.socialbutton, .website.socialbutton:visited {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.website.socialbutton:hover {
background-color: #444;
}

.ask > div {
color: #bbb;
}

.ask > div:hover , .ask > div > p.response:hover {
background-color: #171717;
}


.slidebar .side {
background-color: rgba(0,0,0,0.5);
}


.sidebar .border {
background-color: rgba(23, 23, 23,0.85);
}

.sidebar .bar {
background-color: #000;
border-left-color: #171717;
border-right-color: #171717;
}

.sidebar .bar li {
border-bottom-color: #272727;
}

.sidebar .bar li:hover {
background-color: #171717;
}

.sidebar .bar li strong, .sidebar .bar li:hover strong {
color: #fff;
}

.sidebar .bar li p {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.headerline {
background-color: #171717;
border-bottom-color: #272727;
}

.headerline li {
border-right-color: #272727;
}

.headerline li a:hover {
background-color: #373737;
border-bottom-color: #474747;
color: #eee;
}

.sidebar .bar li table {
background-color: #000;
}

.qrcode svg {
fill: #272727;
}

.sidebar .bar li:hover a svg {
fill: #bbb;
}

.homebox > a, .homebox > a:visited, .homebox > a:link {
background-color: #171717;
color: #bbb;
}

.homebox > a:hover {
background-color: #aaa;
color: #fff;
}

.homebox > a > svg {
fill: #bbb;
}

.homebox > a:hover > svg {
fill: #fff;
}


.reqblock > .reqinfo, .reqcontactbox input, .reqcontactbox textarea {
border-color: #272727;
background-color: #171717;
color: #ccc;
}

.reqcontactbox input:hover, .reqcontactbox textarea:hover, .reqcontactbox input:focus, .reqcontactbox textarea:focus {
border-color: #3465a4;
}

.reqblock > .reqhead > h2 {
background-color: #272727;
color: #ddd;
}

.reqblock > .reqhead > hr {
border-top-color: #272727;
}

.reqcontactbox label {
color: #999;
}

.reqcontent > p > sub {
border-color: #272727;
}

.reqcontent > p > sub:hover {
border-color: #3465a4;
}

.reqcontent > p > sub > svg {
fill: rgba(255,255,255,0.1);
}

.reqcontent > p > sub:hover > svg {
fill: #254774;
}

.reqcontent > p > sub > span {
background-color: #272727;
color: #fff;
}

.reqcontent > p > sub:hover > span, .reqcontent > p > sub:focus > span {
background-color: #3465a4;
}


.logon-box {
border-left-color: #272727;
border-bottom-color: #272727;
background-color: #171717;
color: #fff;
}

.logon-box p {
border-color: #000;
}

.members, .bookings {
background-color: #000;
}

.members > div.step > div.group > div {
background-color: #171717;
border-color: #272727;
color: #bbb;
}

.members > div.step > div.group > div:hover, .members > div.step > div.group > div:focus {
border-color: #474747;
background-color: #171717;
color: #fff;
}

.members > div.step {
border-top-color: #272727;
}

.members > div.step > p.forgotpassword > a {
background-color: #171717;
color: #fff;
}

.members > div.step > p.forgotpassword > a:hover {
background-color: #272727;
color: #fff;
}
.members > div.step > p.forgotpassword > a:active {
background-color: #404040;
}

.members > div.step > p.forgotpassword > a > svg {
fill: #fff;
}

.members > div.step > label {
background-color: #171717;
border-color: #171717;
color: #bbb;
}

.members > div.step > label:hover, .members > div.step > label:focus {
border-color: #272727;
}

.members > div.step > label > p.description > b {
background-color: #272727;
color: #fff;
}

.members > div.step > div.group > div > input {
color: #777;
}

.members > div.step > div.group > div > input:hover, .members > div.step > div.group > div > input:focus {
color: #fff;
}


.booking > li.label.short > .notice {
border-color: #2b2b2b;
background-color: #000;
}

.booking > li.label.short > .notice > b > span {
background-color: #191919;
color: #999;
}

.coinbox {
background-color: #000;
}

.timeline.booking > li > .panel > .pbox > small > b {
background-color: #121212;
border-color: #333;
}

.booking > li.status > .ibox, .booking > li.information > .ibox {
background-color: rgba(0,0,0,0.8);
border-color: #333;
color: #666;
}
.booking > li.information > .ibox {
background-color: #000;
}

.timeline.booking > li > .ibox.arrow > .badge {
border-color: #222;
}

.svgprev > svg {
fill: #666;
}

.vertragsbox {
border-color: #191919;
}

.vertragsbox > h5 {
color: #666;
}

.vertragsbox > p {
color: #666;
}

.profile > div > div > .input {
background-color: #191919;
}

.profile > div > div > .input:hover, .profile > div > div > .input:focus {
background-color: #262626;
}

.profile > div > div > .input > input {
color: #aaa;
}

.profile > div > div > .input > select {
color: #aaa;
}

.profile > div > div > .input > select option {
background-color: #191919;
color: #aaa;
}

.profile > div > div > .input > select option:checked {
background-color: #262626;
font-weight: 700;
}

.signature > span {
color: #bbb;
}

.signature > div {
background-color: #fff;
border-color: #333;
}

.signature > div > button {
background-color: #333;
color: #999;
}

.datenschutz > div > .meta > strong {
color: #666;
}

.booking > li.status > .ibox > h4, .booking > li.status > .ibox > .guestbook > .input {
background-color: #191919;
color: #999;
}

.booking > li.status > .ibox > .guestbook > .input > textarea {
color: #aaa;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > a, .timeline.booking > li.status > .ibox > .buttons > div > a {
background-color: #191919;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > a:hover, .timeline.booking > li.status > .ibox > .buttons > div > a:hover {
background-color: #292929;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > a > span, .timeline.booking > li.status > .ibox > .buttons > div > a > span {
color: #999;
}

.timeline.booking > li > .panel > .pbox > .buttons > div > a > svg, .timeline.booking > li.status > .ibox > .buttons > div > a > svg {
fill: #999;
}

.booking > li.status > .ibox > .selection > div > .meta > svg {
fill: #fff;
}

.booking > li.status > .ibox > .selection > div > .meta > strong {
color: #fff;
}

.booking > li.status > .ibox > .selection > div:hover {
background-color: #111;
}

.booking > li.information > .abox {
background-color: #000;
border-color: #333;
}

.booking > li.information > .abox > .imgselection > div > div.imgbox {
border-color: #333;
}

.booking > li.information > .abox > .imgselection > div > div.imgbox > .vote > span {
background-color: rgba(0,0,0,0.4);
}

.booking > li.information > .abox.arrow > .badge {
border-color: #272727;
}

.goldenbox input {
background-color: #191919;
border-color: #666;
}

.goldenbox input:hover, .goldenbox input:focus {
background-color: #262626;
}

.booking > li.status > .ibox > .selection > div > .unlock.disabled > a, .booking > li.status > .ibox > .selection > div > .unlock.disabled > a:hover {
border-color: #333;
background-color: #111;
}

.timeline.booking > li.status > .ibox > .loader {
background-color: #333;
}

.timeline.booking > li > .ibox.arrow:before {
border-left: 15px solid #222;
border-right: 0 solid #222;
}

.timeline.booking > li > .ibox.arrow:after {
border-left: 14px solid #222;
border-right: 0 solid #222;
}


.timeline > li > .panel > .pbox.c-schedule {
border-left-color: #520000;
border-right-color: #520000;
border-bottom-color: #520000;
}

.timeline > li > .panel > .pbox.c-schedule > .badge {
border-color: #520000;
}

.timeline > li > .panel > .pbox.c-schedule::before, .timeline > li > .panel > .pbox.c-schedule::after {
border-left-color: #520000;
border-right-color: #520000;
}


.timeline > li > .panel > .pbox.c-business {
border-left-color: #524100;
border-right-color: #524100;
border-bottom-color: #524100;
}

.timeline > li > .panel > .pbox.c-business > .badge {
border-color: #524100;
}

.timeline > li > .panel > .pbox.c-business::before, .timeline > li > .panel > .pbox.c-business::after {
border-left-color: #524100;
border-right-color: #524100;
}



div.rights {
border-color: #222;
}

div.rights > ul > li > p {
color: #888;
}

div.rights > ul > li:hover > p {
color: #eee;
}

div.rights li > ul > li {
color: #888;
}

div.rights li > ul > li:hover {
color: #eee;
}

.article .article-content strong, .article .article-content .container b {
color: #ccc;
}

.article-content .container > h4, .article-content .container > div {
color: #aaa;
}

.article-content .container {
color: #aaa;
}

.cvoting {
background-color: #111;
}

.voting > .frame > .box-header > .header > hr {
background-color: #333;
}

.voting > .frame > .box-header > .header > h1 > span {
color: #ddd;
background-color: #111;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe {
background-color: #111;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox {
background-color: #000;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > p {
color: #666;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a > span {
color: #999;
}
.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a:hover > span {
color: #aaa;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > h2 > a, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > h2 > a:link, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > h2 > a:visited {
color: #aaa;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vbar > div > div > .vprogress > div > div > .step > div {
background-color: #333;
}

.voting > .frame > .box-voting > .vgrid > div:hover > .vframe > .vbox > .vbar > div > div > .vprogress > div > div > .step > div {
background-color: #444;
}

.voting > .frame > .box-voting > .versus > .middle {
background-color: #333;
}

.voting > .frame > .box-voting > .versus > .middle > p {
background-color: #000;
}

.voting > .frame > .box-voting > .versus > .middle > p > b > i > span {
color: #aaa;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a:link, .voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a:visited {
color: #666;
}

.voting > .frame > .box-voting > .vgrid > div > .vframe > .vbox > .vheader > div > b > a:hover {
color: #999;
}


.videoui > .vcontrols > .vbar {
background-color: rgba(0,0,0,0.65);
}
.videoui > .vcontrols > .vbar > .vprogress > p > span {
background-color: rgba(255,255,255,0.08);
}
.videoui > .vcontrols > a > u {
background-color: rgba(0,0,0,0.1);
}
.videoui > .vcontrols > a:hover > u {
background-color: rgba(0,0,0,0.45);
}


.csitemap, .chashtag {
background-color: #090807;
}

.sitemap, .hashtag {
background-color: #000;
border-color: #333;
}

.sitemap > h1, .hashtag > h1 {
color: #aaa;
}

.sitemap > h2, .hashtag > h2 {
background-color: #555;
}

.sitemap > ul > li > a, .sitemap > ul > li > a:link, .sitemap > ul > li > a:visited {
color: #ccc;
background-color: #202020;
}

.sitemap > ul > li > a:hover, .sitemap > ul > li > a:focus {
color: #fff;
background-color: #303030;
}

.sitemap > ul > li.selected {
background-color: #101010;
}

.hashtag > ul:hover {
background-color: #060606;
}

.hashtag > ul > li {
background-color: #101010;
}

.hashtag > ul > li:hover {
background-color: #202020;
}

.hashtag > ul > li > a > b > i {
color: #ccc;
}

.hashtag > ul > li > a > b > span {
color: #888;
}


.podcast > .pframe > .pside > div > .ptop {
background-color: #0f0f0f;
}

.podcast > .pframe > .pside > div > .ptop > h1 > a, .podcast > .pframe > .pside > div > .ptop > h1 > a:link, .podcast > .pframe > .pside > div > .ptop > h1 > a:visited {
color: #eee;
}

.podcast > .pframe > .pside > div > .ptop > h1 > a:hover, .podcast > .pframe > .pside > div > .ptop > h1 > a:focus {
color: #fff;
}

.podcast > .pframe > .pside > div > .ptop > h1 > a > svg {
fill: #eee;
}

.podcast > .pframe > .pside > div > .ptop > h1 > a:hover > svg {
fill: #fff;
}

.podcast > .pframe > .pside {
background-color: rgba(0,0,0,0.6);
}

.podcast > .pframe > .pside > div {
background-color: #000;
}

.podcast > .pframe > .pside > div > .pbox > div > p > b {
color: #999;
}

.podcast > .pframe > .pside > div > .pbox > div.playing > p > b {
color: #9CADBB;
}

.podcast > .pframe > .pside > div > .pbox > div > p > q {
color: #555;
}

.podcast > .pframe > .pside > div > .pbox > div.playing > p > q {
color: #556A7D;
}

.podcast > .pframe > .pside > div > .pbox > div {
border-color: #222;
}

.podcast > .pframe > .pside > div > .pbox > div:hover {
background-color: #111;
}

.podcast > .pframe > .pside > div > .pbox > div.playing {
background-color: #242d38;
border-color: #14181f;
}

.podcast > .pframe > .pside > div > .pbox > div.playing:hover {
background-color: #33404F;
}

.podcast > .pframe > .pside > div > .pbox > div > p > span {
color: #444;
}

.podcast > .pframe > .pside > div > .pbox > div > p > i > span > svg {
fill: #777;
}

.podcast > .pframe > .pside > div > .pbox > div > p > q > i {
color: #999;
background-color: #101010;
}

.podcast > .pframe > .pside > div > .pbox > div:hover > p > q > i {
color: #bbb;
background-color: #303030;
}

.podcast > .pframe > .pside > div > .pbox > div.playing > p > q > i {
color: #9CADBB;
background-color: #33404F;
}

.podcast > .pframe > .pside > div > .pbox > div.playing:hover > p > q > i {
color: #b9c5cf;
background-color: #556A7D;
}

.podcast > .pframe > .pside > div > .pbox > div.playing:hover > p > i > span > svg {
fill: #9CADBB;
}

.podcast > .pview > div > div > .ptext > .vlink > div {
background-color: rgba(0,0,0,0.5);
border-color: rgba(255,255,255,0.15);
}

.podcast > .pview > div > div > .ptext > .vlink > div:hover {
border-color: rgba(255,255,255,0.4);
}


.highlight {
background-color: #000;
}

.click > div > div.hl-teaser > div > h3 {
background-color: #000;
color: #9CADBB;
}

.hl-box > .hl-bar > .bar > .hl-process > div > .step > div {
background-color: rgba(0,0,0,0.15);
}

.hl-box > .hl-bar > .bar > .hl-process > div.show > .step > div {
background-color: rgba(0,0,0,0.25);
}

}





/*
@bench: 0.177s (LiveBench)
*/