@charset "UTF-8";
/* moved by compressor */
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 1px solid #f3f3f3;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 20px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 20px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 20px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 20px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_felogin_pi1" */
		.tx-felogin-pi1 label {
			display: block;
		}


.flag-icon-background, .flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat; }

.flag-icon {
position: relative;
display: inline-block;
width: 1.3333333333em;
line-height: 1em; }
.flag-icon:before {
content: '\00a0'; }
.flag-icon.flag-icon-squared {
width: 1em; }

/**
* Foundation for Sites by ZURB
* Version 6.3.1
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
*    IE on Windows Phone and in iOS.
*/
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */ }

/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }

/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }

/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
figcaption,
figure {
display: block; }

/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }

/**
* Add the correct display in IE.
*/
main {
display: block; }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }

/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }

/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }

/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }

/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }

/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }

/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }

/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }

sub {
bottom: -0.25em; }

sup {
top: -0.5em; }

/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block; }

/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }

/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }

/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }

/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }

/**
* Show the overflow in IE.
*/
button {
overflow: visible; }

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/ }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }

/**
* Show the overflow in Edge.
*/
input {
overflow: visible; }

/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }

/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
color: inherit;
/* 2 */
white-space: normal;
/* 1 */ }

/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }

/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }

/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE, and Firefox.
*/
details {
display: block; }

/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }

/*
* Add the correct display in IE 9-.
*/
menu {
display: block; }

/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block; }

/**
* Add the correct display in IE.
*/
template {
display: none; }

/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }

.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
box-sizing: border-box;
font-size: 90%; }

*,
*::before,
*::after {
box-sizing: inherit; }

body {
margin: 0;
padding: 0;
background: #f4eee9;
font-family: "trebuchetMS", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 400;
line-height: 1.5;
color: #404040;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic; }

textarea {
height: auto;
min-height: 50px;
border-radius: 4px; }

select {
box-sizing: border-box;
width: 100%;
border-radius: 4px; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }

button {
padding: 0;
appearance: none;
border: 0;
border-radius: 4px;
background: transparent;
line-height: 1; }
[data-whatinput='mouse'] button {
outline: 0; }

pre {
overflow: auto; }

.is-visible {
display: block !important; }

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

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }

p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.4;
text-rendering: optimizeLegibility; }

em,
i {
font-style: italic;
line-height: inherit; }

strong,
b {
font-weight: 700;
line-height: inherit; }

small {
font-size: 90%;
line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "trebuchetMS", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-style: normal;
font-weight: 700;
color: #e62449;
text-rendering: optimizeLegibility; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
line-height: 0;
color: #e62449; }

h1 {
font-size: 1.7361111111rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1rem; }

h2 {
font-size: 1.3888888889rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1rem; }

h3 {
font-size: 1.3194444444rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1rem; }

h4 {
font-size: 1.25rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1rem; }

h5 {
font-size: 1.1805555556rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1rem; }

h6 {
font-size: 1.1111111111rem;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1rem; }

@media print, screen and (min-width: 40em) {
h1 {
font-size: 1.4583333333rem; }
h2 {
font-size: 1.25rem; }
h3 {
font-size: 1.1111111111rem; }
h4 {
font-size: 1.7361111111rem; }
h5 {
font-size: 1.3888888889rem; }
h6 {
font-size: 1.1111111111rem; } }

a {
line-height: inherit;
color: #e62449;
text-decoration: none;
cursor: pointer; }
a:hover, a:focus {
color: #c41d18; }
a img {
border: 0; }

hr {
clear: both;
max-width: 83.3333333333rem;
height: 0;
margin: 1.3888888889rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #d1d1d1;
border-left: 0; }

ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.4; }

li {
font-size: inherit; }

ul {
margin-left: 1.25rem;
list-style-type: disc; }

ol {
margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }

dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: 700; }

blockquote {
margin: 0 0 1rem;
padding: 0.625rem 1.3888888889rem 0 1.3194444444rem;
border-left: 1px solid #d1d1d1; }
blockquote, blockquote p {
line-height: 1.4;
color: #9c9b9b; }

cite {
display: block;
font-size: 0.9027777778rem;
color: #9c9b9b; }
cite:before {
content: "— "; }

abbr {
border-bottom: 1px dotted #404040;
color: #404040;
cursor: help; }

figure {
margin: 0; }

code {
padding: 0.1388888889rem 0.3472222222rem 0.0694444444rem;
border: 1px solid #d1d1d1;
background-color: #f9f9f9;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 400;
color: #404040; }

kbd {
margin: 0;
padding: 0.1388888889rem 0.2777777778rem 0;
background-color: #f9f9f9;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #404040;
border-radius: 4px; }

.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: 400;
line-height: 1.4;
color: #9c9b9b; }

.lead {
font-size: 112.5%;
line-height: 1.6; }

.stat {
font-size: 2.5rem;
line-height: 1; }
p + .stat {
margin-top: -1rem; }

.no-bullet {
margin-left: 0;
list-style: none; }

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

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

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

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

@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
text-align: right; }
.medium-text-center {
text-align: center; }
.medium-text-justify {
text-align: justify; } }

@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left; }
.large-text-right {
text-align: right; }
.large-text-center {
text-align: center; }
.large-text-justify {
text-align: justify; } }

.show-for-print {
display: none !important; }

@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #9c9b9b;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }

