/* ////////////////////////////////////////////////////////////////////////////////////////////////////
// mynet2 FSC Master Style
// LeiserPublishing GmbH, www.leiserpublishing.com
// //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ############################
// FSC MASTERSTYLE FRONTEND ###
// ############################ */
/* ==================================================================================================== */
/* ### RESET all ### */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, header, p, a, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, img, hr, figure, figcaption, audio, video,
var, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, form fieldset,
form label {
	border: 0;
    margin: 0;
    outline: 0;
	padding: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
	text-indent: 0;
	letter-spacing: normal;
    line-height: 1em;
}
.clearlayer {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
:focus {
	outline: 0;/* remember to define focus styles! */
}
ol, ul, dl {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;/* tables still need 'cellspacing="0"' in the markup */
	background-color: transparent;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
form .hiddenfields {
    display: none;
}

/* ==================================================================================================== */
/* ### GENERAL definition ### */
/* ## FSC Elements and classes ## */
/* # content-element (FSC) default # */
/* content-element 'align' definition */
.ce-align-left {
    text-align: left;
}
.ce-align-center {
    text-align: center;
}
.ce-align-right {
    text-align: right;
}
/* content-element 'textpic', 'image', 'nowrap - bodytext', 'gallery', 'row', 'uploads li' and 'uploads div' definition */
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: hidden;
}
/* content-element 'left - gallery', 'column', 'center - outer', 'center - inner' and 'right - gallery' definition */
.ce-left .ce-gallery, .ce-column {
    float: left;
}
.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}
.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}
.ce-right .ce-gallery {
    float: right;
}
/* content-element 'gallery' - 'figure', 'figcaption', 'img' and 'iframe' definition */
.ce-gallery figure {
    display: table;
    margin: 0;
}
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}
.ce-gallery img {
    display: block;
}
.ce-gallery video, .ce-gallery audio,
.ce-gallery .video-embed iframe.video-embed-item,
.ce-gallery .audio-embed iframe.audio-embed-item {
    max-width: 100%;
}
/* ==================================================================================================== */
/* ### GENERAL definition ### */
/* ## FSC Elements and classes ## */
/* # "tx_frontend" content-element (FSC) default # */
/* content-element 'align' definition */
.ce-align-left {
    text-align: left;
}
.ce-align-center {
    text-align: center;
}
.ce-align-right {
    text-align: right;
}
/* content-element 'textpic', 'image', 'nowrap - bodytext', 'gallery', 'row', 'uploads li' and 'uploads div' definition */
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: hidden;
}
/* content-element 'left - gallery', 'column', 'center - outer', 'center - inner' and 'right - gallery' definition */
.ce-left .ce-gallery, .ce-column {
    float: left;
}
.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}
.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}
.ce-right .ce-gallery {
    float: right;
}
/* content-element 'gallery' - 'figure', 'figcaption', 'img' and 'iframe' definition */
.ce-gallery figure {
    display: table;
    margin: 0;
}
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}
.ce-gallery img {
    display: block;
}
.ce-gallery iframe {
    border-width: 0;
}
/* content-element 'border' - 'img' and 'iframe' definition */
.ce-border img, .ce-border iframe {
    border: 2px solid #000000;
    padding: 0px;
}
/* content-element 'intext - right - gallery' and 'intext - left - gallery' definition */
.ce-intext .ce-right .ce-gallery, .ce-intext .ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 10px;
}
.ce-intext .ce-right .ce-gallery {
    margin-left: 10px;
}
.ce-intext .ce-left .ce-gallery {
    margin-right: 10px;
}
/* content-element 'intext - left - ol' and 'intext - left - ul' definition */
.ce-intext .ce-left ol, .ce-intext .ce-left ul {
    padding-left: 40px;
    overflow: auto;
}
/* content-element 'below - gallery' definition */
.ce-below .ce-gallery {
    margin-top: 10px;
}
/* content-element 'column' definition */
.ce-column {
    margin-right: 10px;
}
.ce-column:last-child {
    margin-right: 0;
}
/* content-element 'row' definition */
.ce-row {
    margin-bottom: 10px;
}
.ce-row:last-child {
    margin-bottom: 0;
}
/* content-element 'above - bodytext' definition */
.ce-above .ce-bodytext {
    clear: both;
}
/* content-element 'linkToTop' definition */
.ce-link-to-top {
    text-align: right;
}
.link-to-top {
    display: inline-block;
    padding: 0;
    background: transparent;
}
.link-to-top a {
    text-decoration: none;
}
dfn.link-to-top-icon {
/*
    display: none;
*/
}
dfn.link-to-top-icon::before {
    /* Angel */
    content: '\003C';
    display: inline-block;
    transform: rotate(90deg) scale(1.5,2);
    color: rgb(90,90,90);
    position: relative;
    clear: both;
}
dfn.link-to-top-text {
    display: none;
}
/* ==================================================================================================== */
/* ### GENERAL definition ### */
/* ## FSC Elements and classes ## */
/* # "tx_frontend" content-element (FSC) default # */
/* content-element 'align' definition */
.ce-align-left {
    text-align: left;
}
.ce-align-center {
    text-align: center;
}
.ce-align-right {
    text-align: right;
}
/* content-element 'textpic', 'image', 'nowrap - bodytext', 'gallery', 'row', 'uploads li' and 'uploads div' definition */
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: hidden;
}
/* content-element 'left - gallery', 'column', 'center - outer', 'center - inner' and 'right - gallery' definition */
.ce-left .ce-gallery, .ce-column {
    float: left;
}
.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}
.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}
.ce-right .ce-gallery {
    float: right;
}
/* content-element 'gallery' - 'figure', 'figcaption', 'img' and 'iframe' definition */
.ce-gallery figure {
    display: table;
    margin: 0;
}
.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}
.ce-gallery img {
    display: block;
}
.ce-gallery iframe {
    border-width: 0;
}
/* content-element 'border' - 'img' and 'iframe' definition */
.ce-border img, .ce-border iframe {
    border: 2px solid #000000;
    padding: 0px;
}
/* content-element 'intext - right - gallery' and 'intext - left - gallery' definition */
.ce-intext .ce-right .ce-gallery, .ce-intext .ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 10px;
}
.ce-intext .ce-right .ce-gallery {
    margin-left: 10px;
}
.ce-intext .ce-left .ce-gallery {
    margin-right: 10px;
}
/* content-element 'intext - left - ol' and 'intext - left - ul' definition */
.ce-intext .ce-left ol, .ce-intext .ce-left ul {
    padding-left: 40px;
    overflow: auto;
}
/* content-element 'below - gallery' definition */
.ce-below .ce-gallery {
    margin-top: 10px;
}
/* content-element 'column' definition */
.ce-column {
    margin-right: 10px;
}
.ce-column:last-child {
    margin-right: 0;
}
/* content-element 'row' definition */
.ce-row {
    margin-bottom: 10px;
}
.ce-row:last-child {
    margin-bottom: 0;
}
/* content-element 'above - bodytext' definition */
.ce-above .ce-bodytext {
    clear: both;
}
/* content-element 'headline' definition */
.ce-headline-left {
    text-align: left;
}
.ce-headline-center {
    text-align: center;
}
.ce-headline-right {
    text-align: right;
}
/* content-element 'headerline' definition */
.ce-headerline-center {
    text-align: center;
}
.ce-headerline-right {
    text-align: right;
}
.ce-headerline-left {
    text-align: left;
}
/* content-element 'uploads' definition */
.ce-uploads {
    margin: 0;
    padding: 0;
}
.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}
.ce-uploads li a {
    color: inherit;
}
.ce-uploads img, .ce-uploads video {
    float: left;
    padding-right: 1em;
    vertical-align: top;
}
.ce-uploads span {
    display: block;
}
.ce-uploads span.ce-uploads-fileName {
    float: left;
    text-decoration: underline !important;
}
.ce-uploads span.ce-uploads-description {
    float: left;
}
/* content-element 'table' (Table) definition */
.ce-table {
    width: 100%;
    max-width: 100%;
}
.ce-table th, .ce-table td {
    padding: 0.5em 0.75em;
    vertical-align: top;
}
.ce-table thead th {
    border-bottom: 2px solid #dadada;
}
.ce-table th, .ce-table td {
    border-top: 1px solid #dadada;
}
.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.ce-table-bordered th, .ce-table-bordered td {
    border: 1px solid #dadada;
}
.ce-table-striped caption, .ce-table-linedown caption {
    margin-bottom: 0.2em;
}
.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.ce-table-striped th, .ce-table-striped td {
    padding: 0.5em 0.75em;
}
.ce-table-bordered caption, .ce-table-line caption, .ce-table-lineup caption {
    margin-bottom: -1px;
    border-bottom: 2px solid rgb(200,200,200);
}
.ce-table-bordered th, .ce-table-bordered td {
    padding: 0.5em 0.75em;
    border: 1px solid rgb(200,200,200);
}
.ce-table-bordered tr:not(:first-child) th, .ce-table-bordered tr:not(:first-child) td {
    border-top: 0;
}
.ce-table-bordered thead tr th:not(:last-child), .ce-table-bordered tr td:not(:last-child) {
    border-right: 0;
}
.ce-table-line th, .ce-table-line td {
    padding: 0.5em 0 0.5em 0;
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
}
.ce-table-line tr:not(:first-child) th, .ce-table-line tr:not(:first-child) td {
    border-top: 0;
}
.ce-table-lineup caption {
    margin-bottom: -2px;
}
.ce-table-lineup th, .ce-table-lineup td {
    padding: 0.5em 0 0.5em 0;
    border-top: 1px solid rgb(200,200,200);
}
.ce-table-lineup thead tr:first-child th {
    border-top: 2px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
}
.ce-table-linedown th, .ce-table-linedown td {
    padding: 0.5em 0 0.5em 0;
    border-bottom: 1px solid rgb(200,200,200);
}
.ce-table-linedown thead th {
    border-bottom: 2px solid rgb(200,200,200);
}
/* ce-bodytext 'text-left', 'text-center', 'text-right' and 'text-justify' definition */
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
/* ce-bodytext tag 'em', 'strong', 'sub', 'sup' and 'a definition */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
a {
    color: inherit !important;
}
/* # "tx_frontend" (Space befor/Space after Option) frame-element (FSC-content-element) default # */
/* frame-element basic definition */
.frame {
}
/* frame-element 'default', 'ruler-before', 'ruler-after', 'indent', 'indent-left' and 'indent-right' definition */
.frame-default {
}
.frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0,0,0,0.25);
    margin-bottom: 2em;
}
.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    margin-top: 2em;
}
.frame-indent {
    margin-left: 15%;
    margin-right: 15%;
}
.frame-indent-left {
    margin-left: 33%;
}
.frame-indent-right {
    margin-right: 33%;
}
/* frame-element 'default' definition */
.frame-layout-0 {
}
.frame-layout-1 {
}
.frame-layout-2 {
}
.frame-layout-3 {
}
.cc-cell-row .frame-layout-1, .cc-cell-row .frame-layout-2, .cc-cell-row .frame-layout-3 {
    height: 100%;
}
.frame-layout-100 .ce-image-background {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
    min-height: 8rem;
/*height: auto;*/
    padding: 2% 4% 2% 4%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.frame-layout-100 .ce-image-background-card {
    background: rgba(255,255,255,0.8);
    padding: 1em;
    width: 100%;
}
.frame-layout-100 .ce-image-background-card > *:last-child,
.frame-layout-100 .ce-image-background-card .ce-bodytext > *:last-child {
    margin-bottom: 0;
}
/* frame-element 'space-befor'/'space-after' - 'extra-small', 'small', 'medium', 'large' and 'extra-large' definition */
.frame-space-before-extra-small {
    margin-top: 1em;
}
.frame-space-before-small {
    margin-top: 2em;
}
.frame-space-before-medium {
    margin-top: 3em;
}
.frame-space-before-large {
    margin-top: 4em;
}
.frame-space-before-extra-large {
    margin-top: 5em;
}
.frame-space-after-extra-small {
    margin-bottom: 1em;
}
.frame-space-after-small {
    margin-bottom: 2em;
}
.frame-space-after-medium {
    margin-bottom: 3em;
}
.frame-space-after-large {
    margin-bottom: 4em;
}
.frame-space-after-extra-large {
    margin-bottom: 5em;
}
/* frame-element 'ol', 'ul' and 'dl' definition */
ol, ol.ce-bullets, ul, ul.ce-bullets {
    display: block;
    list-style-position: outside;
    margin: 0 0 1em 0em;
    padding: 0 0 0 1em;
}
ol li, ol.ce-bullets li, ul li, ul.ce-bullets li  {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
ul, ul.ce-bullets-disc {
    list-style-type: disc;
}
ul.ce-bullets-circle {
    list-style-type: circle;
}
ul.ce-bullets-square {
    list-style-type: square;
}
ul.ce-bullets-right-triangle {
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
ul.ce-bullets-right-triangle li {
    position: relative;
    padding-left: 1.25em;
}
ul.ce-bullets-right-triangle li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\25b6";
}
ol.ce-bullets-numbers {
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
ol.ce-bullets-numbers li {
    position: relative;
    counter-increment: step-counter;
    padding-left: 2em;
}
ol.ce-bullets-numbers li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: counter(step-counter)".";
}
ol, ol.ce-bullets-decimal {
    list-style-type: decimal;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
ol.ce-bullets-decimal-leading-zero {
    list-style-type: decimal-leading-zero;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
ol.ce-bullets-lower-alpha {
    list-style-type: lower-alpha;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
ol.ce-bullets-lower-roman {
    list-style-type: lower-roman;
    margin: 0 0 1em 0;
    padding: 0 0 0 4em;
}
ol.ce-bullets-upper-alpha {
    list-style-type: upper-alpha;
    margin: 0 0 1em 0;
    padding: 0 0 0 2.5em;
}
ol.ce-bullets-upper-roman {
    list-style-type: upper-roman;
    margin: 0 0 1em 0;
    padding: 0 0 0 5em;
}
dl, dl.ce-bullets, dt, dd {
    display: block;
}
dl, dl.ce-bullets {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
dl.ce-bullets dt {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	font-weight: bold;
}
dl.ce-bullets dd {
    margin: 0 0 0 2em;
    padding: 0 0 0 0;
}
/* BUTTON (ce-button) definition */
.ce-button {
    cursor: pointer;
}

/* ################
// GRIDELEMENTS ###
// ################ */
/* ==================================================================================================== */
/* LAYOUTSTRUCTURE definition */
.one-one-full-column, .one-one-column, .one-half-column, .one-third-column, .two-third-column,
.three-fourth-column, .one-fourth-column, .one-fifth-column, .two-fifth-column, .three-fifth-column,
.four-fifth-column, .one-sixth-column, .five-sixth-column {
	position: relative;
	margin: 0;
	float: left;
}
.one-one-full-column {
    float: none;
	clear: right;
    margin-left: calc(((100% - 100vw) / 2) + (var(--scrollbar-width, 20px) /2));
    margin-right: calc(((100% - 100vw) / 2) + (var(--scrollbar-width, 20px) /2));
}
.one-one-column {
	width: 100%;
	margin-right: 0 !important;
	clear: right;
}
.one-half-column {
	width: 50%;
}
.one-third-column {
	width: 33.33%;
}
.two-third-column {
	width: 66.66%;
}
.one-fourth-column {
	width: 25%;
}
.three-fourth-column {
	width: 75%;
}
.one-fifth-column {
	width: 20%;
}
.two-fifth-column {
	width: 40%;
}
.three-fifth-column {
	width: 60%;
}
.four-fifth-column {
	width: 80%;
}
.one-sixth-column {
	width: 16.66%;
}
.five-sixth-column {
	width: 83.33%;
}
.last-column {
	margin-right: 0 !important;
	clear: right;
}

/* ########
// FORM ###
// ######## */
/* ==================================================================================================== */
/* ### form style ### */
/* ## RESET all ## */

/* ## MAIN definition ## */
/* div and label definition */
div.form div.steplist_none {
    display: none;
}
div.form div.steplist_smallline, div.form div.steplist_middleline, div.form div.steplist_bigline,
div.form div.steplist_smallnumbers, div.form div.steplist_middlenumbers, div.form div.steplist_bignumbers,
div.form div.steplist_smalllinenumbers, div.form div.steplist_middlelinenumbers,
div.form div.steplist_biglinenumbers {
    width: 100%;
}
div.form div.steplist-step {
    float: left;
}
div.form div.steplist-step p {
    text-align: center;
    margin: 0;
    padding: 0;
}
div.form div.steplist_smallline div.steplist-step div, div.form div.steplist_middleline div.steplist-step div,
div.form div.steplist_bigline div.steplist-step div {
    display: none;
}
/* HIDDEN form width image button */
form.ce-hiddenform {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 0;
    height: 0;
}
form.ce-hiddenform + button, button.ce-hiddenformbutton {
    margin: 0;
    margin-left: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    float: right;
    cursor: pointer;
}
form.ce-hiddenform + button img, , button.ce-hiddenformbutton img {
    margin-left: 0;
}
.desable {
    opacity: 0.5;
    cursor: default !important;
}
.desable-not-allowed {
    opacity: 0.5;
    cursor: not-allowed !important;
}
.ce-formfieldleft {
    float: left;
}
.ce-formfieldtop {
    float: none;
    min-width: 100%;
    max-width: 100%;
}
.ce-formfieldright {
    float: right;
}
.ce-formfield20 {
    min-width: 20%;
    max-width: 20%;
}
.ce-formfield30 {
    min-width: 30%;
    max-width: 30%;
}
.ce-formfield40 {
    min-width: 40%;
    max-width: 40%;
}
.ce-formfield50 {
    min-width: 50%;
    max-width: 50%;
}
.ce-formfield60 {
    min-width: 60%;
    max-width: 60%;
}
.ce-formfield70 {
    min-width: 70%;
    max-width: 70%;
}
.ce-formfield80 {
    min-width: 80%;
}
.ce-formfield90 {
    min-width: 90%;
    max-width: 90%;
}
.ce-formfield100 {
    float: none;
    min-width: 100%;
    max-width: 100%;
}
/* CHECKBOX (ce-formfielcheckbox) definition */
.ce-formfielcheckbox {
    position: relative;
}
.ce-formfielcheckbox input[type=checkbox] {
    position: absolute;
    float:right;
    opacity: 0;
    cursor: pointer;
    top:0.5em;
    left: 0.5em;
    max-width: 0.5em;
    z-index: 1;
    transform: scale(2.5);
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
}
.ce-checkbox {
    position: relative;
    cursor: pointer;
}
.ce-checkbox:after {
    position: absolute;
    content: '';
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}
/* RADIOBUTTON (ce-formfieldlabelradio) definition */
.ce-formfieldlabelradio {
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ce-formfieldlabelradio .labeltext {
    margin: 0 !important;
    padding:0 !important;
}
.ce-formfieldlabelradio input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top:0;
    right:50%;
    margin: 0.3em 0 0 0 !important;
    z-index: 1;
    transform: scale(2.5);
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
}
.labeltextradio {
    position: absolute;
}
.labeltextradio:after {
    content: "";
    position: absolute;
    display: none;
}
.ce-formfieldlabelradio input:checked ~ .labeltextradio:after {
    display: block;
}
.ce-form-field .singleselect {
    position: relative;
}
.ce-form-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}
.ce-form-field select::-ms-expand {
    display: none;
}
.ce-form-field select option {
    font-size: inherit !important;
    color: inherit !important;
    padding-right: 35px;
}
/* Only Firefox */
@-moz-document url-prefix() {
    .ce-form-field input[type=color] {
        width: 100% !important;
    }
}
.ce-fieldset {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    background: transparent;
    border: 0 !important;
}
.ce-fieldset legend {
    margin: 0 0 0 0;
    padding: 0 10px 0 10px;
    background: transparent;
    border: 0;
}
.fields-summarized {
    margin: 0 0 0 0 !important;
    padding: 0 10px 10px 10px !important;
    background: transparent;
    border: 0 !important;
}
/* BUTTON (ce-button) definition */
.ce-button {
    cursor: pointer;
}
/* INPUT type search definition */
.ce-formfield-search {
    position: absolute;
    float: none;
    min-width: 100%;
    max-width: 100%;
}
.ce-formbutton-search {
    position: relative;
    float: right;
    right: 0;
}
/* INPUT type image definition */
.ce-formbutton input.ce-formfield100[type=image] {
    text-align: center;
}
/* INPUT type file (file upload) definition */
.ce-formfieldfile-button {
    display: inline-block;
}
.ce-formfield-file .ce-button input[type=file] {
    display: none;
}
span.labeltext {
    word-wrap: break-word;
}
div.form--input input {
    margin:0;
    padding:0;
    width: 100%;
}

/* ##############
// HEADERMENU ###
// ############## */
/* ==================================================================================================== */
/* ### HEADERMENUSTYLE ### */
#HEADERMENU {
    background: transparent;
    margin: 0;
    padding: 0;
}
#headermenu-top, #headermenu-page, #headermenu-lang, #headermenu-felogin,
.headermenu-block, .close-headermenu, .open-headermenu-page, .open-headermenu-lang,
nav#menu, nav#menu a, nav#menu ul#servicemenu, nav#menu ul#mainmenu, nav#menu ul#langmenu,
nav#menu ul.navigationsub1, nav#menu ul.navigationsub2, nav#menu ul.navigationsub3, nav#menu ul.navigationsub4 {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    background: transparent;
}
#headermenu-page, #headermenu-lang, #headermenu-felogin {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 10200;
}
#headermenu-page:not(:target), #headermenu-lang:not(:target), #headermenu-felogin:not(:target) {
    z-index: 1;
    height: 0;
}
#headermenu-page:target .close-headermenu, #headermenu-lang:target .close-headermenu, , #headermenu-felogin:target .close-headermenu {
    display: block;
}

/* ############
// PAGEMENU ###
// ############ */
/* ==================================================================================================== */
/* ### PAGEMENUSTYLE ### */
#PAGEMENU {
    background: transparent;
    margin: 0;
    padding: 0;
}
.pagemenu-top, #pagemenu-page,
#PAGEMENU nav#menu, #PAGEMENU nav#menu a, #PAGEMENU nav#menu ul#servicemenu, #PAGEMENU nav#menu ul#mainmenu,
#PAGEMENU nav#menu ul.navigationsub1, #PAGEMENU nav#menu ul.navigationsub2, #PAGEMENU nav#menu ul.navigationsub3, #PAGEMENU nav#menu ul.navigationsub4 {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    background: transparent;
}
.pagemenu-top > .pagemenuTabButton {
    display: block;
}
.pagemenu-top > input {
    display: none;
}
.pagemenu-top > input:checked + label + .pagemenuTabContent {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border:0;
}
.pagemenu-top > .pagemenuTabContent {
    display: none;
}
.pagemenu-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagemenu-top > .pagemenuTabButton {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
}
.pagemenu-top > .pagemenuTabContent {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
}
.pagemenu-top > .pagemenuTabButton {
    z-index: 2;
}

.pagemenuTabContent > .pagemenuContent {
    position: absolute;
    margin: 0;
    padding: 0;
}