.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 4px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #e62449;
color: #fff; }
[data-whatinput='mouse'] .button {
outline: 0; }
.button:hover, .button:focus {
background-color: #c21c18;
color: #fff; }
.button.tiny {
font-size: 0.6rem; }
.button.small {
font-size: 0.75rem; }
.button.large {
font-size: 1.25rem; }
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0; }
.button.primary {
background-color: #e62449;
color: #fff; }
.button.primary:hover, .button.primary:focus {
background-color: #b61b17;
color: #fff; }
.button.secondary {
background-color: #767676;
color: #fff; }
.button.secondary:hover, .button.secondary:focus {
background-color: #5e5e5e;
color: #fff; }
.button.success {
background-color: #3adb76;
color: #404040; }
.button.success:hover, .button.success:focus {
background-color: #22bb5b;
color: #404040; }
.button.warning {
background-color: #ffae00;
color: #404040; }
.button.warning:hover, .button.warning:focus {
background-color: #cc8b00;
color: #404040; }
.button.alert {
background-color: #cc4b37;
color: #fff; }
.button.alert:hover, .button.alert:focus {
background-color: #a53b2a;
color: #fff; }
.button.hollow {
border: 1px solid #e62449;
color: #e62449; }
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent; }
.button.hollow:hover, .button.hollow:focus {
border-color: #72110e;
color: #72110e; }
.button.hollow.primary {
border: 1px solid #e62449;
color: #e62449; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #72110e;
color: #72110e; }
.button.hollow.secondary {
border: 1px solid #767676;
color: #767676; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #3b3b3b;
color: #3b3b3b; }
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #157539;
color: #157539; }
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805700;
color: #805700; }
.button.hollow.alert {
border: 1px solid #cc4b37;
color: #cc4b37; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #67251a;
color: #67251a; }
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
background-color: #e62449;
color: #fff; }
.button.disabled.primary, .button[disabled].primary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
background-color: #e62449;
color: #fff; }
.button.disabled.secondary, .button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #767676;
color: #fff; }
.button.disabled.success, .button[disabled].success {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #3adb76;
color: #404040; }
.button.disabled.warning, .button[disabled].warning {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #ffae00;
color: #404040; }
.button.disabled.alert, .button[disabled].alert {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #cc4b37;
color: #fff; }
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #fff transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em; }
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.7083333333rem;
margin: 0 0 1.1111111111rem;
padding: 0.5555555556rem;
border: 1px solid #d1d1d1;
border-radius: 4px;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(64, 64, 64, 0.1);
font-family: inherit;
font-size: 1.1111111111rem;
font-weight: 400;
color: #404040;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
outline: none;
border: 1px solid #9c9b9b;
background-color: #fff;
box-shadow: 0 0 5px #d1d1d1;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }

input::placeholder,
textarea::placeholder {
color: #d1d1d1; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #f9f9f9;
cursor: not-allowed; }

[type='submit'],
[type='button'] {
appearance: none;
border-radius: 4px; }

input[type='search'] {
box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1.1111111111rem; }

[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5555555556rem;
margin-right: 1.1111111111rem;
margin-bottom: 0; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.5555555556rem; }

[type='file'] {
width: 100%; }

label {
display: block;
margin: 0;
font-size: 0.9722222222rem;
font-weight: 400;
line-height: 1.8;
color: #404040; }
label.middle {
margin: 0 0 1.1111111111rem;
padding: 0.625rem 0; }

.help-text {
margin-top: -0.5555555556rem;
font-size: 0.9027777778rem;
font-style: italic;
color: #404040; }

.input-group {
display: table;
width: 100%;
margin-bottom: 1.1111111111rem; }
.input-group > :first-child {
border-radius: 4px 0 0 4px; }
.input-group > :last-child > * {
border-radius: 0 4px 4px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle; }

.input-group-label {
padding: 0 1rem;
border: 1px solid #d1d1d1;
background: #f9f9f9;
color: #404040;
text-align: center;
white-space: nowrap;
width: 1%;
height: 100%; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }

.input-group-field {
border-radius: 0;
height: 2.7777777778rem; }

.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
height: 100%; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: 2.7777777778rem;
padding-top: 0;
padding-bottom: 0;
font-size: 1.1111111111rem; }

.input-group .input-group-button {
display: table-cell; }

fieldset {
margin: 0;
padding: 0;
border: 0; }

legend {
max-width: 100%;
margin-bottom: 0.5555555556rem; }

.fieldset {
margin: 1.25rem 0;
padding: 1.3888888889rem;
border: 1px solid #d1d1d1; }
.fieldset legend {
margin: 0;
margin-left: -0.2083333333rem;
padding: 0 0.2083333333rem;
background: #f0f0f0; }

select {
height: 2.7083333333rem;
margin: 0 0 1.1111111111rem;
padding: 0.5555555556rem;
appearance: none;
border: 1px solid #d1d1d1;
border-radius: 4px;
background-color: #fff;
font-family: inherit;
font-size: 1.1111111111rem;
line-height: normal;
color: #404040;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28156, 155, 155%29'></polygon></svg>");
background-origin: content-box;
background-position: right -1.1111111111rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.6666666667rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg=="); } }
select:focus {
outline: none;
border: 1px solid #9c9b9b;
background-color: #fff;
box-shadow: 0 0 5px #d1d1d1;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
background-color: #f9f9f9;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }

.is-invalid-input:not(:focus) {
border-color: #cc4b37;
background-color: #faedeb; }
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37; }

.is-invalid-label {
color: #cc4b37; }

.form-error {
display: none;
margin-top: -0.5555555556rem;
margin-bottom: 1.1111111111rem;
font-size: 0.8333333333rem;
font-weight: 700;
color: #cc4b37; }
.form-error.is-visible {
display: block; }

.hide {
display: none !important; }

.invisible {
visibility: hidden; }

@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important; } }

@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important; } }

@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important; } }

@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important; } }

@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important; } }

.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto; }

.show-for-landscape,
.hide-for-portrait {
display: block !important; }
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important; } }
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
display: none !important; }
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important; } }
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important; } }

.float-left {
float: left !important; }

.float-right {
float: right !important; }

.float-center {
display: block;
margin-right: auto;
margin-left: auto; }

.clearfix::before, .clearfix::after {
display: table;
content: ' '; }

.clearfix::after {
clear: both; }

.breadcrumbs {
margin: 0;
list-style: none; }
.breadcrumbs::before, .breadcrumbs::after {
display: table;
content: ' '; }
.breadcrumbs::after {
clear: both; }
.breadcrumbs li {
float: left;
font-size: 90%;
color: #404040;
cursor: default;
margin-right: 0.25rem; }
.breadcrumbs a {
color: #e62449; }
.breadcrumbs a:hover {
text-decoration: underline; }
.breadcrumbs .disabled {
color: #d1d1d1;
cursor: not-allowed; }

.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(64, 64, 64, 0.25);
border-radius: 4px;
background-color: white;
color: #404040; }
.callout > :first-child {
margin-top: 0; }
.callout > :last-child {
margin-bottom: 0; }
.callout.primary {
background-color: #fbdedd;
color: #404040; }
.callout.secondary {
background-color: #eaeaea;
color: #404040; }
.callout.success {
background-color: #e1faea;
color: #404040; }
.callout.warning {
background-color: #fff3d9;
color: #404040; }
.callout.alert {
background-color: #f7e4e1;
color: #404040; }
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem; }
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem; }

.close-button {
position: absolute;
color: #9c9b9b;
cursor: pointer; }
[data-whatinput='mouse'] .close-button {
outline: 0; }
.close-button:hover, .close-button:focus {
color: #404040; }
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1; }
.close-button, .close-button.medium {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1; }

.is-drilldown {
position: relative;
overflow: hidden; }
.is-drilldown li {
display: block; }
.is-drilldown.animate-height {
transition: height 0.5s; }

.is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #fff;
transition: transform 0.15s linear; }
.is-drilldown-submenu.is-active {
z-index: 1;
display: block;
transform: translateX(-100%); }
.is-drilldown-submenu.is-closing {
transform: translateX(100%); }

.drilldown-submenu-cover-previous {
min-height: 100%; }

.is-drilldown-submenu-parent > a {
position: relative; }
.is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #e62449;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem; }

.js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #e62449 transparent transparent;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
border-left-width: 0; }

.dropdown-pane {
position: absolute;
z-index: 10;
display: block;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid #d1d1d1;
border-radius: 4px;
background-color: #f0f0f0;
font-size: 1rem; }
.dropdown-pane.is-open {
visibility: visible; }

.dropdown-pane.tiny {
width: 100px; }

.dropdown-pane.small {
width: 200px; }

.dropdown-pane.large {
width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #e62449 transparent transparent;
right: 5px;
margin-top: -3px; }

[data-whatinput='mouse'] .dropdown.menu a {
outline: 0; }

.no-js .dropdown.menu ul {
display: none; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0; z-index:100;}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }

.dropdown.menu.vertical > li > a::after {
right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #e62449 transparent transparent; }

.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #e62449; }

@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #e62449 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.medium-vertical > li > a::after {
right: 14px; }
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #e62449 transparent transparent; }
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #e62449; } }

@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #e62449 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.large-vertical > li > a::after {
right: 14px; }
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #e62449 transparent transparent; }
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #e62449; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto; }

.is-dropdown-menu.vertical {
width: 100px; }
.is-dropdown-menu.vertical.align-right {
float: right; }

.is-dropdown-submenu-parent {
position: relative; }
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
margin-top: -6px; }
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }

.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #d1d1d1;
background: #fff; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #e62449 transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #e62449; }
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; }
.is-dropdown-submenu > li {
width: 100%; }
.is-dropdown-submenu.js-dropdown-active {
display: block; }

.responsive-embed,
.flex-video {
position: relative;
height: 0;
margin-bottom: 1.1111111111rem;
padding-bottom: 75%;
overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.responsive-embed.widescreen,
.flex-video.widescreen {
padding-bottom: 56.25%; }

.menu {
margin: 0;
list-style-type: none; }
.menu > li {
display: table-cell;
vertical-align: middle; }
[data-whatinput='mouse'] .menu > li {
outline: 0; }
.menu > li > a {
display: block;
padding: 0.7rem 1rem;
line-height: 1; }
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0; }
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
vertical-align: middle; }
.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
vertical-align: middle; }
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
margin-right: 0.25rem;
display: inline-block; }
.menu > li, .menu.horizontal > li {
display: table-cell; }
.menu.expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.expanded > li:first-child:last-child {
width: 100%; }
.menu.vertical > li {
display: block; }
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal > li {
display: table-cell; }
.menu.medium-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.medium-expanded > li:first-child:last-child {
width: 100%; }
.menu.medium-vertical > li {
display: block; } }
@media print, screen and (min-width: 64em) {
.menu.large-horizontal > li {
display: table-cell; }
.menu.large-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.large-expanded > li:first-child:last-child {
width: 100%; }
.menu.large-vertical > li {
display: block; } }
.menu.simple li {
display: inline-block;
vertical-align: top;
line-height: 1; }
.menu.simple a {
padding: 0; }
.menu.simple li {
margin-left: 0;
margin-right: 1rem; }
.menu.simple.align-right li {
margin-right: 0;
margin-left: 1rem; }
.menu.align-right::before, .menu.align-right::after {
display: table;
content: ' '; }
.menu.align-right::after {
clear: both; }
.menu.align-right > li {
float: right; }
.menu.icon-top > li > a {
text-align: center; }
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
display: block;
margin: 0 auto 0.25rem; }
.menu.icon-top.vertical a > span {
margin: auto; }
.menu.nested {
margin-left: 1rem; }
.menu .active > a {
background: #e62449;
color: #fff; }
.menu.menu-bordered li {
border: 1px solid #d1d1d1; }
.menu.menu-bordered li:not(:first-child) {
border-top: 0; }
.menu.menu-hover li:hover {
background-color: #f9f9f9; }

.menu-text {
padding-top: 0;
padding-bottom: 0;
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit; }

.menu-centered {
text-align: center; }
.menu-centered > .menu {
display: inline-block;
vertical-align: top; }

.no-js [data-responsive-menu] ul {
display: none; }

.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fff;
box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
content: ''; }
.menu-icon:hover::after {
background: #d1d1d1;
box-shadow: 0 7px 0 #d1d1d1, 0 14px 0 #d1d1d1; }

.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #404040;
box-shadow: 0 7px 0 #404040, 0 14px 0 #404040;
content: ''; }
.menu-icon.dark:hover::after {
background: #9c9b9b;
box-shadow: 0 7px 0 #9c9b9b, 0 14px 0 #9c9b9b; }

.pagination, .news .f3-widget-paginator, .tx-indexedsearch-browsebox {
margin-left: 0;
margin-bottom: 1rem; }
.pagination::before, .news .f3-widget-paginator::before, .tx-indexedsearch-browsebox::before, .pagination::after, .news .f3-widget-paginator::after, .tx-indexedsearch-browsebox::after {
display: table;
content: ' '; }
.pagination::after, .news .f3-widget-paginator::after, .tx-indexedsearch-browsebox::after {
clear: both; }
.pagination li, .news .f3-widget-paginator li, .tx-indexedsearch-browsebox li {
margin-right: 0.0694444444rem;
border-radius: 4px;
font-size: 0.9722222222rem;
display: none; }
.pagination li:last-child, .news .f3-widget-paginator li:last-child, .tx-indexedsearch-browsebox li:last-child, .pagination li:first-child, .news .f3-widget-paginator li:first-child, .tx-indexedsearch-browsebox li:first-child {
display: inline-block; }
@media print, screen and (min-width: 40em) {
.pagination li, .news .f3-widget-paginator li, .tx-indexedsearch-browsebox li {
display: inline-block; } }
.pagination a, .news .f3-widget-paginator a, .tx-indexedsearch-browsebox a,
.pagination button,
.news .f3-widget-paginator button,
.tx-indexedsearch-browsebox button {
display: block;
padding: 0.2083333333rem 0.6944444444rem;
border-radius: 4px;
color: #404040; }
.pagination a:hover, .news .f3-widget-paginator a:hover, .tx-indexedsearch-browsebox a:hover,
.pagination button:hover,
.news .f3-widget-paginator button:hover,
.tx-indexedsearch-browsebox button:hover {
background: #fff; }
.pagination .current, .news .f3-widget-paginator .current, .tx-indexedsearch-browsebox .current, .pagination .tx-indexedsearch-browselist-currentPage, .news .f3-widget-paginator .tx-indexedsearch-browselist-currentPage, .tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage {
padding: 0.2083333333rem 0.6944444444rem;
background: #f9f9f9;
color: #fff;
cursor: default; }
.pagination .disabled, .news .f3-widget-paginator .disabled, .tx-indexedsearch-browsebox .disabled {
padding: 0.2083333333rem 0.6944444444rem;
color: #d1d1d1;
cursor: not-allowed; }
.pagination .disabled:hover, .news .f3-widget-paginator .disabled:hover, .tx-indexedsearch-browsebox .disabled:hover {
background: transparent; }
.pagination .ellipsis::after, .news .f3-widget-paginator .ellipsis::after, .tx-indexedsearch-browsebox .ellipsis::after {
padding: 0.2083333333rem 0.6944444444rem;
content: '\2026';
color: #404040; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: '\00ab'; }

.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: '\00bb'; }

.progress {
height: 1rem;
margin-bottom: 1rem;
border-radius: 4px;
background-color: #d1d1d1; }
.progress.primary .progress-meter {
background-color: #e62449; }
.progress.secondary .progress-meter {
background-color: #767676; }
.progress.success .progress-meter {
background-color: #3adb76; }
.progress.warning .progress-meter {
background-color: #ffae00; }
.progress.alert .progress-meter {
background-color: #cc4b37; }

.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #e62449;
border-radius: 4px; }

.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #fff;
white-space: nowrap;
border-radius: 4px; }

body.is-reveal-open {
overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
user-select: none; }

.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(64, 64, 64, 0.45);
overflow-y: scroll; }

.reveal {
z-index: 1006;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #d1d1d1;
border-radius: 4px;
background-color: #fff;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
@media print, screen and (min-width: 40em) {
.reveal {
min-height: 0; } }
.reveal .column,
.reveal .columns {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 83.3333333333rem; } }
@media print, screen and (min-width: 40em) {
.reveal .reveal {
right: auto;
left: auto;
margin: 0 auto; } }
.reveal.collapse {
padding: 0; }
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 83.3333333333rem; } }
@media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 83.3333333333rem; } }
@media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 83.3333333333rem; } }
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; }
@media screen and (max-width: 39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; } }
.reveal.without-overlay {
position: fixed; }