/* ########
// NAVI ###
// ######## */
/* ==================================================================================================== */
/* ### NAVISTYLE ### */
/* ## GENERAL ## */
#LANGNAVI, div.langnavi-outer, div.langnavi-inner, div.langnavi-content,
#QUICKNAVI, div.quicknavi-outer, div.quicknavi-inner, div.quicknavi-content,
#MAINNAVI, div.mainnavi-outer, div.mainnavi-inner, div.mainnavi-content,
#SERVICENAVI, div.servicenavi-outer, div.servicenavi-inner, div.servicenavi-content,
#COUNTRYNAVI, div.countrynavi-outer, div.countrynavi-inner, div.countrynavi-content,
#LOGINNAVI, div.loginnavi-outer, div.loginnavi-inner, div.loginnavi-content,
#LOGINBOX,
ul.navigation, ul.navigationsub1, ul.navigationsub2, ul.navigationsub3, ul.navigationsub4,
ul.navigation li.navigation {
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}
nav#langnaviNav, nav#quicknaviNav, nav#mainnaviNav, nav#servicenaviNav, nav#countrynaviNav, nav#countryMenu,
nav#loginnaviNav {
    border: 0;
    padding: 0;
    background: transparent;
}
#LANGNAVI {
    z-index: 11100;
}
#LANGNAVI ul.navigation {
    z-index: 11150;
}
#QUICKNAVI {
    z-index: 11200;
}
#QUICKNAVI ul.navigation {
    z-index: 11250;
}
#MAINNAVI {
    z-index: 11400;
}
#MAINNAVI ul.navigation {
    z-index: 11450;
}
#SERVICENAVI {
    z-index: 11500;
}
#SERVICENAVI ul.navigation {
    z-index: 11550;
}
#COUNTRYNAVI {
    z-index: 11600;
}
#COUNTRYNAVI ul.navigation {
    z-index: 11650;
}
#LOGINNAVI {
    z-index: 11700;
}
#LOGINNAVI ul.navigation {
    z-index: 11750;
}
#loginnavi-loginbox {
    z-index: 11780;
}
div.langnavi-outer, div.quicknavi-outer, div.mainnavi-outer, div.servicenavi-outer, div.countrynavi-outer,
div.loginnavi-outer {
    display: flex;
    flex-flow: column;
    height: 100%;
}
div.langnavi-content, div.quicknavi-content, div.mainnavi-content, div.servicenavi-content, div.countrynavi-content,
div.loginnavi-content {
    display: flex;
}
nav.navileft {
    margin: 0 auto 0 0;
}
nav.naviright {
    margin: 0 0 0 auto;
}
nav.navicenter {
    margin: 0 auto 0 auto;
    float: right;
    left: -50%;
}
ul.navigation, ul.navigationsub1, ul.navigationsub2, ul.navigationsub3, ul.navigationsub4,
ul.navigation li.navigation {
    list-style: none;
    text-decoration: none;
    background: transparent;
	position: relative;
	display: block;
}
ul.navileft li {
	float: left;
}
ul.naviright li {
	float: left;
}
ul.navicenter {
    left: 50%;
}
ul.navicenter li {
    float: left;
    left: -50%;
}
ul.naviverticalleft {
/*	float: left;*/
}
ul.naviverticalright {
/*    float: right;*/
}
li.navigation a {
    text-decoration: none;
}
nav#langnaviNav li.navigation {
	z-index: 11160;
}
nav#langnaviNav li:hover {
	z-index: 11165;
}
nav#quicknaviNav li.navigation {
	z-index: 11260;
}
nav#quicknaviNav li:hover {
	z-index: 11265;
}
nav#mainnaviNav li.navigation {
	z-index: 11460;
}
nav#mainnaviNav li.sub:hover {
	z-index: 11465;
}
nav#servicenaviNav li.navigation {
	z-index: 11560;
}
nav#servicenaviNav li.sub:hover {
	z-index: 11565;
}
nav#countrynaviNav li.navigation, nav#countryMenu li.navigationsub1 {
	z-index: 11660;
}
nav#countrynaviNav li:hover, nav#countryMenu li.navigation:hover {
	z-index: 11665;
}
nav#loginnaviNav li.navigation {
	z-index: 11760;
}
nav#loginnaviNav li:hover {
	z-index: 11765;
}
nav#mainnaviNav ul.navigationsub1, nav#mainnaviNav ul.navigationsub2,
nav#mainnaviNav ul.navigationsub3, nav#mainnaviNav ul.navigationsub4,
nav#servicenaviNav ul.navigationsub1, nav#servicenaviNav ul.navigationsub2,
nav#servicenaviNav ul.navigationsub3, nav#servicenaviNav ul.navigationsub4,
nav#countrynaviNav ul.navigationsub1, nav#countryMenu ul.navigationsub1 {
	position: absolute;
	display: none;
}
nav#mainnaviNav li.last ul.navigationsub1, nav#mainnaviNav li.last ul.navigationsub2,
nav#mainnaviNav li.last ul.navigationsub3, nav#mainnaviNav li.last ul.navigationsub4,
nav#servicenaviNav li.last ul.navigationsub1, nav#servicenaviNav li.last ul.navigationsub2,
nav#servicenaviNav li.last ul.navigationsub3, nav#servicenaviNav li.last ul.navigationsub4 {
    right:0;
}
nav#mainnaviNav ul.navigation li.sub:hover ul.navigationsub1,
nav#mainnaviNav ul.navigation ul.navigationsub1 li.sub:hover ul.navigationsub2,
nav#mainnaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 li.sub:hover ul.navigationsub3,
nav#mainnaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub:hover ul.navigationsub4,
nav#servicenaviNav ul.navigation li.sub:hover ul.navigationsub1,
nav#servicenaviNav ul.navigation ul.navigationsub1 li.sub:hover ul.navigationsub2,
nav#servicenaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 li.sub:hover ul.navigationsub3,
nav#servicenaviNav ul.navigation ul.navigationsub1 ul.navigationsub2 ul.navigationsub3 li.sub:hover ul.navigationsub4,
nav#countrynaviNav ul.navigation li.sub:hover ul.navigationsub1,
nav#countryMenu ul.navigation li.sub:hover ul.navigationsub1 {
	display: block;
}
/* ## LOGINNAVISTYLE ## */
#LOGINNAVI.loginnavi-floatleft, #LOGINNAVI.loginnavi-floatfullleft {
    position: relative;
    float: left;
    margin: 0;
}
#LOGINNAVI.loginnavi-floatfullleft {
    margin-left: calc(((var(--pageWidth) - 100vw) / 2) + (var(--scrollbar-width, 20px) /2));
}
#LOGINNAVI.loginnavi-floatright, #LOGINNAVI.loginnavi-floatfullright {
    position: relative;
    float: right;
    margin: 0;
}
#LOGINNAVI.loginnavi-floatfullright {
    margin-right: calc(((var(--pageWidth) - 100vw) / 2) + (var(--scrollbar-width, 50px) /2));
}
/* ## LOGINBOXSTYLE## */
#loginnavi-loginbox {
    position: absolute;
    top: 0 !important;
    margin: 0;
    padding: 0;
}
#loginnavi-loginbox:not(:target) {
    display: none;
}
#loginnavi-loginbox:target {
    display: block;
}
.loginnavi-floatleft + #loginnavi-loginbox, .loginnavi-floatfullleft + #loginnavi-loginbox {
    left: 0 !important;
}
.loginnavi-floatright + #loginnavi-loginbox, .loginnavi-floatfullright + #loginnavi-loginbox {
    right: 0 !important;
}
.loginnavi-floatfullleft + #loginnavi-loginbox {
    margin-left: calc(((var(--pageWidth) - 100vw) / 2) + (var(--scrollbar-width, 20px) /2));
}
.loginnavi-floatfullright + #loginnavi-loginbox {
    margin-right: calc(((var(--pageWidth) - 100vw) / 2) + (var(--scrollbar-width, 20px) /2));
}
#loginnavi-loginbox {
    width: 250px !important;
    max-width: 100% !important;
}
.loginnavi-floatleft + #loginnavi-loginbox.loginnavi-loginbox-fullwidth,
.loginnavi-floatright + #loginnavi-loginbox.loginnavi-loginbox-fullwidth {
    width: 100% !important;
}
.loginnavi-floatfullleft + #loginnavi-loginbox.loginnavi-loginbox-fullwidth,
.loginnavi-floatfullright + #loginnavi-loginbox.loginnavi-loginbox-fullwidth {
    width: calc((100vw - var(--pageWidth)) + var(--pageWidth) - var(--scrollbar-width, 20px)) !important;
    max-width: calc((100vw - var(--pageWidth)) + var(--pageWidth) - var(--scrollbar-width, 20px)) !important;
}
.loginnavi-floatleft + #loginnavi-loginbox .loginnavi-loginbox-close::after,
.loginnavi-floatfullleft + #loginnavi-loginbox .loginnavi-loginbox-close::after {
    margin: 0 auto 10px 0;
}
#loginnavi-loginbox .loginnavi-loginbox-block {
    margin: 0;
    padding: 0;
    border: 0;
}
#loginnavi-loginbox .loginnavi-loginbox-close::after {
    display: flex;
    padding: 0;
    content: '';
    width: 30px;
    height: 30px;
    background:url(../Img/headermenu-close_silver.png) no-repeat;
    background-size: 30px 30px;
}
.loginnavi-floatright + #loginnavi-loginbox .loginnavi-loginbox-close::after,
.loginnavi-floatfullright + #loginnavi-loginbox .loginnavi-loginbox-close::after {
    margin: 0 0 10px auto;
}

/* ??? BEGIN */
/* # FELOGINFORMSTYLE # */
/*
.felogin_form {
}
.felogin_form .ce-fieldset {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    background: transparent;
    border: 0 !important;
}
.felogin_form .ce-fieldset legend {
    margin: 0 0 0 0;
    padding: 0 10px 0 10px;
    background: transparent;
    border: 0;
}
.felogin_form .ce-felogin-field {
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    background: transparent;
    border: 0;
}
.felogin_form .ce-checkbox {
    margin:0;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border: 2px solid rgb(200,200,200);
    border-radius: 4px 4px 4px 4px;
    width: calc(100% - (2*0.5em) - (2*2px));
    font-size: inherit;
    font-family: inherit;
    width: 0.5em !important;
    height: 1em !important;
    background: transparent;
}
.felogin_form .ce-checkboxtext {
    margin-left: 2em;
    padding-top:0;
}
.felogin_form .ce-checkbox:after {
    font-size: 1.25em;
    margin: 0.25em 0 0 0.2em;
    padding: 0;
}
.felogin_form .ce-formfielcheckbox input:checked ~ .ce-checkbox:after {
    content: '\2714';
}
.felogin_form .ce-formfielcheckboxleft {
    float: left;
}
.felogin_form .felogin-hidden {
    display: none;
}
.ce-felogin-field label, .loginnavi-felogin-left .ce-checkboxtext p, .loginnavi-felogin-right .ce-checkboxtext p {
    font-size: 0.75em !important;
    border: 0 !important;
}
.loginnavi-felogin-left .ce-checkboxtext p, .loginnavi-felogin-right .ce-checkboxtext p {
    padding: 7px 0 0 0 !important;
}
.ce-felogin-field input[type=text], .ce-felogin-field input[type=password] {
    padding: 0.25em 0.5em 0.25em calc(0.5em + 20px);
    border: 0;
    border-bottom: 2px solid rgb(200,200,200);
    width: calc(100% - (2*0.5em) - (2*2px) - 20px);
    font-size: inherit;
    font-family: inherit;
    text-align: left;
}
.ce-felogin-field input[id=user], .ce-felogin-field input[id=tx_felogin_pi1-forgot-email] {
    background: transparent;
}
.ce-felogin-field input[id=pass], .ce-felogin-field input[id=tx_felogin_pi1-newpassword1], .ce-felogin-field input[id=tx_felogin_pi1-newpassword2] {
    background: transparent;
}
*/
/* ??? END */