table {
width: 100%;
margin-bottom: 1rem;
border-radius: 4px; }
thead,
tbody,
tfoot {
border: none;
background-color: #fff; }
caption {
padding: 0.25rem 0.5rem;
font-weight: 700; }
thead {
background: #e62449;
color: #fff; }
tfoot {
background: #f2f2f2;
color: #404040; }
thead tr,
tfoot tr {
background: transparent; }
thead th,
thead td,
tfoot th,
tfoot td {
padding: 0.25rem 0.5rem;
font-weight: 700;
text-align: left; }
tbody th,
tbody td {
padding: 0.25rem 0.5rem; }
tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f2f2f2; }
table.unstriped tbody {
background-color: #fff; }
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: none;
background-color: #fff; }

@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none; }
table.stack tfoot {
display: none; }
table.stack tr,
table.stack th,
table.stack td {
display: block; }
table.stack td {
border-top: 0; } }

table.scroll {
display: block;
width: 100%;
overflow-x: auto; }

table.hover thead tr:hover {
background-color: #db201b; }

table.hover tfoot tr:hover {
background-color: #ededed; }

table.hover tbody tr:hover {
background-color: #fafafa; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ededed; }

.table-scroll {
overflow-x: auto; }
.table-scroll table {
width: auto; }

.tabs {
margin: 0;
border: 1px solid none;
background: transparent;
list-style-type: none; }
.tabs::before, .tabs::after {
display: table;
content: ' '; }
.tabs::after {
clear: both; }

.tabs.vertical > li {
display: block;
float: none;
width: auto; }

.tabs.simple > li > a {
padding: 0; }
.tabs.simple > li > a:hover {
background: transparent; }

.tabs.primary {
background: #e62449; }
.tabs.primary > li > a {
color: #fff; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #d8201b; }

.tabs-title {
float: left; }
.tabs-title > a {
display: block;
padding: 0.8rem 0.7rem;
font-size: 0.9722222222rem;
line-height: 1;
color: #e62449; }
.tabs-title > a:hover {
background: #fff;
color: #c41d18; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
background: #e62449;
color: #fff; }

.tabs-content {
border: 1px solid none;
border-top: 0;
background: transparent;
color: #fff;
transition: all 0.5s ease; }

.tabs-content.vertical {
border: 1px solid none;
border-left: 0; }

.tabs-panel {
display: none;
padding: 0; }
.tabs-panel[aria-hidden="false"] {
display: block; }

.title-bar {
padding: 0.5rem;
background: #e62449;
color: #fff; }
.title-bar::before, .title-bar::after {
display: table;
content: ' '; }
.title-bar::after {
clear: both; }
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem; }

.title-bar-left {
float: left; }

.title-bar-right {
float: right;
text-align: right; }

.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: bold; }

.top-bar {
padding: 0.5rem; }
.top-bar::before, .top-bar::after {
display: table;
content: ' '; }
.top-bar::after {
clear: both; }
.top-bar,
.top-bar ul {
background-color: transparent; }
.top-bar ul ul {
background-color: #e5e5e5; }
.top-bar input {
max-width: 200px;
margin-right: 1rem; }
.top-bar .input-group-field {
width: 100%;
margin-right: 0; }
.top-bar input.button {
width: auto; }
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: 100%; }
@media print, screen and (min-width: 40em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: auto; } }
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
width: 100%; } }
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
width: 100%; } }

.top-bar-title {
display: inline-block;
float: left;
padding: 0.5rem 1rem 0.5rem 0; }
.top-bar-title .menu-icon {
bottom: 2px; }

.top-bar-left {
float: left; }

.top-bar-right {
float: right; }

/*!
*  cookieconsent
*/
.cc-window {
opacity: 1;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease; }

.cc-window.cc-invisible {
opacity: 0; }

/* only animate ifhas class 'cc-animate' */
.cc-animate.cc-revoke {
-webkit-transition: transform 1s ease;
-moz-transition: transform 1s ease;
-ms-transition: transform 1s ease;
-o-transition: transform 1s ease;
transition: transform 1s ease; }

.cc-animate.cc-revoke.cc-top {
transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom {
transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-top {
transform: translateY(0); }

.cc-animate.cc-revoke.cc-active.cc-bottom {
transform: translateY(0); }

.cc-revoke:hover {
transform: translateY(0); }

.cc-grower {
/* Initially we don't want any height, and we want the contents to be hidden */
max-height: 0;
overflow: hidden;
/* Set our transitions up. */
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
-ms-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s; }

/* the popup window */
.cc-window,
.cc-revoke {
position: fixed;
overflow: hidden;
box-sizing: border-box;
/* exclude padding when dealing with width */
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 16px;
/* by setting the base font here, we can size the rest of the popup using CSS `em` */
line-height: 1.5em;
display: flex;
flex-wrap: nowrap;
/* the following are random unjustified styles - just because - should probably be removed */
z-index: 9999; }

.cc-window.cc-static {
position: static; }

/* 2 basic types of window - floating / banner */
.cc-window.cc-floating {
padding: 2em;
max-width: 24em;
/* 1em == 16px therefore 24em == 384px */
flex-direction: column; }

.cc-window.cc-banner {
padding: 1em 1.8em;
width: 100%;
flex-direction: row; }

.cc-revoke {
padding: 0.5em; }

.cc-revoke:hover {
text-decoration: underline; }

.cc-header {
font-size: 18px;
font-weight: bold; }

/* clickable things */
.cc-btn,
.cc-link,
.cc-close,
.cc-revoke {
cursor: pointer; }

.cc-link {
opacity: 0.8;
display: inline-block;
padding: 0.2em;
text-decoration: underline; }

.cc-link:hover {
opacity: 1; }

.cc-link:active,
.cc-link:visited {
color: initial; }

.cc-btn {
display: block;
padding: 0.4em 0.8em;
font-size: 0.9em;
font-weight: bold;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap; }

.cc-highlight .cc-btn:first-child {
background-color: transparent;
border-color: transparent; }

.cc-highlight .cc-btn:first-child:hover,
.cc-highlight .cc-btn:first-child:focus {
background-color: transparent;
text-decoration: underline; }

.cc-close {
display: block;
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 1.6em;
opacity: 0.9;
/* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */
/*  - we want it to be a square, because it's acting as an icon */
/*  - setting the line height normalises the height */
line-height: 0.75; }

.cc-close:hover,
.cc-close:focus {
opacity: 1; }

/* This file should contain CSS that modifies the popup layout. */
/* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */
.cc-revoke.cc-top {
top: 0;
left: 3em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em; }

.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em; }

.cc-revoke.cc-left {
left: 3em;
right: unset; }

.cc-revoke.cc-right {
right: 3em;
left: unset; }

/**************************************** FLOATING ****************************************/
/* these classes position the floating element */
.cc-top {
top: 1em; }

.cc-left {
left: 1em; }

.cc-right {
right: 1em; }

.cc-bottom {
bottom: 1em; }

/* links that are direct decendants should be displayed as block */
.cc-floating > .cc-link {
margin-bottom: 1em; }

.cc-floating .cc-message {
display: block;
margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance {
flex: 1 0 auto; }

/**************************************** BANNER ****************************************/
.cc-window.cc-banner {
align-items: center; }

.cc-banner.cc-top {
left: 0;
right: 0;
top: 0; }

.cc-banner.cc-bottom {
left: 0;
right: 0;
bottom: 0; }

.cc-banner .cc-message {
display: block;
flex: 1 1 auto;
max-width: 100%;
margin-right: 1em; }

/* COMPLIANCE BOX */
.cc-compliance {
display: flex;
align-items: center;
align-content: space-between; }

.cc-floating .cc-compliance > .cc-btn {
flex: 1; }

.cc-btn + .cc-btn {
margin-left: 0.5em; }

@media print {
.cc-window,
.cc-revoke {
display: none; } }

@media screen and (max-width: 900px) {
.cc-btn {
white-space: normal; } }

/* dimensions for 'iPhone6 Plus' and lower */
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
.cc-window.cc-top {
top: 0; }
.cc-window.cc-bottom {
bottom: 0; }
.cc-window.cc-banner,
.cc-window.cc-floating,
.cc-window.cc-right,
.cc-window.cc-left {
left: 0;
right: 0; }
.cc-window.cc-banner {
flex-direction: column; }
.cc-window.cc-banner .cc-compliance {
flex: 1 1 auto; }
.cc-window.cc-floating {
max-width: none; }
.cc-window .cc-message {
margin-bottom: 1em; }
.cc-window.cc-banner {
align-items: unset; }
.cc-window.cc-banner .cc-message {
margin-right: 0; } }

/*!
*  Artesa
*/
@font-face {
font-family: 'icons';
src: url('../../typo3conf/ext/artesa/Resources/Public/Fonts/icons.eot?45kdd6');
src: url('../../typo3conf/ext/artesa/Resources/Public/Fonts/icons.eot?45kdd6#iefix') format("embedded-opentype"), url('../../typo3conf/ext/artesa/Resources/Public/Fonts/icons.ttf?45kdd6') format("truetype"), url('../../typo3conf/ext/artesa/Resources/Public/Fonts/icons.woff?45kdd6') format("woff"), url('../../typo3conf/ext/artesa/Resources/Public/Fonts/icons.svg?45kdd6#icons') format("svg");
font-weight: normal;
font-style: normal; }

[class^='icon--'], [class*=' icon--'] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

.icon--primary {
color: #e62449; }

.icon--gray {
color: #9c9b9b; }

.icon--sm {
font-size: 80%; }

.icon--lg {
font-size: 140%; }

.icon--block {
display: inline-block;
width: 1em; }

.icon--arrow::before {
content: ""; }

.icon--doublearrow::before {
content: ""; }

.icon--print::before {
content: ""; }

.icon--lock::before {
content: ""; }

.icon--safe::before {
content: ""; }

.icon--help::before {
content: ""; }

.icon--pushpin::before {
content: ""; }

.icon--magic-wand::before {
content: ""; }

.icon--bookmarks::before {
content: ""; }

.m-0 {
margin: 0 0 !important; }

.mt-0 {
margin-top: 0 !important; }

.mr-0 {
margin-right: 0 !important; }

.mb-0 {
margin-bottom: 0 !important; }

.ml-0 {
margin-left: 0 !important; }

.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important; }

.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }

.m-1 {
margin: 2.5px 2.5px !important; }

.mt-1 {
margin-top: 2.5px !important; }

.mr-1 {
margin-right: 2.5px !important; }

.mb-1 {
margin-bottom: 2.5px !important; }

.ml-1 {
margin-left: 2.5px !important; }

.mx-1 {
margin-right: 2.5px !important;
margin-left: 2.5px !important; }

.my-1 {
margin-top: 2.5px !important;
margin-bottom: 2.5px !important; }

.m-2 {
margin: 5px 5px !important; }

.mt-2 {
margin-top: 5px !important; }

.mr-2 {
margin-right: 5px !important; }

.mb-2 {
margin-bottom: 5px !important; }

.ml-2 {
margin-left: 5px !important; }

.mx-2 {
margin-right: 5px !important;
margin-left: 5px !important; }

.my-2 {
margin-top: 5px !important;
margin-bottom: 5px !important; }

.m-3 {
margin: 10px 10px !important; }

.mt-3 {
margin-top: 10px !important; }

.mr-3 {
margin-right: 10px !important; }

.mb-3 {
margin-bottom: 10px !important; }

.ml-3 {
margin-left: 10px !important; }

.mx-3 {
margin-right: 10px !important;
margin-left: 10px !important; }

.my-3 {
margin-top: 10px !important;
margin-bottom: 10px !important; }

.m-4 {
margin: 15px 15px !important; }

.mt-4 {
margin-top: 15px !important; }

.mr-4 {
margin-right: 15px !important; }

.mb-4 {
margin-bottom: 15px !important; }

.ml-4 {
margin-left: 15px !important; }

.mx-4 {
margin-right: 15px !important;
margin-left: 15px !important; }

.my-4 {
margin-top: 15px !important;
margin-bottom: 15px !important; }

.m-5 {
margin: 30px 30px !important; }

.mt-5 {
margin-top: 30px !important; }

.mr-5 {
margin-right: 30px !important; }

.mb-5 {
margin-bottom: 30px !important; }

.ml-5 {
margin-left: 30px !important; }

.mx-5 {
margin-right: 30px !important;
margin-left: 30px !important; }

.my-5 {
margin-top: 30px !important;
margin-bottom: 30px !important; }

.p-0 {
padding: 0 0 !important; }

.pt-0 {
padding-top: 0 !important; }

.pr-0 {
padding-right: 0 !important; }

.pb-0 {
padding-bottom: 0 !important; }

.pl-0 {
padding-left: 0 !important; }

.px-0 {
padding-right: 0 !important;
padding-left: 0 !important; }

.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }

.p-1 {
padding: 2.5px 2.5px !important; }

.pt-1 {
padding-top: 2.5px !important; }

.pr-1 {
padding-right: 2.5px !important; }

.pb-1 {
padding-bottom: 2.5px !important; }

.pl-1 {
padding-left: 2.5px !important; }

.px-1 {
padding-right: 2.5px !important;
padding-left: 2.5px !important; }

.py-1 {
padding-top: 2.5px !important;
padding-bottom: 2.5px !important; }

.p-2 {
padding: 5px 5px !important; }

.pt-2 {
padding-top: 5px !important; }

.pr-2 {
padding-right: 5px !important; }

.pb-2 {
padding-bottom: 5px !important; }

.pl-2 {
padding-left: 5px !important; }

.px-2 {
padding-right: 5px !important;
padding-left: 5px !important; }

.py-2 {
padding-top: 5px !important;
padding-bottom: 5px !important; }

.p-3 {
padding: 10px 10px !important; }

.pt-3 {
padding-top: 10px !important; }

.pr-3 {
padding-right: 10px !important; }

.pb-3 {
padding-bottom: 10px !important; }

.pl-3 {
padding-left: 10px !important; }

.px-3 {
padding-right: 10px !important;
padding-left: 10px !important; }

.py-3 {
padding-top: 10px !important;
padding-bottom: 10px !important; }

.p-4 {
padding: 15px 15px !important; }

.pt-4 {
padding-top: 15px !important; }

.pr-4 {
padding-right: 15px !important; }

.pb-4 {
padding-bottom: 15px !important; }

.pl-4 {
padding-left: 15px !important; }

.px-4 {
padding-right: 15px !important;
padding-left: 15px !important; }

.py-4 {
padding-top: 15px !important;
padding-bottom: 15px !important; }

.p-5 {
padding: 30px 30px !important; }

.pt-5 {
padding-top: 30px !important; }

.pr-5 {
padding-right: 30px !important; }

.pb-5 {
padding-bottom: 30px !important; }

.pl-5 {
padding-left: 30px !important; }

.px-5 {
padding-right: 30px !important;
padding-left: 30px !important; }

.py-5 {
padding-top: 30px !important;
padding-bottom: 30px !important; }

.red {
color: #e62449; }

dl.inline {
display: grid;
grid-template-columns: max-content auto; }
dl.inline dt {
grid-column-start: 1; }
dl.inline dd {
grid-column-start: 2;
padding-left: 1em; }

html,
body {
background-color: #f4f1ef; /*f0f0f0;*/
font-variant-ligatures: none; }

body {
/*background: linear-gradient(to bottom, #fff, #f0f0f0 200px);*/
margin-bottom: 2rem; }

h2, h3, h4 {
color: #404040; }

h5 {
color: #e62449;
font-size: 1.25rem; }

ul ul {
list-style-type: circle; }

.l-body-wrap {
max-width: 83.3333333333rem;
margin-right: auto;
margin-left: auto;
width: 100%;
float: left;
padding-right: 0.6944444444rem;
padding-left: 0.6944444444rem;
max-width: 83.3333333333rem;
position: relative;
background-color: transparent;
z-index: 1; }
.l-body-wrap::before, .l-body-wrap::after {
display: table;
content: ' '; }
.l-body-wrap::after {
clear: both; }
.l-body-wrap:last-child:not(:first-child) {
float: right; }
.l-body-wrap, .l-body-wrap:last-child {
float: none; }
.l-body-wrap::before {
content: '';
position: absolute;
width: 205px;
height: 200px;
top: -70px;
left: 72%;
z-index: -1;
background: transparent url('../../typo3conf/ext/artesa/Resources/Public/Images/artesa-logo-icon.svg') no-repeat top left; }

.no-js .l-nav-title-bar {
display: none; }

.l-nav-top {
max-width: 83.3333333333rem;
margin-right: auto;
margin-left: auto; }
.l-nav-top::before, .l-nav-top::after {
display: table;
content: ' '; }
.l-nav-top::after {
clear: both; }
.l-nav-top__logo {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem;
padding-top: 1.25rem; }
@media print, screen and (min-width: 40em) {
.l-nav-top__logo {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-nav-top__logo:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 40em) {
.l-nav-top__logo {
width: 33.3333333333%;
padding-right: 0; } }
.l-nav-top__logo a {
display: block;
height: 65px;
width: 251px; }
.l-nav-top__menu {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; }
@media print, screen and (min-width: 40em) {
.l-nav-top__menu {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-nav-top__menu:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 40em) {
.l-nav-top__menu {
width: 66.6666666667%;
padding-right: 0; } }
@media print, screen and (min-width: 40em) {
.l-nav-top__menu--top, .l-nav-top__menu--lang {
top: 0;
float: right;
margin: 1.25rem;
margin-right: 0; } }
.l-nav-top__menu--top {
font-size: 90%; }
.l-nav-top__menu--top > li:last-child > a {
border-right: 0; }
.l-nav-top__menu--top > li > a {
padding: 0.25rem 1rem 0.25rem 0;
margin-right: 1rem;
border-right: 1px dotted #9c9b9b;
text-decoration: underline; }
.l-nav-top__menu--lang {
position: relative;
top: 0; }
.l-nav-top__menu--lang li {
font-size: 0;
margin-left: 0;
margin-right: 0.5rem; }
@media print, screen and (min-width: 40em) {
.l-nav-top__menu--lang li {
margin-right: 0;
margin-left: 0.5rem; } }
.l-nav-top__menu--lang li a {
display: block;
width: 20px;
height: 15px;
padding: 0; }
.l-nav-top__menu--search {
margin: 1.25rem 0; }
@media print, screen and (min-width: 40em) {
.l-nav-top__menu--search {
margin: 1.25rem 0 1.25rem auto;
max-width: 13rem; } }
.l-nav-top__flag a {
transition: all 0.2s ease-in-out;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
border: 1px solid #d1d1d1; }
.l-nav-top__flag a:hover, .l-nav-top__flag a:focus {
opacity: 0.6; }
.l-nav-top__flag--cs a {
background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/Flags/cz.svg'); }
.l-nav-top__flag--en a {
background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/Flags/gb.svg'); }
.l-nav-top__flag--ru a {
background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/Flags/ru.svg'); }
.l-nav-top__flag--disabled a {
filter: grayscale(100%);
cursor: default; }
.l-nav-top__flag--disabled a:hover, .l-nav-top__flag--disabled a:focus {
opacity: 1; }
.l-nav-top__flag--active a {
border: 1px solid #f7bdbc; }

.l-sitesearch__input {
background-color: #e5e5e5;
background: linear-gradient(to bottom, #e5e5e5, #fff);
height: 2.2222222222rem;
font-size: 90%; }

.l-sitesearch__button {
background-color: #bdbdbd;
background: linear-gradient(to bottom, #bdbdbd, #8d8d8d);
margin: 0;
height: 2.2222222222rem !important; }

.l-nav-main {
margin-bottom: 10px; }
.l-nav-main .top-bar {
background-color: #314494; /*c3171e;*/
/* background: linear-gradient(to bottom, #e62449 20%, #e62449); */
padding-bottom: 0;
border: 1px solid #314494; /*c3171e;*/
border-radius: 0 4px 4px; }
.l-nav-main__tab {
padding: 0;
margin-right: 0.5rem; }
.l-nav-main__tab > a {
background-color: #e5e5e5;
background: linear-gradient(to bottom, #fff, #e5e5e5);
font-family: "trebuchetMS", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9722222222rem;
border-radius: 4px;
border: 1px solid #d1d1d1;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.l-nav-main__tab > a:hover, .l-nav-main__tab > a:focus, .l-nav-main__tab > a[aria-selected=true] {
background-color: #314494; /* e3221d; */
/* background: linear-gradient(to bottom, #ea4c52 35%, #e62449); */
color: #fff;
border-color: #314494; /*c3171e;*/ }
.l-nav-main__menu-item {
padding-right: 0.5rem; }
.l-nav-main__menu-item ul a {
font-weight: normal; }
.l-nav-main__menu-item > ul {
border-top: 0; }
.l-nav-main__menu-item a {
font-family: "trebuchetMS", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9722222222rem;
background-color: #e5e5e5;
background: linear-gradient(to bottom, #fff, #e5e5e5);
color: #404040; }
.l-nav-main__menu-item a:hover, .l-nav-main__menu-item a:focus {
color: #e62449; }

/* .l-nav-main__menu-item > a {background-color: #e62449; background: linear-gradient(to bottom, #ea4c52 20%, #c60008); border-radius: 4px; border: 1px solid #d1d1d1; padding: 0.6rem 0.7rem 0.7rem !important; border-color: #e62449; border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; color: #fff; } */
.l-nav-main__menu-item > a {background-color: #4a63b8; background: linear-gradient(to bottom, #4a63b8 20%, #314494); border-radius: 4px; border: 0px solid #d1d1d1; padding: 0.6rem 0.7rem 0.7rem !important; border-color: #e62449; border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; color: #fff; }
.l-nav-main__menu-item > a::after {
display: none !important; }
.l-nav-main__menu-item > a:hover, .l-nav-main__menu-item > a:focus {
background-color: #e5e5e5;
background: linear-gradient(to bottom, #fff, #e5e5e5);
color: #e62449;
border-color: #d1d1d1; }
.l-nav-main__menu-item.active > a {
background-color: #f0f0f0;
background: linear-gradient(to bottom, #fff, #f0f0f0);
color: #e62449; }

.l-site-footer {
margin-right: -0.3472222222rem;
margin-left: -0.3472222222rem;
margin-top: 20px; }
@media print, screen and (min-width: 40em) {
.l-site-footer {
margin-right: -0.3472222222rem;
margin-left: -0.3472222222rem; } }
@media print, screen and (min-width: 64em) {
.l-site-footer {
margin-right: -0.3472222222rem;
margin-left: -0.3472222222rem; } }
.l-site-footer__nav {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem;
text-align: center; }
@media print, screen and (min-width: 40em) {
.l-site-footer__nav {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-site-footer__nav:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 40em) {
.l-site-footer__nav {
width: 50%;
text-align: left; } }
.l-site-footer__copyright {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem;
text-align: center;
font-size: 90%;
margin-top: 20px; }
@media print, screen and (min-width: 40em) {
.l-site-footer__copyright {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-site-footer__copyright:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 40em) {
.l-site-footer__copyright {
width: 50%;
text-align: right; } }
.l-site-footer__menu {
font-size: 90%; }
.l-site-footer__menu > li:last-child > a {
border-right: 0; }
.l-site-footer__menu > li > a {
padding: 0.25rem 1rem 0.25rem 0;
margin-right: 1rem;
border-right: 1px dotted #9c9b9b;
text-decoration: underline; }

.l-section {
margin-right: -0.3472222222rem;
margin-left: -0.3472222222rem; }
@media print, screen and (min-width: 40em) {
.l-section {
margin-right: -0.3472222222rem;
margin-left: -0.3472222222rem; } }
@media print, screen and (min-width: 64em) {
.l-section {
margin-right: -0.3472222222rem;
margin-left: -0.3472222222rem; } }
.l-section::before, .l-section::after {
display: table;
content: ' '; }
.l-section::after {
clear: both; }
.l-section__full {
width: 100%;
float: left;
padding-right: 0;
padding-left: 0; }
.l-section__full:last-child:not(:first-child) {
float: right; }
.l-section__breadcrumbs {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem;
margin-bottom: 10px; }
@media print, screen and (min-width: 40em) {
.l-section__breadcrumbs {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-section__breadcrumbs:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 40em) {
.l-section__breadcrumbs {
width: 66.6666666667%; } }
.l-section__login {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem;
margin-bottom: 10px; }
@media print, screen and (min-width: 40em) {
.l-section__login {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-section__login:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 40em) {
.l-section__login {
width: 33.3333333333%; } }
.l-section__login a {
font-size: 1.0416666667rem; }
.l-section__sidebar {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem;
margin-bottom: 10px; }
@media print, screen and (min-width: 40em) {
.l-section__sidebar {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-section__sidebar:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 40em) {
.l-section__sidebar {
padding-right: 0;
padding-left: 0; } }
@media print, screen and (min-width: 64em) {
.l-section__sidebar {
width: 25%;
position: relative;
left: -75%;
padding-top: 0; } }
@media print, screen and (min-width: 40em) {
.l-section__sidebar-cards {
width: 50%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.l-section__sidebar-cards {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) {
.l-section__sidebar-cards:last-child:not(:first-child) {
float: right; } }
@media print, screen and (min-width: 64em) {
.l-section__sidebar-cards {
width: 100%; } }
.l-section__sidebar-menu {
margin-bottom: 10px; }
@media print, screen and (min-width: 40em) {
.l-section__sidebar-menu {
width: 50%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.l-section__sidebar-menu {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) {
.l-section__sidebar-menu:last-child:not(:first-child) {
float: right; } }
@media print, screen and (min-width: 64em) {
.l-section__sidebar-menu {
width: 100%; } }
.l-section__main {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem;
margin-bottom: 10px; }
@media print, screen and (min-width: 40em) {
.l-section__main {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
.l-section__main:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 64em) {
.l-section__main {
width: 75%;
position: relative;
left: 25%; } }
.l-section__content {
border-radius: 4px;
border: 1px solid #d1d1d1;
background-color: #fff;
padding: 15px; }
@media print, screen and (min-width: 40em) {
.l-section__content {
min-height: 25rem; } }
.l-section__content h1 {
border-bottom: 1px solid #d1d1d1;
padding: 10px 0;
margin-bottom: 20px; }
.l-section__content-header {
float: right;
padding: 10px 0; }

.l-nav-sub__menu {
margin-bottom: 10px; }
.l-nav-sub__menu .cur > a,
.l-nav-sub__menu .act > a {
font-weight: 700; }
.l-nav-sub__menu .cur > a::after,
.l-nav-sub__menu .act > a::after {
color: #e62449; }
.l-nav-sub__menu > .act {
border-radius: 4px;
border: 1px solid #d1d1d1;
background-color: #fff; }
.l-nav-sub__menu > .act > a {
border: 0;
border-bottom: 1px solid #d1d1d1;
background: #fff; }

.l-nav-sub__menu-item {
margin: 0 0 5px; }
.l-nav-sub__menu-item .nested {
margin-left: 0; }
.l-nav-sub__menu-item .nested a {
padding-left: 30px;
padding-right: 25px; }
.l-nav-sub__menu-item .nested a::after {
font-size: 60%;
margin-right: -10px;
margin-top: 2px; }
.l-nav-sub__menu-item a {
font-family: "trebuchetMS", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9722222222rem;
transition: all 0.2s ease-in-out;
color: #404040;
font-size: 100%;
font-weight: 400; }
.l-nav-sub__menu-item a:hover, .l-nav-sub__menu-item a:focus {
color: #e62449; }
.l-nav-sub__menu-item a:hover::after, .l-nav-sub__menu-item a:focus::after {
color: #e62449; }
.l-nav-sub__menu-item a::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right; }
.l-nav-sub__menu-item > a {
background-color: #e5e5e5;
background: linear-gradient(to bottom, #fff, #e5e5e5);
border-radius: 4px;
border: 1px solid #d1d1d1; }
.l-nav-sub__menu-item > a::after {
color: #9c9b9b;
content: ""; }
.l-nav-sub__menu-item li > a {
font-size: 90%; }
.l-nav-sub__menu-item li > a::after {
color: #9c9b9b;
content: ""; }

@media print {
.l-nav-main,
.l-nav-top__menu,
.l-section__breadcrumbs,
.l-section__login,
.l-section__sidebar,
.l-site-footer {
display: none !important; }
.l-section__main {
width: 100% !important;
left: 0 !important; } }

@media print, screen and (min-width: 40em) {
.g-base__row {
max-width: 83.3333333333rem;
margin-right: auto;
margin-left: auto; }
.g-base__row::before, .g-base__row::after {
display: table;
content: ' '; }
.g-base__row::after {
clear: both; }
.g-base__col--1 {
width: 8.3333333333%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--1 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--1:last-child:not(:first-child) {
float: right; }
.g-base__col--2 {
width: 16.6666666667%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--2 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--2:last-child:not(:first-child) {
float: right; }
.g-base__col--3 {
width: 25%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--3 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--3:last-child:not(:first-child) {
float: right; }
.g-base__col--4 {
width: 33.3333333333%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--4 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--4:last-child:not(:first-child) {
float: right; }
.g-base__col--5 {
width: 41.6666666667%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--5 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--5:last-child:not(:first-child) {
float: right; }
.g-base__col--6 {
width: 50%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--6 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--6:last-child:not(:first-child) {
float: right; }
.g-base__col--7 {
width: 58.3333333333%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--7 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--7:last-child:not(:first-child) {
float: right; }
.g-base__col--8 {
width: 66.6666666667%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--8 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--8:last-child:not(:first-child) {
float: right; }
.g-base__col--9 {
width: 75%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--9 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--9:last-child:not(:first-child) {
float: right; }
.g-base__col--10 {
width: 83.3333333333%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--10 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--10:last-child:not(:first-child) {
float: right; }
.g-base__col--11 {
width: 91.6666666667%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--11 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--11:last-child:not(:first-child) {
float: right; }
.g-base__col--12 {
width: 100%;
float: left;
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }
@media print, screen and (min-width: 40em) and (min-width: 40em) {
.g-base__col--12 {
padding-right: 0.3472222222rem;
padding-left: 0.3472222222rem; } }

@media print, screen and (min-width: 40em) {
.g-base__col--12:last-child:not(:first-child) {
float: right; } }

.c-hp-banner {
margin-bottom: 10px; }
.c-hp-banner__link {
display: block; }
.c-hp-banner__image {
border-radius: 4px;
height: auto; }

.c-hp-menu {
display: flex;
flex-direction: column;
margin-bottom: 10px; }
.c-hp-menu__item {
flex-grow: 1;
display: flex;
flex-direction: column;
margin-bottom: 5px;
min-height: 4rem; }
@media print, screen and (min-width: 40em) {
.c-hp-menu__item {
min-height: 0; } }
.c-hp-menu__item:last-child {
margin-bottom: 0; }
.c-hp-menu__link {
flex: 1 0 0;
display: flex !important;
align-items: center; }
.c-hp-menu__text {
flex: 1 1 auto;
align-self: center;
text-align: left;
font-size: 1.1111111111rem; }
@media print, screen and (min-width: 64em) {
.c-hp-menu__text {
font-size: 1.25rem; } }
.c-hp-menu__icon {
font-size: 2rem;
padding: 0 20px; }
@media print, screen and (min-width: 40em) {
.c-hp-menu__icon {
font-size: 1rem;
padding: 0 10px; } }
@media print, screen and (min-width: 64em) {
.c-hp-menu__icon {
font-size: 2rem;
padding: 0 20px; } }

.c-breadcrumb {
border-radius: 4px;
border: 1px solid #d1d1d1;
background-color: #fff;
margin: 0;
padding: 5px 10px 5px 20px;
height: 2.7rem;
line-height: 2rem; }
.c-breadcrumb li:not(:last-child)::after {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
font-size: 0.2777777778rem;
position: relative;
top: -2px;
margin: 0 0.25rem;
opacity: 1;
color: #404040; }

.c-button {
font-family: "trebuchetMS", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
font-weight: 700;
font-size: 0.9722222222rem;
transition: all 0.2s ease-in-out;
font-size: 1.25rem;
line-height: 1;
min-height: 2rem;
display: block;
vertical-align: top;
position: relative;
overflow: hidden;
min-width: 4rem;
padding: 5px 10px;
color: #fff;
text-align: center;
text-decoration: none;
background-clip: padding-box;
border: 1px solid;
border-radius: 4px; }
.c-button::before {
content: '';
position: absolute;
top: -25%;
bottom: -25%;
left: -20%;
right: -20%;
border-radius: 50%;
background: transparent;
box-shadow: inset 0 0 3rem rgba(255, 255, 255, 0.5); }
.c-button--sm {
font-size: 90%;
min-height: 1.5rem; }
.c-button--lg {
height: 2.7rem;
line-height: 2rem; }
.c-button--ico {
padding-right: 15px; }

.c-button--primary, .l-section__content .button.large {
background-color: #e62449;
background: linear-gradient(to bottom, #e62449 20%, #e62449);
transition: all 0.2s ease-in-out;
border-color: #e62449; }
.c-button--primary:hover, .l-section__content .button.large:hover, .c-button--primary:focus, .l-section__content .button.large:focus {
background-color: #e62449;
background: linear-gradient(to bottom, #ba161d 20%, #e62449);
color: #fff; }

.c-button--gray {background-color: #8d8d8d; border-color: #747373 #676767 #676767; }
.c-button--gray:hover, .c-button--gray:focus {background-color: #897d7d; color: #fff;}

.c-button--blue {background-color: #314494; border-color: #314494; }
.c-button--blue:hover, .c-button--blue:focus {background-color: #314494; color: #fff; background-image:linear-gradient(to bottom, #4a63b8, #314494, #4a63b8);}

.c-button--ochre {background-color: #d8cabc; border-color: #d8cabc; }
.c-button--ochre:hover, .c-button--ochre:focus {background-color: #d8cabc; color: #fff; background-image:linear-gradient(to bottom, #e9dfd3, #d8cabc, #e9dfd3);}


.c-button--plain {
color: #9c9b9b;
line-height: 1;
border: 0;
border-radius: 0;
background: transparent;
cursor: pointer; }
.c-button--plain:hover, .c-button--plain:focus {
color: #404040; }

.l-section__content .button.large {
font-weight: bold; }

.c-cards {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
margin: 0; }
.c-cards--horizontal {
margin-bottom: 10px;
flex-direction: column; }
@media print, screen and (min-width: 40em) {
.c-cards--horizontal {
flex-direction: row; } }
.c-cards--horizontal .c-card {
margin-bottom: 10px; }
@media print, screen and (min-width: 40em) {
.c-cards--horizontal .c-card {
margin-right: 10px;
margin-bottom: 0; } }
.c-cards--horizontal .c-card:last-child {
margin-right: 0; }
.c-cards--vertical {
flex-direction: column; }
.c-cards--vertical .c-card {
margin-bottom: 10px; }
.c-cards--vertical .c-card:last-child {
margin-bottom: 0; }

.c-card {
border-radius: 4px;
border: 1px solid #d1d1d1;
flex: 1 0 auto;
display: flex;
overflow: hidden;
background-color: #e5e5e5;
background-size: auto 100%;
background-position: right top;
background-repeat: no-repeat;
max-width: 270px; }

.c-card.nova {border:0; background-color:transparent;}


@media print, screen and (min-width: 40em) {
.c-card {
max-width: 100%; } }
.c-card--man {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--uver.png'); }
.c-card--family-old {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--ucet.png'); }
.c-card--family {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--pv.jpg'); }
.c-card--senior-kid {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--vklad.png'); }
.c-card--safety-boxes-1 {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--safety-boxes-1.jpg'); }
.c-card--safety-boxes-2 {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--safety-boxes-2.jpg'); }
.c-card--safety-boxes-3 {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--safety-boxes-3.jpg'); }
.c-card--safety-boxes-4 {background-image: url('../../typo3conf/ext/artesa/Resources/Public/Images/bg-card--safety-boxes-4.jpg'); }
.c-card__wrap {
background-color: #e5e5e5;
background: linear-gradient(to bottom, #fff, #e5e5e5);
flex: 1 0 auto;
display: flex;
transform: skew(10deg);
overflow: hidden;
position: relative;
left: -45%; }
.c-card.nova .c-card__wrap {background:transparent; position:static; left:0; transform:skew(0);}

.c-card__link {
position: relative;
left: 45%;
flex: 1 0 auto;
display: flex;
flex-direction: column;
padding: 10px;
transform: skew(-10deg); }
.c-card.nova .c-card__link {background:transparent; position:static; left:0; transform:skew(0); padding: 0; height: 206px;}

.c-card.nova .c-card__title, .c-card.nova .c-card__description, .c-card.nova .c-card__button {display:none;}

.c-card__title {
color: #e62449;
font-size: 1rem;
line-height: 1.2;
flex: 1 1 auto;
margin: 0 0 10px; }
.c-card__description {
flex: 1 0 auto;
font-size: 90%;
color: #404040;
width: 8rem;
margin: 0 0 20px; }
.c-card__button {
flex: 0 1 auto;
align-self: flex-start;
margin: 0 0 5px;
cursor: pointer; }

.c-box--primary {
background-color: #314494; /*e62449*/
/*background: linear-gradient(to bottom, #e62449 20%, #e62449);*/
padding-bottom: 0;
border: 1px solid #314494; /*e62449*/
border-radius: 4px;
color: #fff; }
.c-box--primary a {
color: #fff;
text-decoration: underline; }

.c-box--gray {background-color: #9c9b9b; }
.c-box--blue {background-color: #314494; }
.c-box--orche {background-color: #d8cabc; }

.c-box__wrap {
padding: 10px 10px; }

.c-box__content {
font-size: 90%; }

.csc-uploads {
list-style: none;
margin-left: 0;
margin-bottom: 20px; }
.csc-uploads-element {
list-style: none outside none;
margin: 0 5px 5px 0;
padding: 5px 5px;
border-bottom: 1px solid #f9f9f9; }
.csc-uploads-element:nth-child(odd) {
background-color: #f9f9f9; }
.csc-uploads-element > a {
display: block;
float: left;
padding: 0.2rem 0 0;
min-width: 3rem;
margin: 0 auto;
text-align: center; }
.csc-uploads-element > a > img {
float: none; }
.csc-uploads-fileName {
display: block;
margin-left: 3rem;
text-decoration: underline; }
.csc-uploads-fileName > a {
font-weight: bold; }
.csc-uploads-description {
display: block;
margin-left: 3rem; }
.csc-uploads-fileSize {
display: block;
margin-left: 3rem;
font-size: 90%; }

.news .news-list-item {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #d1d1d1; }
.news .news-list-item h3 {
margin-bottom: 0; }
.news .news-list-item p {
margin-bottom: 0; }
.news .news-list-item .news-list-date {
float: right; }

.news.news-single .teaser-text,
.news.news-single .teaser-text p {
font-style: italic; }

.news .f3-widget-paginator .current, .news .f3-widget-paginator .tx-indexedsearch-browselist-currentPage {
color: #404040; }

.c-xrates__table {
width: auto; }
.c-xrates__table tbody th, .c-xrates__table thead th {
text-align: center; }
.c-xrates__table tbody td, .c-xrates__table thead td {
text-align: right; }

.yform .fieldset,
.yform .callout-wrap {
margin-right: 1rem;
width: 90%; }
.yform .fieldset.full,
.yform .callout-wrap.full {
width: 100%;
margin-right: 0; }

.yform .callout-wrap {
margin-top: 1rem; }

.yform .type-select input,
.yform .type-select textarea,
.yform .type-select select,
.yform .type-text input,
.yform .type-text textarea,
.yform .type-text select {
margin-right: 1rem;
width: 90%; }

.yform .type-check input {
display: inline-block;
margin-bottom: 0; }

.yform .success {
position: absolute; }

.yform .ajax input,
.yform .ajax textarea,
.yform .ajax select {
display: inline-block; }

.yform .type-text .tooltip,
.yform .type-check .tooltip,
.yform .type-select .tooltip {
display: none; }

.yform .type-check .tooltipbox,
.yform .type-select .tooltipbox {
margin: 0 0 0 200px; }

.yform .type-text:hover .tooltip,
.yform .type-check:hover .tooltip,
.yform .type-select:hover .tooltip {
display: inline; }

.yform .tooltipbox {
position: absolute;
z-index: 500;
width: 200px;
padding: 12px;
margin: -30px 0 0 400px;
opacity: 0.9;
box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3);
border-radius: 4px;
background-color: #d1d1d1; }
.yform .tooltipbox li {
list-style-position: inside; }

.yform .tooltipnoborder .tooltipbox {
margin: 15px 0 0 240px; }

.yform .tooltipselect {
margin: -50px 0 0 !important; }

.slider {position:relative; overflow:hidden; height:287px; min-height:287px;}
.slide {position:absolute; top:0; left:0; width:883px; height:287px;  opacity:0; transition:opacity 2.0s ease-in-out; z-index:0;}
.slide.active {opacity: 1; transition: opacity 2.0s ease-in-out; z-index:1;}

.arrow {position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; background: rgba(0, 0, 0, 0.2); color: white; border: none; padding: 10px; cursor: pointer; font-size: 26px; z-index: 10; transition:all 0.35s ease 0.15s;}
.arrow-left {left: -60px;}
.arrow-right {right: -60px;}
.arrow:hover {background: rgba(0, 0, 0, 0.6);}
.slider:hover .arrow-left {left: 10px;}
.slider:hover .arrow-right {right: 10px;}

.calc .container {display:flex; gap: 20px;}
.calc_form {flex:1; background-color: #fff; padding:20px;}
.calc_form_row {padding:12px 0;}
.calc_form label {font-size:16px;}
.calc_form input {width:100%;}

.calc_result {flex:1; background-color:#e8ded4; padding: 20px; display:flex; flex-direction:column; justify-content:space-around;}
.calc_result hr {width:100%; border:1px solid silver; margin:0; max-width:none;}
.calc_result_headline {text-align:center; font-size:20px; font-weight:600;}
.calc_result_headline span {display:block; color:white; font-size:32px;}
.calc_result_table > div {display:flex; justify-content:space-between; line-height:2; font-size:16px;}

.calc_more_btn {width:100%; height:auto;}




.accordion {padding:20px 0;}
.accordion h3 {position:relative; width:100%; padding:12px 40px 12px 12px; font-weight:700; border-bottom:1px solid #ccc;}
.accordion h3:after {position:absolute; right:10px; width:32px; height:32px; float:right; font-size:28px; color:#dbdbdb; text-align:center;}
.accordion h3:hover {color:#314494; cursor:pointer; border-bottom-color:#314494;}
.accordion h3:hover:after {color:#314494; }
.accordion .active h3 {color:#314494; border-bottom-color:#314494;}
.accordion .active h3:after {color:#314494; }

.accordion .acc-content {max-height:0; padding:0 10px; border-bottom:1px solid #e5e5e5; overflow:hidden; clear:both; opacity:0;}
.accordion .active .acc-content {max-height:100%; padding:10px; opacity:1;}
.anime-acc {-webkit-transition:all 0.35s ease 0.15s; -moz-transition:all 0.35s ease 0.15s; -o-transition:all 0.35s ease 0.15s; -ms-transition:all 0.35s ease 0.15s; transition:all 0.35s ease 0.15s;}

.accordion h3:after {content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(128,128,128)" d="M346.5 240H272v-74.5c0-8.8-7.2-16-16-16s-16 7.2-16 16V240h-74.5c-8.8 0-16 6-16 16s7.5 16 16 16H240v74.5c0 9.5 7 16 16 16s16-7.2 16-16V272h74.5c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/><path style="fill:rgb(128,128,128)" d="M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"/></svg>');}
.accordion h3:hover:after {content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(49,68,148)" d="M346.5 240H272v-74.5c0-8.8-7.2-16-16-16s-16 7.2-16 16V240h-74.5c-8.8 0-16 6-16 16s7.5 16 16 16H240v74.5c0 9.5 7 16 16 16s16-7.2 16-16V272h74.5c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/><path style="fill:rgb(49,68,148)" d="M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"/></svg>');}
.accordion .active h3:after, .accordion .active h3:hover:after {content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(49,68,148)" d="M346.5 240h-181c-8.8 0-16 6-16 16s7.5 16 16 16h181c8.8 0 16-7.2 16-16s-7.2-16-16-16z"/><path fill="rgb(49,68,148)" d="M256 76c48.1 0 93.3 18.7 127.3 52.7S436 207.9 436 256s-18.7 93.3-52.7 127.3S304.1 436 256 436c-48.1 0-93.3-18.7-127.3-52.7S76 304.1 76 256s18.7-93.3 52.7-127.3S207.9 76 256 76m0-28C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z"/></svg>');}

.accordion ul {list-style-position:inside;}
.accordion ul li::before {content: "-"; padding-right:6px;}


/**
*  YAML Forms - visual styling
*
*  (en) visual form styling area
*  (de) Festlegung des optischen Erscheinungsbildes
*/



.yform {
margin:0 0 1em 0;
padding:10px;
min-height:300px;
}

.yform fieldset {
margin:0 0 1em 0;
padding:0.5em;
}

.yform .type-button input {
padding:5px 1em;
}

/*------------------------------------------------------------------------------------------------------*/

/**
* Vertical-Forms - technical base (standard)
*
* |-------------------------------|
* | fieldset                      |
* |-------------------------------|
* |   label                       |
* |   input / select / textarea   |
* |-------------------------------|
* | /fieldset                     |
* |-------------------------------|
*
* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
*
* WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
*/

/* General form styling  | Allgemeine Formatierung des Formulars */
.yform fieldset { display:block; zoom:1; }
.yform label { display:block; cursor:pointer; }
.yform legend { background:transparent; border:0; padding:0 0.5em; }
.yform .message { display:block; margin-bottom:0; }

/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
.yform input[type=hidden] { display:none !important; }

/* per row float clearing | zeilenweises Float-Clearing */
fieldset:after,
.yform div.type-text:after,
.yform div.type-select:after,
.yform div.type-check:after,
.yform div.type-button:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden;
}

/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
.yform div.type-text,
.yform div.type-select,
.yform div.type-check,
.yform div.type-button {
display:block;
margin:0.5em 0;
padding:3px 0.5em;  
position:relative;
zoom:1; 
}
  
.yform div.type-button {
padding:3px 0em;  
}
  
/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
.yform .type-text input,
.yform .type-text textarea {
display:block;
position:relative;
padding:0.3em 0.3em;
width:58.5%;

-webkit-border-radius: 4px;
border-radius: 4px;

border-width: 1px;
border-style: solid;
border-color: #b4b4b4 #fefefe #fefefe #b4b4b4;
background-color: #f0f0f0;

}

.yform .type-select select {
display:block;
position:relative;
padding:0.3em 2px 0.3em 1px;
/*width:60%;*/
cursor:pointer;
-webkit-border-radius: 4px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: #b4b4b4 #fefefe #fefefe #b4b4b4;
background-color: #f0f0f0;

}

.yform .type-check input { cursor:pointer; }
.yform .type-check label { display:inline; }

/* Styling of buttons | Gestaltung von Buttons */
.yform .type-button input {
cursor:pointer;
overflow:visible;  /* Fixes IE7 auto-padding bug */
width:auto;
}

/* Styling of error-messages | Fehlermeldungen */
.yform div.error {
padding:0.5em;
}

/* avoid jumping checkboxes & radiobuttons in IE8 */
.yform div.type-check input:focus,
.yform div.type-check input:hover,
.yform div.type-check input:active { border:0 none; }

/*------------------------------------------------------------------------------------------------------*/

/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

.full div.type-text input,
.full div.type-text textarea { width:95.5%; margin-right: -3px; }
.full div.type-select select { width:97.0%; margin-right: -3px; }
  
/* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
* html .full div.type-text input,
* html .full div.type-text textarea { width:95.5%; }
* html .full div.type-select select { width:97.0%; }

/*------------------------------------------------------------------------------------------------------*/

/**
* Columnar forms display - technical base (optional)
*
* |-------------------------------------------|
* | fieldset                                  |
* |-------------------------------------------|
* |                                           |
* |   label   |   input / select / textarea   |
* |                                           |
* |-------------------------------------------|
* | /fieldset                                 |
* |-------------------------------------------|
*
* (en) Styling of forms where label floats left of form-elements
* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
*
* WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
*/

/* Columnar display | Spalten-Darstellung */
.columnar .type-text label,
.columnar .type-select label {
float:left;
width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
}

/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
.columnar div.type-check input { margin-left:2.2%; }
.columnar div.error .message { margin-left:30%; }

.columnar fieldset div.type-button,
fieldset.columnar div.type-button { padding-left:30%; }

.columnar div.type-text input,
.columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
.columnar div.type-select select { float:left; /*width:69.4%;*/ margin-right: -3px; }
  
/* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
* html .columnar div.type-text input,
* html .columnar div.type-text textarea { width:67.2%; }
* html .columnar div.type-select select { /*width:68.8%;*/ }
  
/*------------------------------------------------------------------------------------------------------*/

/**
* Global fixes for YAML's form construction set
*
* @workaround
* @affected IE 5.x/Win, IE6, IE7
* @css-for IE 5.x/Win, IE6, IE7
* @valid no
*/

.yform, 
.yform div,
.yform div * { zoom:1; }

/**
* Forms Fieldset/Legend-Bug in IE
* @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
*
* @workaround
* @affected IE 5.x/Win, IE6, IE7, IE8
* @css-for IE 5.x/Win, IE6, IE7, IE8
* @valid no
*/
  
/* all IE */
.yform { padding-top:0\9; }
.yform fieldset { padding:0 5px\9; padding-top:1em\9; }
.yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
.yform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

/* IE5.x, IE6 & IE7 */
.yform legend { *padding:0 5px; }
.yform fieldset { *padding-top:1.5em; }
  
/* IE5.x & IE6 */
* html .yform { padding-top:10px; }

.yform div.type-file input {cursor:pointer; overflow:visible;  /* Fixes IE7 auto-padding bug */ width:auto; padding:5px 1em;}

.yform .tx-srfreecap-pi2-cant-read {color:#778180;}

.yform  div.type-check > LABEL { }


.type-text .captcha input { width: 51% !important; }
.type-text .captcha img { float:left;  padding-right: 5px !important; }

.type-text .recaptcha { float:left; }

img.tx-srfreecap-pi2-image { margin:0; }
.type-text .sr_freecap img { float:left; }
.type-text .sr_freecap .sr_freecap-input {float:left; margin:0.5em 0 0.5em 30%; width: 67.8%; padding:3px 0.5em 3px 0;}
.type-text .sr_freecap .sr_freecap-input input { width: 100% !important;  }

.type-text .wt_captcha img { float:left; }
.type-text .wt_captcha input { float:left; width: 42% !important; margin-left: 8px; }

.type-text .mathguard pre { width:65px; height:21px; background: none; border-left: 0; }
.type-text .mathguard input { width: 538px !important; margin-left: 8px; }

.yform .type-text.ajax input, .yform .type-text.ajax textarea { width:65%; }
.yform .type-text.ajax span, .yform .type-text.ajax span { margin-left:10px; }

.yform IMG {margin-top: 8px;}

.yform LABEL.error {color:#880000; background:none; border:0 none transparent; padding:6px 0 2px 0; margin:0;}

.yform .formhandler-ajax-validation-result SPAN.error, .yform .formhandler-ajax-validation-result SPAN.success{ display:inline; border:0; background:0; margin:0; padding:0; }

.loading_ajax-submit { display:none; text-align:right; width: 80%; margin-top:-3px; float:left; }

.yform {
    background:#EBEEEE;
	padding-top:13px;
	border-radius:4px;
}

.yform h2 { margin:0 0 10px 4px; font-weight:bold; font-size:14px; letter-spacing:normal; line-height:21px; padding:0; border:none;}

.yform UL, LI { margin:0; padding:0; }

.yform fieldset {
    border: 1px solid #E6E6E6;
	border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
    background:#fff;
	margin:-3px 0 0;
    border-color: #E6E6E6 #CCCCCC #CCCCCC #E6E6E6;
	
	
}

.yform fieldset:first-of-type {-moz-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;}
.yform fieldset:last-child {-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;}

.yform fieldset P { font-size:11px; color:#333; margin:0; padding:0; line-height:15px;}
.columnar fieldset P { }
.columnar div.type-text label + textarea + p,
.columnar div.type-text label + input + p { padding:0 0 0 30%;}


.yform legend {
  font-size:15px; 
  font-weight:bold; 
  color:#232526;
}

.yform label {
  color:#232526;
  font-size:12px;
  padding-top:6px;
  padding-bottom:2px;
}

.yform input,
.yform textarea,
.yform select, 
.yform optgroup {
  font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  font-size:12px;
  color:#232526;
  line-height:15px;
  
}

.yform div.type-button INPUT.form-invalid:focus, .yform div.type-button INPUT.form-invalid:hover, .yform div.type-button  INPUT.form-invalid { color:red; }
.yform div.type-button INPUT.form-valid:focus, .yform div.type-button INPUT.form-valid:hover, .yform div.type-button  INPUT.form-valid { color:green; }

.columnar div.type-text textarea { width:97.8%;}
.columnar div.type-text label + textarea { width:67.8%;}


.yform .type-text input,
.yform .type-text textarea,
.yform .type-select select {
  border:1px solid #E6E6E6;
  border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
  -moz-border-radius:4px;
  border-radius:4px;
  padding:7px 3px;
}

.yform .type-text input.file { border-color:#F0F0F0;}


/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.yform div select:focus,
.yform div.type-text input:focus,
.yform div select:focus,
.yform div textarea:focus,
.yform div.type-text input:hover,
.yform div select:hover,
.yform div textarea:hover,
.yform div.type-text input:active,
.yform div select:active,
.yform div textarea:active {

}

/* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
.yform .type-button input {
  border-top:1px #ddd solid;
  border-left:1px #ddd solid;
  border-right:1px #444 solid;
  border-bottom:1px #444 solid;
  color:#232526;
  background:#454545 url('../../typo3conf/ext/artesa/Resources/Public/Formhandler/zavolat/res/button_gray.png') top left repeat-x;
  
  -webkit-border-radius: 4px;
  border-radius: 4px;
  
}

.yform .final input {
  background:#454545 url('../../typo3conf/ext/artesa/Resources/Public/Formhandler/zavolat/res/button_green.png') top left repeat-x !important;
  
}


.yform .type-button input[type=reset],
.yform .type-button input[type=submit] { color:#555; background:#fff url('../../typo3conf/ext/artesa/Resources/Public/Formhandler/zavolat/res/button-grey.png') top left repeat-x; -moz-border-radius: 4px; -border-radius: 4px; display: block;
    float: right;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    min-width: 99px;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
	border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
    border-right: 1px solid #B4B4B4;
    border-style: solid;
    border-width: 1px;
	}

/* optional button styling for IE6 using classes */
.yform .type-button input.reset { color:#555; background:#fff url('../../typo3conf/ext/artesa/Resources/Public/Formhandler/zavolat/res/button-grey.png') top left repeat-x;}
.yform .type-button input.submit { color:#555; background:#fff url('../../typo3conf/ext/artesa/Resources/Public/Formhandler/zavolat/res/button-grey.png') top left repeat-x; }

/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.yform div.type-button input:focus,
.yform div.type-button input:hover,
.yform div.type-button input:active {
  border-color:#B4B4B4; background-color:#F7F7F7; color:#333;
}

.yform .message { color:#ED1C24; text-align:center; background-color:#edd9da;padding:3px !important;margin-bottom:-5px !important;}

/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
.yform sup { color:#800; font-weight:bold; }

.yform .type-select select optgroup {
  font-style:normal;
  font-weight:bold;
}

.yform div.error {
  border:1px #a00 dashed;
  background:#faf4f4;
}

.yform LABEL.error { color:#a00; }

.yform div.error label { color:#232526; font-weight:bold; }
.yform div.error .message { color:#800; }


/* CSS3 spicing for mozilla and webkit */

button.classy,a.button.classy{height:34px;padding:0;position:relative;top:1px;margin-left:10px;font-family:helvetica,arial,freesans,clean,sans-serif;font-weight:bold;font-size:12px;color:#333;text-shadow:1px 1px 0 #fff;white-space:nowrap;border:none;overflow:visible;background:#ddd;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#e1e1e1');background:-webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#e1e1e1));background:-moz-linear-gradient(-90deg,#fff,#e1e1e1);border-bottom:1px solid #ebebeb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3);cursor:pointer;-webkit-font-smoothing:subpixel-antialiased!important;}
a.button.classy{display:inline-block;}
button.classy:hover,a.button.classy:hover{color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);border-bottom-color:#0770a0;background:#0770a0;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0ca6dd',endColorstr='#0770a0');background:-webkit-gradient(linear,0% 0,0% 100%,from(#0ca6dd),to(#0770a0));background:-moz-linear-gradient(-90deg,#0ca6dd,#0770a0);}
button.classy.mousedown,a.button.classy.mousedown{color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);background:#0ca6dd;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0ca6dd',endColorstr='#0770a0');background:-webkit-gradient(linear,0% 100%,0% 0,from(#0ca6dd),to(#0770a0));background:-moz-linear-gradient(90deg,#0ca6dd,#0770a0);}
button.classy.mousedown span,a.button.classy.mousedown span{background-position:0 -120px;}
button.classy::-moz-focus-inner{margin:-1px -3px;}

/*missing: glowing*/



.help { font:italic 12px Georgia,Times,serif; color:#A5B1B8;}

/* RF */
.columnar div.error .message {  }
.yform div.error  { margin: 0 0 5px; }

.yform .fileupload-info { list-style-type:none; margin-left:0; padding:0; font-size:12px; line-height:18px; }
.yform .fileupload-info .label { font-weight:bold; }
.yform .fileupload-info .info { margin-right: 10px; }

.yform .fileupload-list { list-style-type:none; margin:0 0 0 3%; padding:0; font-size:12px; line-height:20px; }

.yform .fileupload-list .formhandler_removelink { vertical-align: middle; padding: 2px 0 0 4px; }

.yform .uploadedfiles-label { display:block; font-weight:bold; font-size:12px; margin-bottom: 4px; }
.yform .uploadedfiles { margin-left: 30%; }

.yform .type-file input[type=submit] { 
		color:#555; 
		background:#fff url('../../typo3conf/ext/artesa/Resources/Public/Formhandler/zavolat/res/button-grey.png') top left repeat-x; 
		-moz-border-radius: 4px;
		border-radius: 4px; 
		display: block;
		margin-left:15px; 
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    min-width: 99px;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
		border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
    border-right: 1px solid #B4B4B4;
    border-style: solid;
    border-width: 1px;
	}

/* optional button styling for IE6 using classes */
.yform .type-file input.submit { color:#555; background:#fff url('../../typo3conf/ext/artesa/Resources/Public/Formhandler/zavolat/res/button-grey.png') top left repeat-x; }

/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.yform div.type-file input:focus,
.yform div.type-file input:hover,
.yform div.type-file input:active {
  border-color:#B4B4B4; background-color:#F7F7F7; color:#333;
}

.yform UL.error-list { list-style-type:none; margin:0 0 10px 0;padding:0; }

.yform UL.error-list div.error {
  border:0;
  background:transparent;
}

.yform UL.error-list div.error .message { margin:0; }

div.forminfotext{
	margin:10px;
	font-size: 12px;
}

div.forminfotext li{
	list-style-position: inside;
	font-size: 12px;
}
div.forminfotext p{
	font-size: 12px;

}

div.prev{
	float:left;
	padding-left:0 !important;
	margin:15px 3px !important;
}

div.next{
	float:right;
	margin-top:15px !important;
	margin:15px 3px !important;
}

.Tx-Formhandler h2{

	font-size:16px;
	margin:1em 0;
	text-transform:uppercase;
}

.yform h3, .yform .uploadedfiles-label{
	color:#404040;
	font-size:16px;
	margin-left:5px;
}


ul.formlarge li{
	font-size:12px;
	margin:0 0 0.5em 2em;
}



.yform .uploadedfiles-label{
	display:block;
	margin-top:20px;
}

.yform .uploadedfiles {
	margin-left: 0;
}

.yform h4{
	color:#404040;
	font-size:14px;
	margin-left:5px;
}

.Tx-Formhandler .fullform label{
	width:50%;
	float:right;
}

.Tx-Formhandler .fullform .type-check input{
	margin-top:0.5em;
}

.columnar .type-file label{
	width:0 !important;
}
.yform .type-text .tooltip,
.yform .type-check .tooltip,
.yform .type-select .tooltip{
	display: none;

}

.yform .type-text:hover .tooltip,
.yform .type-check:hover .tooltip,
.yform .type-select:hover .tooltip{
	display: inline;
}

.tooltipbox{
	position:absolute;
	z-index:500;
	width:200px;
	padding:12px;
	margin:30px 0 0 400px;
	opacity:0.9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	box-shadow:0 1px 4px rgba(0,0,0,0.3);

	border-radius: 4px; 
	background-color:#eee;
	
}

.tooltipbox li{
	list-style-position: inside;
}

.type-check .tooltipbox,
.type-select .tooltipbox{
	margin:0 0 0 200px ;
}

.tooltipnoborder .tooltipbox{
	margin:15px 0 0 240px ;
}

.tooltipselect{
	margin:-50px 0 0 0px !important;
	
}

.tooltipnoborder{

}

#vyse-uroku-user{
	border-color:#fff;
	width:5em;
	background-color:#fff;
	color:#000;
	font-weight:bold;
	font-size:120%;
	line-height:80%;
	margin-bottom:0;
	cursor:default;
}

ul.formsmall{
	margin-left:18px;
	font-size:90%;
}