/* ### EXPAND-COLLAPSE STYLE ### */
/* ## GENERAL definition ## */
.collabsibleMenuTitle {
    display: none;
}
.collabsibleMenuTitle + label {
    cursor: pointer;
    display: block;
}
.collabsibleMenuTitle + label + .expandMenuContent {
    display: none;
}
.collabsibleMenuTitle:checked + label + .expandMenuContent {
    display: block;
}
.collabsibleMenuTitle + label:after {
    position: relative;
    display: flex;
    float: right;
    right: 0;
    top: 0;
    justify-content: center;
    align-items: center;
}
.collabsibleMenuTitle:checked + label:after {
    position: relative;
    right: 0;
    top: 0;
}
#EXPANDCOLLABSMENU ul {
    list-style-type: none;
    margin:0;
    padding: 0;
}
#EXPANDCOLLABSMENU ul li a {
    text-decoration: none;
    color: inherit;
    margin:0;
    padding:0;
}
.toggleboxTitle {
    display: none;
}
.toggleboxTitle + label {
    cursor: pointer;
    display: block;
}
.toggleboxTitle + label + .toogleboxContent {
    display: none;
}
.toggleboxTitle:checked + label + .toogleboxContent {
    display: block;
}
.toggleboxTitle + label:before {
    display: block;
    float: left;
}
.toggleboxTitle:checked + label:before {
}
.toggleboxTitle + label:after {
    float: right;
}
/* ### BACKENDUSERMENU STYLE ### */
/* ## GENERAL definition ## */
.backendusermenuTitle {
    display: none;
}
.backendusermenuTitle + label {
    cursor: pointer;
    display: block;
}
.backendusermenuTitle + label + .backendusermenuContent {
    display: none;
}
.backendusermenuTitle:checked + label + .backendusermenuContent {
    display: block;
}
.backendusermenuTitle + label:after {
    position: relative;
    display: flex;
    float: right;
    right: 0;
    top: 0;
    justify-content: center;
    align-items: center;
}
.backendusermenuTitle:checked + label:after {
    position: relative;
    right: 0;
    top: 0;
}
#BACKENDUSERMENU ul {
    list-style-type: none;
    margin:0;
    padding: 0;
}
#BACKENDUSERMENU ul li a {
    text-decoration: none;
    color: inherit;
    margin:0;
    padding:0;
}


/* ##################
// CARDTABLESTYLE ###
// ################## */
/* ==================================================================================================== */
/* ## CARDTABLESTYLE ## */
/* GENERAL definition */
.cardtable {
    display: table;
    border-collapse: collapse;
}
.cardtablerow {
    display: table-row;
}
.cardtablecell {
    display: table-cell;
    float: left;
}
.cardtablecell-content {
    overflow: hidden;
}


/* #################
// MODAL MESSAGE ###
// ################# */
/* ==================================================================================================== */
/* ### General definition ### */
.ModalMessageBoard {
    position: fixed;
}
.ModalMessageBoard .ModalMessage {
	display: none;
}
.ModalMessageBoard .ModalMessage > div {
    cursor: default;
    pointer-events: Auto;
}


/* ################
// MODAL DIALOG ###
// ################ */
/* ==================================================================================================== */
/* ### General definition ### */
.openModalDialog {
	display: none;
}
.openModalDialog + .modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
	z-index: 99999;
    opacity: 0;
    transition: opacity 400ms ease-in;
    pointer-events: None;
	justify-content: center;
	align-items: center;
}
.openModalDialog:checked + .modalDialog {
    opacity: 1;
    pointer-events: Auto;
	display: flex;
}
.modalDialog > div {
    position: relative;
    cursor: default;
}


/* ################
// MODAL WINDOW ###
// ################ */
/* ==================================================================================================== */
/* ### General definition ### */
.modalWindow {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    z-index: 99999;
    opacity: 0;
    transition: opacity 400ms ease-in;
    pointer-events: None;
	display: flex;
	justify-content: center;
	align-items: center;
}
.modalWindow:target {
    opacity: 1;
    pointer-events: Auto;
}
.modalWindow > div {
    position: relative;
    cursor: default;
}
.closeModalWindow {
    position: absolute;
    text-decoration: none;
}