/*!*/





html {
overflow-y:scroll;
}

#Cx,
#Cx *,
#Cx td,
#Cx th {
font-family: Segoe UI,Arial,sans-serif;
}

html, body {
margin: 0;
padding: 0;
color: #333333;
background-color:#ffffff;
height:100%;
border:none;
}

html, body, p, td {
font-size: 13px;
line-height:130%;
color:#333333;
font-weight: normal;
}

th, td, li, label, span, nobr {
font-size: 13px;
}




#Cx img {
border:none;
}


#Cx nobr {
font-weight:inherit;
font-family:inherit;
}



/* Keyborad focus custom for BFSG */
:focus {
outline: none;
}

:focus-visible {
outline: 2px solid #ff6600;
outline-offset: 2px;
outline-style: dotted;
/*box-shadow: 0 0 0 3px #ff66004D;*/ /* 4D = 30% transparency */
}




#Cx.cLanguageDE .cOnlyEN {display:none;} #Cx.cLanguageDE .cOnlyS1 {display:none;} #Cx.cLanguageDE .cOnlyFR {display:none;} #Cx.cLanguageDE .cOnlyCS {display:none;} #Cx.cLanguageDE .cOnlyDA {display:none;} #Cx.cLanguageDE .cOnlyES {display:none;} #Cx.cLanguageDE .cOnlyFI {display:none;} #Cx.cLanguageDE .cOnlyIT {display:none;} #Cx.cLanguageDE .cOnlyNL {display:none;} #Cx.cLanguageDE .cOnlyNO {display:none;} #Cx.cLanguageDE .cOnlyPL {display:none;} #Cx.cLanguageDE .cOnlySK {display:none;} #Cx.cLanguageDE .cOnlySV {display:none;} 
#Cx.cLanguageEN .cOnlyDE {display:none;} #Cx.cLanguageEN .cOnlyS1 {display:none;} #Cx.cLanguageEN .cOnlyFR {display:none;} #Cx.cLanguageEN .cOnlyCS {display:none;} #Cx.cLanguageEN .cOnlyDA {display:none;} #Cx.cLanguageEN .cOnlyES {display:none;} #Cx.cLanguageEN .cOnlyFI {display:none;} #Cx.cLanguageEN .cOnlyIT {display:none;} #Cx.cLanguageEN .cOnlyNL {display:none;} #Cx.cLanguageEN .cOnlyNO {display:none;} #Cx.cLanguageEN .cOnlyPL {display:none;} #Cx.cLanguageEN .cOnlySK {display:none;} #Cx.cLanguageEN .cOnlySV {display:none;} 
#Cx.cLanguageS1 .cOnlyDE {display:none;} #Cx.cLanguageS1 .cOnlyEN {display:none;} #Cx.cLanguageS1 .cOnlyFR {display:none;} #Cx.cLanguageS1 .cOnlyCS {display:none;} #Cx.cLanguageS1 .cOnlyDA {display:none;} #Cx.cLanguageS1 .cOnlyES {display:none;} #Cx.cLanguageS1 .cOnlyFI {display:none;} #Cx.cLanguageS1 .cOnlyIT {display:none;} #Cx.cLanguageS1 .cOnlyNL {display:none;} #Cx.cLanguageS1 .cOnlyNO {display:none;} #Cx.cLanguageS1 .cOnlyPL {display:none;} #Cx.cLanguageS1 .cOnlySK {display:none;} #Cx.cLanguageS1 .cOnlySV {display:none;} 
#Cx.cLanguageFR .cOnlyDE {display:none;} #Cx.cLanguageFR .cOnlyEN {display:none;} #Cx.cLanguageFR .cOnlyS1 {display:none;} #Cx.cLanguageFR .cOnlyCS {display:none;} #Cx.cLanguageFR .cOnlyDA {display:none;} #Cx.cLanguageFR .cOnlyES {display:none;} #Cx.cLanguageFR .cOnlyFI {display:none;} #Cx.cLanguageFR .cOnlyIT {display:none;} #Cx.cLanguageFR .cOnlyNL {display:none;} #Cx.cLanguageFR .cOnlyNO {display:none;} #Cx.cLanguageFR .cOnlyPL {display:none;} #Cx.cLanguageFR .cOnlySK {display:none;} #Cx.cLanguageFR .cOnlySV {display:none;} 
#Cx.cLanguageCS .cOnlyDE {display:none;} #Cx.cLanguageCS .cOnlyEN {display:none;} #Cx.cLanguageCS .cOnlyS1 {display:none;} #Cx.cLanguageCS .cOnlyFR {display:none;} #Cx.cLanguageCS .cOnlyDA {display:none;} #Cx.cLanguageCS .cOnlyES {display:none;} #Cx.cLanguageCS .cOnlyFI {display:none;} #Cx.cLanguageCS .cOnlyIT {display:none;} #Cx.cLanguageCS .cOnlyNL {display:none;} #Cx.cLanguageCS .cOnlyNO {display:none;} #Cx.cLanguageCS .cOnlyPL {display:none;} #Cx.cLanguageCS .cOnlySK {display:none;} #Cx.cLanguageCS .cOnlySV {display:none;} 
#Cx.cLanguageDA .cOnlyDE {display:none;} #Cx.cLanguageDA .cOnlyEN {display:none;} #Cx.cLanguageDA .cOnlyS1 {display:none;} #Cx.cLanguageDA .cOnlyFR {display:none;} #Cx.cLanguageDA .cOnlyCS {display:none;} #Cx.cLanguageDA .cOnlyES {display:none;} #Cx.cLanguageDA .cOnlyFI {display:none;} #Cx.cLanguageDA .cOnlyIT {display:none;} #Cx.cLanguageDA .cOnlyNL {display:none;} #Cx.cLanguageDA .cOnlyNO {display:none;} #Cx.cLanguageDA .cOnlyPL {display:none;} #Cx.cLanguageDA .cOnlySK {display:none;} #Cx.cLanguageDA .cOnlySV {display:none;} 
#Cx.cLanguageES .cOnlyDE {display:none;} #Cx.cLanguageES .cOnlyEN {display:none;} #Cx.cLanguageES .cOnlyS1 {display:none;} #Cx.cLanguageES .cOnlyFR {display:none;} #Cx.cLanguageES .cOnlyCS {display:none;} #Cx.cLanguageES .cOnlyDA {display:none;} #Cx.cLanguageES .cOnlyFI {display:none;} #Cx.cLanguageES .cOnlyIT {display:none;} #Cx.cLanguageES .cOnlyNL {display:none;} #Cx.cLanguageES .cOnlyNO {display:none;} #Cx.cLanguageES .cOnlyPL {display:none;} #Cx.cLanguageES .cOnlySK {display:none;} #Cx.cLanguageES .cOnlySV {display:none;} 
#Cx.cLanguageFI .cOnlyDE {display:none;} #Cx.cLanguageFI .cOnlyEN {display:none;} #Cx.cLanguageFI .cOnlyS1 {display:none;} #Cx.cLanguageFI .cOnlyFR {display:none;} #Cx.cLanguageFI .cOnlyCS {display:none;} #Cx.cLanguageFI .cOnlyDA {display:none;} #Cx.cLanguageFI .cOnlyES {display:none;} #Cx.cLanguageFI .cOnlyIT {display:none;} #Cx.cLanguageFI .cOnlyNL {display:none;} #Cx.cLanguageFI .cOnlyNO {display:none;} #Cx.cLanguageFI .cOnlyPL {display:none;} #Cx.cLanguageFI .cOnlySK {display:none;} #Cx.cLanguageFI .cOnlySV {display:none;} 
#Cx.cLanguageIT .cOnlyDE {display:none;} #Cx.cLanguageIT .cOnlyEN {display:none;} #Cx.cLanguageIT .cOnlyS1 {display:none;} #Cx.cLanguageIT .cOnlyFR {display:none;} #Cx.cLanguageIT .cOnlyCS {display:none;} #Cx.cLanguageIT .cOnlyDA {display:none;} #Cx.cLanguageIT .cOnlyES {display:none;} #Cx.cLanguageIT .cOnlyFI {display:none;} #Cx.cLanguageIT .cOnlyNL {display:none;} #Cx.cLanguageIT .cOnlyNO {display:none;} #Cx.cLanguageIT .cOnlyPL {display:none;} #Cx.cLanguageIT .cOnlySK {display:none;} #Cx.cLanguageIT .cOnlySV {display:none;} 
#Cx.cLanguageNL .cOnlyDE {display:none;} #Cx.cLanguageNL .cOnlyEN {display:none;} #Cx.cLanguageNL .cOnlyS1 {display:none;} #Cx.cLanguageNL .cOnlyFR {display:none;} #Cx.cLanguageNL .cOnlyCS {display:none;} #Cx.cLanguageNL .cOnlyDA {display:none;} #Cx.cLanguageNL .cOnlyES {display:none;} #Cx.cLanguageNL .cOnlyFI {display:none;} #Cx.cLanguageNL .cOnlyIT {display:none;} #Cx.cLanguageNL .cOnlyNO {display:none;} #Cx.cLanguageNL .cOnlyPL {display:none;} #Cx.cLanguageNL .cOnlySK {display:none;} #Cx.cLanguageNL .cOnlySV {display:none;} 
#Cx.cLanguageNO .cOnlyDE {display:none;} #Cx.cLanguageNO .cOnlyEN {display:none;} #Cx.cLanguageNO .cOnlyS1 {display:none;} #Cx.cLanguageNO .cOnlyFR {display:none;} #Cx.cLanguageNO .cOnlyCS {display:none;} #Cx.cLanguageNO .cOnlyDA {display:none;} #Cx.cLanguageNO .cOnlyES {display:none;} #Cx.cLanguageNO .cOnlyFI {display:none;} #Cx.cLanguageNO .cOnlyIT {display:none;} #Cx.cLanguageNO .cOnlyNL {display:none;} #Cx.cLanguageNO .cOnlyPL {display:none;} #Cx.cLanguageNO .cOnlySK {display:none;} #Cx.cLanguageNO .cOnlySV {display:none;} 
#Cx.cLanguagePL .cOnlyDE {display:none;} #Cx.cLanguagePL .cOnlyEN {display:none;} #Cx.cLanguagePL .cOnlyS1 {display:none;} #Cx.cLanguagePL .cOnlyFR {display:none;} #Cx.cLanguagePL .cOnlyCS {display:none;} #Cx.cLanguagePL .cOnlyDA {display:none;} #Cx.cLanguagePL .cOnlyES {display:none;} #Cx.cLanguagePL .cOnlyFI {display:none;} #Cx.cLanguagePL .cOnlyIT {display:none;} #Cx.cLanguagePL .cOnlyNL {display:none;} #Cx.cLanguagePL .cOnlyNO {display:none;} #Cx.cLanguagePL .cOnlySK {display:none;} #Cx.cLanguagePL .cOnlySV {display:none;} 
#Cx.cLanguageSK .cOnlyDE {display:none;} #Cx.cLanguageSK .cOnlyEN {display:none;} #Cx.cLanguageSK .cOnlyS1 {display:none;} #Cx.cLanguageSK .cOnlyFR {display:none;} #Cx.cLanguageSK .cOnlyCS {display:none;} #Cx.cLanguageSK .cOnlyDA {display:none;} #Cx.cLanguageSK .cOnlyES {display:none;} #Cx.cLanguageSK .cOnlyFI {display:none;} #Cx.cLanguageSK .cOnlyIT {display:none;} #Cx.cLanguageSK .cOnlyNL {display:none;} #Cx.cLanguageSK .cOnlyNO {display:none;} #Cx.cLanguageSK .cOnlyPL {display:none;} #Cx.cLanguageSK .cOnlySV {display:none;} 
#Cx.cLanguageSV .cOnlyDE {display:none;} #Cx.cLanguageSV .cOnlyEN {display:none;} #Cx.cLanguageSV .cOnlyS1 {display:none;} #Cx.cLanguageSV .cOnlyFR {display:none;} #Cx.cLanguageSV .cOnlyCS {display:none;} #Cx.cLanguageSV .cOnlyDA {display:none;} #Cx.cLanguageSV .cOnlyES {display:none;} #Cx.cLanguageSV .cOnlyFI {display:none;} #Cx.cLanguageSV .cOnlyIT {display:none;} #Cx.cLanguageSV .cOnlyNL {display:none;} #Cx.cLanguageSV .cOnlyNO {display:none;} #Cx.cLanguageSV .cOnlyPL {display:none;} #Cx.cLanguageSV .cOnlySK {display:none;} 


/*** Responsive categories ***/


/* >= 1000 : Desktop */
@media (min-width:1000px) {
#Cx .sScreenDesktop {}
#Cx .sScreenTablet {display:none !important;}
#Cx .sScreenPhone {display:none !important;}
#Cx .sScreenSmartphone {display:none !important;}
#Cx .sScreenPhablet {display:none !important;}

#Cx .sScreenMinDesktop {}
#Cx .sScreenMinTablet {}
#Cx .sScreenMinPhablet {}
#Cx .sScreenMinSmartphone {}
#Cx .sScreenMinPhone {}

#Cx .sScreenSmallerDesktop {display:none !important;}
#Cx .sScreenSmallerTablet {display:none !important;}
#Cx .sScreenSmallerPhablet {display:none !important;}
#Cx .sScreenSmallerSmartphone {display:none !important;}
#Cx .sScreenSmallerPhone {display:none !important;}
}

/* 650 - 700 : Tablet */
@media (min-width:650px) and (max-width:999px) {
#Cx .sScreenDesktop {display:none !important;}
#Cx .sScreenTablet {}
#Cx .sScreenPhone {display:none !important;}
#Cx .sScreenSmartphone {display:none !important;}
#Cx .sScreenPhablet {display:none !important;}

#Cx .sScreenMinDesktop {display:none !important;}
#Cx .sScreenMinTablet {}
#Cx .sScreenMinPhablet {}
#Cx .sScreenMinSmartphone {}
#Cx .sScreenMinPhone {}

#Cx .sScreenSmallerDesktop {}
#Cx .sScreenSmallerTablet {display:none !important;}
#Cx .sScreenSmallerPhablet {display:none !important;}
#Cx .sScreenSmallerSmartphone {display:none !important;}
#Cx .sScreenSmallerPhone {display:none !important;}
}

/* 500 - 650 : Phablet */
@media (min-width:550px) and (max-width:649px) {
#Cx .sScreenDesktop {display:none !important;}
#Cx .sScreenTablet {display:none !important;}
#Cx .sScreenPhablet {}
#Cx .sScreenSmartphone {display:none !important;}
#Cx .sScreenPhone {display:none !important;}

#Cx .sScreenMinDesktop {display:none !important;}
#Cx .sScreenMinTablet {display:none !important;}
#Cx .sScreenMinPhablet {}
#Cx .sScreenMinSmartphone {}
#Cx .sScreenMinPhone {}

#Cx .sScreenSmallerDesktop {}
#Cx .sScreenSmallerTablet {}
#Cx .sScreenSmallerPhablet {display:none !important;}
#Cx .sScreenSmallerSmartphone {display:none !important;}
#Cx .sScreenSmallerPhone {display:none !important;}
}

/* 350 - 500 : Smartphone */
@media (min-width:350px) and (max-width:549px) {
#Cx .sScreenDesktop {display:none !important;}
#Cx .sScreenTablet {display:none !important;}
#Cx .sScreenPhablet {}
#Cx .sScreenPhone {display:none !important;}

#Cx .sScreenMinDesktop {display:none !important;}
#Cx .sScreenMinTablet {display:none !important;}
#Cx .sScreenMinPhablet {display:none !important;}
#Cx .sScreenMinSmartphone {}
#Cx .sScreenMinPhone {}

#Cx .sScreenSmallerDesktop {}
#Cx .sScreenSmallerTablet {}
#Cx .sScreenSmallerPhablet {}
#Cx .sScreenSmallerSmartphone {display:none !important;}
#Cx .sScreenSmallerPhone {display:none !important;}
}

/* < 350 : Phone */
@media (max-width:349px) {
#Cx .sScreenDesktop {display:none !important;}
#Cx .sScreenTablet {display:none !important;}
#Cx .sScreenPhablet {display:none !important;}
#Cx .sScreenSmartphone {display:none !important;}
#Cx .sScreenPhone {}

#Cx .sScreenMinDesktop {display:none !important;}
#Cx .sScreenMinTablet {display:none !important;}
#Cx .sScreenMinPhablet {display:none !important;}
#Cx .sScreenMinSmartphone {display:none !important;}
#Cx .sScreenMinPhone {}

#Cx .sScreenSmallerDesktop {}
#Cx .sScreenSmallerTablet {}
#Cx .sScreenSmallerPhablet {}
#Cx .sScreenSmallerSmartphone {}
#Cx .sScreenSmallerPhone {display:none !important;}
}






/*** Forms ***/

#Cx .FORM_DEFAULT {
max-width: 950px;
margin: 0 auto;
text-align: left;
width: 100%;
}

#Cx .FORM_DEFAULT > tbody > tr > th {
word-break: break-word;
}

#Cx .FORM_DEFAULT .cFormSignatureWidget {
border:1px solid #888888 !important;
}

#Cx .FORM_DEFAULT .cFormSignatureWidget canvas {
}

#Cx .FORM_DEFAULT .cFormSignatureWidget button {
border:none;
}

#Cx .FORM_DEFAULT .mce-ico {
font-family:tinymce !important;
}

#Cx .FORM_DEFAULT .cCalendarWidget .csDay.csSelected {
background-color:#ff6600;
color:#ffffff;
}

#Cx .FORM_DEFAULT .cCalendarWidget .cUIButton {
margin-left: 10px;
}
#Cx input[type=radio],
#Cx input[type=checkbox] {
width:20px;
height:20px;
margin: 0px 5px 5px 0px;
}

#Cx .FORM_DEFAULT label {
color: #333333
}

#Cx.cPageVotingPortal textarea {
padding:0 !important;
resize: none;
box-sizing: border-box;
}

#Cx textarea {
max-width:100%;
}

#Cx textarea,
#Cx input[type=text],
#Cx input[type=number],
#Cx input[type=url],
#Cx input[type=password],
#Cx select {
font-size: 13px;
background-image:none !important;
background-color:#eef8fa !important;
border:1px solid #888888 !important;
padding:8px !important;
padding-left:0.1rem;
padding-right:1.5rem !important; /* space for drop down arrow */
/*Iƒ (PORTAL.STYLEROUND) {CSS:ROUND(5,5,5,5);} else {CSS:ROUND(0,0,0,0);};*/
border-radius: 0px;
color:#333333 !important;

transition: border-color 0.1s ease, background-color 0.1s ease, box-shadow 0.1s ease;
}

#Cx select  {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

background-image:url(../../../corveos/gui/icons/steel/drop.gif) !important;
background-position:right center;
background-repeat:no-repeat;
background-size:16px 16px;

cursor:pointer;

transition: border-color 0.1s ease, background-color 0.1s ease, box-shadow 0.1s ease;
}


#Cx .cFormTitle h2 {
margin: 40px 0 20px 0;
}

#Cx .cFormTitle ~ .cFormTitle h2 {
margin: 10px 0 20px 0;
}

/*
#Cx input[type=text],
#Cx input[type=number],
#Cx input[type=url],
#Cx input[type=password]
{
padding-left:0.3rem !important;
}
*/

#Cx .FORM_DEFAULT input[readonly],
#Cx .FORM_DEFAULT select[readonly],
#Cx .FORM_DEFAULT select[disabled] {
background-color:#d4dcdd !important;
color:#5b5d5d !important;
background-image:url(../../../corveos/modules/form/gui/elements/form_input_locked2.png) !important;
background-position:2px center;
background-repeat:no-repeat;
background-size:12px 12px;
padding-left:18px !important;
}


#Cx .FORM_STRUCTURE_EDIT  {
background-color:#ffffff !important;
border:1px solid #888888 !important;
padding:1px !important;
}


#Cx select:focus,
#Cx textarea:focus,
#Cx input[type=text]:focus,
#Cx input[type=number]:focus,
#Cx input[type=url]:focus,
#Cx input[type=password]:focus {
background-color:#eef8fa !important;
border:1px solid #ff6600 !important;
color:#333333 !important;
}

#Cx .cFieldWrapper {
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
border:1px solid #ff6600 !important;
background-color:#eef8fa;	color:#333333;
vertical-align:top;
}

#Cx .cFieldWrapper input,
#Cx .cFieldWrapper select {
border:none !important;
margin:3px;
display:inline-block;
border-radius:0px 0px 0px 0px;-ms-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-opera-border-radius:0px 0px 0px 0px;-khtml-border-radius:0px 0px 0px 0px;
}
#Cx .cFieldWrapper input[type=text]:focus,
#Cx .cFieldWrapper input[type=number]:focus,
#Cx .cFieldWrapper input[type=url]:focus,
#Cx .cFieldWrapper input[type=password]:focus {
border:none !important;
margin:3px;
display:inline-block;
}

#Cx .cFieldWrapper button {
margin-bottom:2px;
}

/*** Tag list ***/

#Cx .FORM_DEFAULT .cFormTags {
border:none;
margin:0px;
padding:0px;
}

#Cx .FORM_DEFAULT .cFormTags .cFormTag {
border:1px solid #888888;
padding:0.25rem 0.5rem;
margin-right:0.5rem;
margin-bottom:0.5rem;
}

/*** Buttons ***/

#Cx a.button,
#Cx a.button:link,
#Cx a.button:active,
#Cx a.button:visited,
#Cx a.button:hover,

#Cx a.cButton,
#Cx a.cButton:link,
#Cx a.cButton:active,
#Cx a.cButton:visited,
#Cx a.cButton:hover
{
color:#ffffff;
}

#Cx button,
#Cx a.button,
#Cx .cButton {

box-sizing:border-box;
/*display: inline-block;*/

text-decoration:none;
text-align:center;
background-color: #000000;
border:2px solid #000000;
padding:0.2rem;
/*IF (PORTAL.STYLEROUND) {CSS:ROUND(5,5,5,5);};*/
border-radius: 0px;
color:#ffffff;
font-weight:500;
cursor:pointer;
white-space: nowrap;
min-height:2rem;

line-height:25px;

vertical-align:absmiddle;
padding:5px 10px;
transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

#Cx button svg {
height: 13px;
fill: #ffffff;
color:#ffffff;
stroke: #ffffff;
}

#Cx button:hover svg {
fill: #ffffff !important;
color:#ffffff !important;
stroke: #ffffff !important;
}

#Cx button *,
#Cx a.button *,
#Cx a.cButton *,
#Cx .cButton * {
text-decoration:none;
color:#ffffff;
font-weight:500;
vertical-align:absmiddle;
}

#Cx button[disabled],
#Cx a.button[disabled],
#Cx a.cButton[disabled],
#Cx .cButton[disabled],
#Cx button[disabled]:hover,
#Cx .cButton[disabled]:hover,
#Cx a.button[disabled]:hover,
#Cx a.cButton[disabled]:hover,
#Cx button.csDisabled,
#Cx a.button.csDisabled,
#Cx a.cButton.csDisabled,
#Cx .cButton.csDisabled,
#Cx button.csDisabled:hover,
#Cx .cButton.csDisabled:hover,
#Cx a.button.csDisabled:hover,
#Cx a.cButton.csDisabled:hover
{
background-color:#888888 !important;
border-color:#555555 !important;
background: -webkit-linear-gradient(90deg, #888888, #888888);background: -ms-linear-gradient(90deg, #888888, #888888);background: -moz-linear-gradient(90deg, #888888, #888888);background-color:#888888;
}

#Cx button.cLarge,
#Cx a.cLarge,
#Cx button.large,
#Cx a.large {
border:2px solid #000000;
/*border-radius:10px 10px 10px 10px;-ms-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;-opera-border-radius:10px 10px 10px 10px;-khtml-border-radius:10px 10px 10px 10px;*/
border-radius: 0px;
font-size:1.45rem;
min-height:3rem;
padding:5px 10px;
}

#Cx button.small,
#Cx a.small {
vertical-align:bottom;
border:2px solid #000000;
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
padding:1px;
height:20px;
min-height:1.5rem;
font-size:0.85rem;
font-weight:500;
cursor:pointer;
margin-left:2px;
margin-right:2px;
}

#Cx .cCalendarTable button {
min-height:1rem;
}

#Cx button:hover,
#Cx a.button:hover,
#Cx .cButton:hover {
background-color:#000000;
color:#ffffff !important;
border-color:#000000;
text-decoration:none;
}

#Cx button:hover nobr,
#Cx a.button:hover nobr,
#Cx .cButton:hover nobr {
color:#ffffff !important;
}

#Cx button img,
#Cx a.button img,
#Cx .cButton img {
vertical-align:absmiddle !important;
padding-right:0.2rem !important;
max-width:16px;
max-height:16px;
margin:0px;
}

#Cx button.large img,
#Cx a.button img,
#Cx a.large img,
#Cx button.cLarge img,
#Cx a.cLarge img {
vertical-align:baseline !important;
padding-right:0.2rem !important;
margin:0px;
}


#Cx button.sSelected,
#Cx a.sSelected,
#Cx button.csSelected,
#Cx a.csSelected {
background-color:#0066b3;
border-color:#0066b3;
color:#ffffff;
background: -webkit-linear-gradient(90deg, #0066b3, #0066b3);background: -ms-linear-gradient(90deg, #0066b3, #0066b3);background: -moz-linear-gradient(90deg, #0066b3, #0066b3);background-color:#0066b3;
}



/*** Expander button ***/
#Cx button.cDescriptionExpander,
#Cx button.cDescriptionExpander:hover {
background-color: #ffffff;
border-color: #ffffff;
color:#0066b3 !important;
}

#Cx button.cDescriptionExpander svg,
#Cx button.cDescriptionExpander:hover svg {
fill: #0066b3;
stroke: #0066b3;
}




/*** Button menu ***/
#Cx .cButtonMenu {
max-width:50%;
}

#Cx .cButtonMenu > * {
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-sizing:border-box;-ms-box-sizing:border-box;;
display:block;
width:100% !important;
margin-bottom:0.2rem;
}




/*** Green button **/
#Cx .cButtonGreen {
color:#ffffff !important;
text-decoration:none;
text-align:center;
}

#Cx .cButtonGreen:link,
#Cx .cButtonGreen:active,
#Cx .cButtonGreen:visited,
#Cx .cButtonGreen:hover {
color:#ffffff !important;
}

#Cx .cButtonGreen {
background-color: #66a500;
border:2px solid #436d00 !important;
display: inline-block;
padding:5px;
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
color:#ffffff !important;
text-shadow:0px 0px 1px rgba(0,0,0,1);
font-size:1rem !important;
font-weight:500;
cursor:pointer;
transition-property:background-color;
transition-duration:0.25s;

}


#Cx .cButtonGreen:hover {
background-color: #AFC91D;
text-decoration:underline;
}



/*** Red button **/
#Cx .cButtonRed:link,
#Cx .cButtonRed:active,
#Cx .cButtonRed:visited,
#Cx .cButtonRed:hover {
color:#ffffff !important;
}

#Cx .cButtonRed {
text-decoration:none;
text-align:center;
background-color: #FF6600;
border:2px solid #aa0000 !important;
display: inline-block;
padding:5px;
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
color:#ffffff !important;
font-size:1rem !important;
font-weight:500;
cursor:pointer;
transition-property:background-color;
transition-duration:0.25s;
}

#Cx .cButtonRed:hover {
text-decoration:underline;
}








/*** Fixed widths ***/

#Cx .csWidth160 {
/* width:160px !important; */
min-width:12.3rem !important;
}

#Cx .csWidth180 {
min-width:13.84rem !important;
}

#Cx .csWidth200 {
min-width:15.38rem !important;
}

#Cx .csWidth250 {
min-width:19.23rem !important;
}

#Cx .csWidth300 {
min-width:23.08rem !important;
}

#Cx .csWidth240 {
min-width:18.45rem !important;
}



/*** Boxes ***/

#Cx .cErrorBox,
#Cx .error-box {
background-color: #ff6600;
border:2px solid #ff6600;
margin-bottom:20px;
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
color:#ffffff !important;
font-weight:400;
line-height:150%;
font-size:1.38rem;
margin-bottom: 1.30769rem;
padding:5px;
max-width:940px;
margin-top:15px;
margin-bottom:15px;
}

#Cx .error-box nobr {
font-size: inherit;
}

#Cx .cBox.cErrorBox,
#Cx .cBox.error-box,
#Cx .cBox.cErrorBox > h2,
#Cx .cBox.error-box .cBoxContent,
#Cx .cBox.error-box > h2,
#Cx .error-box:has( .cEditorBlock ),
#Cx .error-box h2:has( .cEditorBlock )
{
background-color: #ff6600 !important;
color: #ffffff !important;
}

#Cx .cErrorBox h1,
#Cx .error-box h1,
#Cx .cErrorBox h2,
#Cx .error-box h2,
#Cx .error-box .cEditorBlock,
#Cx .cErrorBox .cEditorBlock {
color:#ffffff !important;
}

#Cx .cErrorBox a:link,
#Cx .cErrorBox a:active,
#Cx .cErrorBox a:visited,
#Cx .cErrorBox a:hover,
#Cx .error-box a:link,
#Cx .error-box a:active,
#Cx .error-box a:visited,
#Cx .error-box a:hover {
color:#ffffff !important;
font-weight:700 !important;
}

#Cx .cErrorBox p,
#Cx .error-box p {
color:#ffffff;
font-size:1.38rem
}

/*** Lists and tables ***/

#Cx table.list {
border:1px solid #ff6600;
width:500px;
}


#Cx table.list th,
#Cx table.list td {
vertical-align:top;
text-align:left;
font-size:1rem;
padding-left:2px;
padding-top:2px;
padding-bottom:2px;
padding-right:4px;
}


#Cx table.list th {
background-color:#ff6600;
color:#ffffff;
font-weight:500;
}


#Cx table.list td {

}

#Cx table.list td {

}

#Cx td { vertical-align:top; }

/*** Event info box ***/

#Cx .cEventInfoDual {
width:100%;
display:flex;
gap:20px;
margin-bottom:30px;
}
/*
#Cx .cEventInfoDual td:first-child {
padding-right:1rem;
}
#Cx .cEventInfoDual th:first-child {
padding-right:1rem;
}
*/
#Cx .cEventInfoDual div {
flex:1;
}
#Cx .cEventInfoDual .cEventImg {
text-align:center;
}
#Cx table.event-info td,
#Cx table.event-info th {
text-align:left;
vertical-align:top;
}

#Cx table.event-info th {
min-width:150px !important;
}


#Cx .cEventInfoDual .event-info th {
min-width:0px;
}


#Cx table.event-info b {
font-weight:700;
}



/*** Generic elements ***/

#Cx p,
#Cx h1,
#Cx h2,
#Cx h3,
#Cx h4 {
margin: 0;
padding: 0 0 5px 0;
}

#Cx h1, #Cx h1 span { line-height:150%; font-size: 2.3rem; color:#ff6600; font-weight: 400; padding: 0 0 15px; }
#Cx h2, #Cx h2 span { line-height:150%; font-size: 1.38rem; color:#333333; font-weight: 400; font-family: Segoe UI Semibold,Segoe UI,Arial,sans-serif; }
#Cx h3, #Cx h3 span { line-height:150%; font-size: 1.07rem; color:#333333; font-weight: 600; margin-top:20px; margin-bottom:10px; font-weight: 700; padding: 0 0 0px; }
#Cx h3:first-child {margin-top:0px;}

#Cx h2 + h3 {
margin-top:0px;
}

#Cx h1 + h3 {
margin-top:0px;
}

#Cx h4 {
line-height:150%;
font-size: 9.92rem;
font-weight: bold;
}

#Cx a:link,
#Cx a:active,
#Cx a:visited,
#Cx a:hover {
color:#ff6600; /* Hier darf kein !important hin, sonst haben Links die als Button formatiert sind die falsche Schriftfarbe */
/* color:#ff6600 !important; */
}


/*** Frame ***/

#Cx #holder {
height:100%;
width:100%;
/*background-color:#ffffff;*/



background-repeat:no-repeat, repeat-x;background-position:center top, top;
}

#Cx #iFrameLeft {text-align:right;}
#Cx #iFrameRight {text-align:left;}

#Cx #holder .part_l { }
#Cx #holder .part_r { }
#Cx #holder .part_c {
padding-top:16px;
width:950px;
}

#Cx .cAttentionText {

pointer-events:none;

position:absolute;
display:block;
box-sizing:border-box;

left:50%;
margin-left:-505px;
height:120px; /** Height = Width **/
padding-top:50px;

top:0px;
width:100vh; /** Width = Height **/
padding-left:10px;

color:#ffffff;
opacity:0.25;
text-shadow:0px 0px 4px rgba(0,0,0,1);

font-size:100pt;
overflow:hidden;
transform: rotate(90deg);
transform-origin:left top 0;


}

#Cx .part_r .cAttentionText {
margin-left:625px;
}

#Cx .cFrame {
box-sizing:border-box;

padding:0px 0px 0px 0px;
margin:0 auto;
border-spacing:0px;
background-color:#ffffff;
/*
border:1px solid #888888;
*/
text-align:left;
/*border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;*/
}

#Cx #iFrame {
/*border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;-opera-border-radius:0px 0px 5px 5px;-khtml-border-radius:0px 0px 5px 5px;*/
}

#Cx #iContentArea {
/*max-width:950px; */
/*max-width:100%;*/
}


#Cx {
box-sizing:border-box;
color:#333333;
/*font-size:0.85rem !important;*/
}
#Cx header {
}
#Cx main {
background: #ffffff;
hyphens:auto;
flex: 1 0 auto;
}
#Cx .cContentContainer {
}
#Cx.cPageEventDigital main {
background: transparent;
}
#Cx footer {
margin-top: 50px;
background-color:#333333;
/*position:absolute;*/
width:100%;
bottom:0;
padding:35px 0 10px 0;
color:#ffffff;
}

#Cx #iFooterInner {
display:flex;
justify-content: space-between;
text-align:left;
max-width:950px;
margin:0 auto;
padding: 0 15px;
}

#Cx #iFooterInner ul {
list-style-type:none;
padding:0;
}
#Cx #iFooterInner div {
flex-grow: 1;
/*width:33.33%;*/
}
#Cx #iFooterInner .cFooterRow.cFooterRowLast {
text-align:right;
}
#Cx footer a {
color:#ffffff;
text-decoration:none;
margin-right:20px;
}
#Cx footer h3 {
color:#ffffff;
font-size:1.4rem;
}
#Cx footer p,#Cx footer li {
color:#ffffff;
font-size:1.2rem !important;
margin-right:20px;
margin-bottom: 10px;
}

#Cx footer a {
margin-right:0px;
color:#ffffff !important;
font-size:1.2rem !important;
text-decoration: none;
}

#Cx footer a:hover {
color:#ffffff !important;
text-decoration: none;
}
#Cx footer .footerlast {
text-align:center;
margin-top:40px;
font-size:1rem;
}
#Cx footer .footerlast span, #Cx footer .footerlast a {
font-size:1rem !important;
}
#Cx .cFooterContact .cIcon {
margin-right:10px;
}

#Cx footer .cSocialLinks {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: flex-start;
max-width:300px;
}

#Cx footer .cSocialLinks img {
max-width: 40px;
}

#Cx footer .cSocialLinks {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: flex-start;
max-width:300px;
}

#Cx footer .cSocialLinks img {
max-width: 40px;
}

/*** Header ***/
/*
#Cx #iHeader {
width:100%;
position:relative;
height:185px;
background-color:#ffffff;
background-image:url(../../../corveos/modules/portal/gui/elements/header.png);
background-position:center top;

background-size:cover;

margin-bottom:0px;
margin-top:0px;
border-style:none;
}
*/
#Cx #iLogo {
margin: 20px 0 0 20px;
max-height:85px;
}

#Cx #iLogoAdditional {
margin: 20px 0 0 20px;
max-height:85px;
}

#Cx #iTopTabs {
box-sizing:border-box;
left:0px;
top:115px;
width:100%;
height:40px;
}

#Cx #iTopTabsFullWidth {
box-sizing:border-box;

top:115px;
left:0px;
width:100%;
height:40px;
}

#Cx #iTopTabs div:first-child {
margin-left:15px;
}
#Cx #iTopTabs div:first-child.cTabSelected {
margin-left:5px;
}

#Cx #iTopTabs div {
box-sizing:border-box;
position:relative;
top:0px;
height:40px;
margin:0px;
border:none;
vertical-align:top;
padding:8px 5px 0px 5px;
font-size:1.2307692307692rem;
color:#0066b3;
font-weight:500;
font-weight:400;
}

#Cx #iTopTabs div.cTab {
cursor:pointer;
}

#Cx #iTopTabs div.cTab:hover {
text-decoration:underline;
}


#Cx #iTopTabs div.cTabEnd {
width:14px !important;
padding:0px;
margin:0px;
}

#Cx #iTopTabs div.cTabSelected {
color:#ff6600;
font-weight:400;
padding-left:15px;
}
#Cx #iTopTabs div.cTabEnd + div.cTabSelected {
margin-left:-10px;
}



/*** Lower tab bar ***/


#Cx #iTabs {
box-sizing:border-box;
left:0px;
width:100%;
background: #E7EFF6;
}

#Cx #iTabs div:first-child {
margin-left:15px;
}

#Cx #iTabs div,
#Cx #iTabs a {
box-sizing:border-box;
position:relative;
top:0px;
margin:0px;
border:none;
vertical-align:top;

padding:0px 5px 0px 5px;


font-size:1rem;
color:#ff6600 !important;
text-decoration:none !important;
font-weight:400;
}

#Cx #iTabs .cTab {
cursor:pointer;
}

#Cx #iTabs .cTab:hover {
text-decoration:underline !important;
}

#Cx #iTabs .cTabEnd {
}

#Cx #iTabs .cTabSelected {
color:#ff6600 !important;
font-weight:400;
}

#Cx #iTabs .cTabSelected + .cTabEnd {
}


#Cx #iMainMenu {
overflow: hidden;
display: flex;
justify-content: space-evenly;
align-items: center;
/* max-width:950px; */
position:relative;
background: #E7EFF6;
margin-bottom: 0px;


}


#Cx .cNavList {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}

#Cx .cNavList li {
margin-left: 20px;
padding: 15px;
display: block;
color:#0066b3;
cursor:pointer;
font-size: 16px;
transition: color 0.35s ease;
}
#Cx .cNavList li:hover {
color:#ff6600;
}

#Cx .cHamburgerMenu {
display: none;
cursor: pointer;
margin: 10px;
}

#Cx .cHamburgerMenu .cHmLine {
width: 30px;
height: 3px;
background-color: #ff6600;
margin: 5px;
}

#Cx .cNavList.cNavActive {
display:flex;
z-index:1000;
background-color:#ffffff;
}

#Cx .cNavClose {
display:none;
position:fixed;
top:20px;
right:20px;
font-size: 24px;
cursor: pointer;
padding:0;
line-height:1;
color: #ff6600;
background-color:#fff;
border:0 none;
}

#Cx #iMainMenu li.cTabSelected {
color:#ff6600;
/*font-weight:normal;*/
background:#ffffff;
border-style:solid;
border-color:#ff6600;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

/*** Service-Center ***/


#Cx.csServiceCenter #holder {
background-image:none;
}



/*** Content ***/

#Cx .cInnerRight {
box-sizing:border-box;
text-align:right !important;
width:100% !important;
display:block !important;
}

#Cx .cInnerCenter {
box-sizing:border-box;
text-align:center !important;
width:100% !important;
display:block !important;
}

#Cx .content-box {
background-color:#ffffff;
margin-bottom:20px;
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;

-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
margin-bottom: 1.30769rem;
padding:5px;
width:640px;
margin-top:15px;
margin-bottom:15px;
}


#Cx #iContent {
display:block;
border-style:none;
}
#Cx #iContent h1 {
width:100%;
}


.cPageEventCalendar #iContent,
.cPageEvent #iContent,
#Cx.cPageEventBooked #iContent .cBox .cInnerRight.scInfoCalendar {
position:relative;
text-align: left !important;
left: 0px;
}


/*
.cPageLoginSignoff .cContentIndent
.cPageLoginCommunity .cContentIndent,
.cPageEventSignoff .cContentIndent,
.cPageLoginSignoff .cContentIndent,
.cPageEventSignoffDone .cContentIndent,
.cPageEngageProjectsRegister .cContentIndent,
.cPageCode .cContentIndent,
.cPageEventConditions .cContentIndent,
.cPageEventTicket .cContentIndent
.cPageEventPayswitch .cContentIndent,
.cPageEventTicket .cContentIndent,
.cPageEventInfoStatistics .cContentIndent {
.cPageEventTicket .cContentIndent,
margin: 40px auto 40px auto;

.cPageEventInfoStatistics .cContentIndent,
.cPagePortalapp .cContentIndent {
.cPageEventCalendar .cStartPageCode form #iCode {
width:95%;
}*/



#Cx .cContentIndent {
max-width: 950px;
margin: 40px auto 40px auto;
}

#Cx.cPagePortalappEvents .cContentIndent, #Cx.cPageEventDigital .cContentIndent{
max-width:100%;
}
.cPageEventCalendar .cStartPageCode form button	{
position: relative;
top: 6px;
}
#Cx .cContentIndent {
/*
padding:10px 10px 10px 20px;
margin-right:270px;
margin-left:0px;
border-style:none;
*/
}

#Cx .cContentIndent .cContentIndent {
padding:0px;
margin-right:0px;
border-style:none;
}



#Cx .cBannerImage {
box-sizing:border-box;
margin-left:20px;
border-radius:0px 0px 0px 5px;-ms-border-radius:0px 0px 0px 5px;-webkit-border-radius:0px 0px 0px 5px;-opera-border-radius:0px 0px 0px 5px;-khtml-border-radius:0px 0px 0px 5px;
-moz-box-shadow: -2px 2px 5px rgba(0,0,0,0.4);-webkit-box-shadow: -2px 2px 5px rgba(0,0,0,0.4);box-shadow: -2px 2px 5px rgba(0,0,0,0.4);



width:928px;

max-height: 270px ;
background-size:cover;
background-position:center center;
}

#Cx .cBannerImageSlim {
height:170px;
}

#Cx .cBannerImageFlex {
box-sizing:border-box;
/*
margin-left:20px
border-radius:0px 0px 0px 5px;-ms-border-radius:0px 0px 0px 5px;-webkit-border-radius:0px 0px 0px 5px;-opera-border-radius:0px 0px 0px 5px;-khtml-border-radius:0px 0px 0px 5px;

-moz-box-shadow: -2px 2px 5px rgba(0,0,0,0.4);-webkit-box-shadow: -2px 2px 5px rgba(0,0,0,0.4);box-shadow: -2px 2px 5px rgba(0,0,0,0.4);

width:928px;

*/
max-height: 270px ;
object-fit: cover;
width: 100%;
}


#Cx .cBannerCopyright {
font-size:0.65rem;
font-weight:500;
color:#5a5a5a !important;
text-shadow:0px 0px 2px rgba(255,255,255,0.5);

display:block;
text-align:right;
margin-top:-20px;
position: absolute;
bottom: 0;
right: 35px;
}

#Cx .cSliderCopyright {
font-size:0.65rem;
}
color:#5a5a5a !important;
text-shadow:0px 0px 2px rgba(255,255,255,0.5);

display:block;
text-align:right;
position: absolute;
top: 0;
left: 20px;
}



#Cx #iControl {
box-sizing:border-box;
background-color:#ffffff;
}
#Cx #iControl {
box-sizing:border-box;
background-color:#ffffff;

/*

border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
*/

padding:5px;
width:100%;
margin-top:15px;
margin-bottom:15px;
}
#Cx #iControl .cControlTable {
display:flex;
flex-wrap:nowrap;
}

#Cx #iControl table {
margin:0px;
min-height:50px;
box-sizing:border-box;
width:100%;
}

#Cx #iControl td {
padding:0px;
margin:0px;
}

#Cx #iControl .cControlMid { vertical-align:top; text-align:justify; }
#Cx #iControl .cControlRight { vertical-align:top; text-align:right; }

#Cx #iControl button + button,
#Cx #iControl button + a.button,
#Cx #iControl a.button + a.button,
#Cx #iControl a.button + button {
margin-left:0.5rem;
}
#Cx #iControl .cControlTable.cMobileOnly {
flex-wrap:wrap;
}
#Cx #iControl .cControlTable div {
flex: auto;
}

#Cx .kurse {
width:650px;
}

#Cx #iPayPalButtons {
min-width:225px;
}

#Cx .cPayPalWrapper {
display:flex;
justify-content: space-between;
}

@media screen and (max-width: 800px) {
#Cx .cPayPalWrapper {
flex-direction:column;

}

#Cx .cPayPalWrapper container {

order:1;
margin-bottom:1.5rem;

}

#Cx .cPayPalWrapper button {

order:2;

}
};

#Cx .paymentlist {
margin-left:20px; background-color:#eeeeee; width:480px; padding:5px; font-weight:500; margin-top:5px; margin-bottom:20px;

}
#Cx .paymentlist table {}
#Cx .paymentlist hr { margin-top:15px; margin-bottom:15px; border: solid 1px #555555; }
#Cx .paymentlist td { font-weight:400; padding-left:0px; padding-right:5px; padding-top:0px; padding-bottom:0px; }
#Cx .paymentlist .item { font-weight:500; }
#Cx .paymentlist .right {text-align:right; }
#Cx .paymentlist .sum { width:100px; text-align:right; font-weight:500; padding-left:0px; padding-right:5px; padding-top:0px; padding-bottom:0px; }





/*** Databases / Tables ***/

#Cx .cDBFilter {
display:inline-block;
border-right:2px solid #000000;
padding:2px 10px 2px 0px;
margin-right:10px;
}
#Cx .cDBFilter input, .cDBFilter select {
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
padding:2px;
}



#Cx table.cDatatable th {
background-color:#0066b3; color:#ffffff;
border-bottom:2px solid #0066b3;
cursor:pointer;
}


#Cx table.cDatatable.sDiscreet th {
background-color:#888888; color:#ffffff;
border-bottom:2px solid #888888;
cursor:pointer;
}


#Cx table.cDatatable th a {

}

#Cx table.cDatatable tr:hover,
#Cx table.cDatatable tr.selected,
#Cx table.cDatatable tr.sSelected,
#Cx table.cDatatable tr.csRowSelected {
background-color:rgba(0,102,179,0.25);
}

#Cx table.cDatatable tr:hover > td,
#Cx table.cDatatable tr.selected > td,
#Cx table.cDatatable tr.sSelected > td,
#Cx table.cDatatable tr.csRowSelected > td {
color:#333333;
}

/* Force action buttons to be always visible in frontend mode */
#Cx table.cDatatable tr td button.cActionButton,
#Cx table.cDatatable tr td.action button {
visibility:visible;
}


/* Fix for formats: make sure special formats are still readable when row is hovered */
#Cx table.cDatatable tr:hover .csPoints,
#Cx table.cDatatable tr:hover .csPrice {
color:#ffffff !important;
}




#Cx .cDataTableHolder .csLayer {
background-color:rgba(0,102,179,0.25);
}


/*** Table within table ***/

#Cx table.cDatatable table.cDatatable {
background-color:transparent;
}

#Cx table.cDatatable table.cDatatable th {
background-color:transparent;
color:#333333;
}



#Cx table.cDatatable td {
font-weight:400;
}


/*** Property table ***/

#Cx .cPropertyTable {
empty-cells:show;
border-collapse:collapse;
border-spacing:5px;

border-right:1px solid #888888 !important;
border-bottom:1px solid #888888 !important;
}

#Cx .cPropertyTable .csHeader th {
background-color:#ff6600;
color:#ffffff;
}

#Cx .cPropertyTable > tbody > tr > td,
#Cx .cPropertyTable > tbody > tr > th {
border-top:1px solid #888888 !important;
border-left:1px solid #888888 !important;
padding:0.25rem;
}



/*** Forms ***/

#Cx .FORM_DEFAULT {
/*width:640px !important;*/
}

#Cx .FORM_DEFAULT .cFormInputNoFocus {
font-size: 13px;
}

#Cx .FORM_DEFAULT td h2 {font-size: 1.38rem; border-bottom-color:#ff6600;}
#Cx .FORM_DEFAULT td h3 {font-size: 1.07rem; border-bottom:none; margin-top:5px;margin-bottom:0px;}
#Cx .FORM_DEFAULT td h4 {font-size: 1.07rem; border-bottom:none; margin-top:5px;margin-bottom:0px;}


#Cx .FORM_DEFAULT td hr {border-top:1px #ff6600 solid;border-left:none;border-right:none;border-bottom:none;}

#Cx .FORM_DEFAULT sup {
color:#0066b3;
margin-top:-0.2rem;
vertical-align:middle;
display:inline-block;
}

#Cx .FORM_DEFAULT .cFormInput,
#Cx .FORM_DEFAULT .cFormInputNoFocus {
padding-left:0.1rem;
}

#Cx .FORM_DEFAULT {
transition-property:height;
transition-duration:0.5s;
}



/*** Columns ***/

#Cx .cColumnsFix,
#Cx .cColumnsFlex {
border-spacing:0px;
border-collapse:collapse;
empty-cells:show;
display: flex;
}

#Cx .cColumnsFix .cColumnsRow,
#Cx .cColumnsFlex .cColumnsRow {
display:flex;
}

#Cx .cColumnsFlex .cColumn.cColumnLeft {
padding-right: 2rem;
}

#Cx .cColumnsFix .cColumn,
#Cx .cColumnsFlex .cColumn {
box-sizing:border-box;
border:none;
vertical-align:top;
text-align:left;
margin-right:1rem;
/*display:table-cell !important;*/
}

#Cx .cColumnsCenter .cColumn {
vertical-align:middle !important;
}

#Cx .cColumnsFix .cColumnRight {
padding-left:1rem;
padding-right:0rem;
}




#Cx .cColumnsFix .cColumn {
width:320px;
}

#Cx .cColumnsFlex .cColumn {
width:auto;
}


/*** Columns on mobile: Below each other ***/
@media only screen and (max-width: 949px) {

#Cx .cColumnsFix .cColumnsRow,
#Cx .cColumnsFlex .cColumnsRow {
display:block !important;
}

#Cx .cColumnsFix .cColumnsRow > .cColumn {
display:block !important;
padding:0px !important;
}

}




/* Ticketshop */
#Cx .cTicketShopButtonHolder button {
width: 1.25rem  ;
min-height: 1.25rem  ;
padding: 0  ;
font-size: 1rem  ;
border: none  ;
height: initial  ;
line-height: initial  ;
border-radius: 50%  ;
font-weight: 100  ;
}

#Cx .cTicketShopButtonHolder,
#Cx .cTicketShopQuantityHolder,
#Cx .cTicketShopSinglePriceHolder,
#Cx .cTicketShopPriceHolder {
vertical-align: middle  ;
}

/*** Icon switcher ***/



/*** Idle settings for icon switcher ***/

img.csIconSelected {
display:none;
}

img.csIconUnselected {
display:inline;
}



/*** Switch icons on hover of parent element ***/

div:hover > img.csIconUnselected,
span:hover > img.csIconUnselected,
a:hover > img.csIconUnselected,
p:hover > img.csIconUnselected,
button:hover > img.csIconUnselected,

div:hover > nobr > img.csIconUnselected,
span:hover > nobr > img.csIconUnselected,
a:hover > nobr > img.csIconUnselected,
p:hover > nobr > img.csIconUnselected,
button:hover > nobr > img.csIconUnselected,



div.sSelected > img.csIconUnselected,
span.sSelected > img.csIconUnselected,
a.sSelected > img.csIconUnselected,
p.sSelected > img.csIconUnselected,
button.sSelected > img.csIconUnselected
{
display:none;
}



div:hover > img.csIconSelected,
span:hover > img.csIconSelected,
a:hover > img.csIconSelected,
p:hover > img.csIconSelected,
button:hover > img.csIconSelected,

div:hover > nobr > img.csIconSelected,
span:hover > nobr > img.csIconSelected,
a:hover > nobr > img.csIconSelected,
p:hover > nobr > img.csIconSelected,
button:hover > nobr > img.csIconSelected,

div.sSelected > img.csIconSelected,
span.sSelected > img.csIconSelected,
a.sSelected > img.csIconSelected,
p.sSelected > img.csIconSelected,
button.sSelected > img.csIconSelected
{
display:inline;
}


/*** Disable icon switcher on inactive elements ***/

.csInactive img.csIconSelected {
display:none !important;
}

.csInactive img.csIconUnselected {
display:inline !important;
}






#Cx img.selected {
display:none;
}

#Cx #FILTER_FORM {
font-size:1rem;
}




/*** Box ***/

#Cx .cBox:nth-child(1) {
margin-top:0px;
}

#Cx .cBox {
box-sizing:border-box;
color:#333333;
/*
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
*/
margin-bottom:20px;
padding:0px;
width:100%;
margin-top:15px;
margin-bottom:15px;
border: 0px solid #ffffff;
border-radius: 0px;
background-color: #ffffff;
/**/
}

#Cx .cBox > h2 {
color:#333333 !important;
font-size:1.38rem;
margin-bottom:0px;
padding-left:5px;
background-color:#ffffff;
border-top-left-radius: 0px;
border-top-right-radius: 0px;


}

#Cx h2 a {
text-decoration:none;
}
#Cx h2 a:hover {
text-decoration:underline;
}


#Cx .cBox .cBoxContent {
box-sizing:border-box;

background-color:transparent !important;
/*background-image:url(../../../corveos/modules/portal/gui/elements/back-box.png);*/
color:#333333;

border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;-opera-border-radius:0px 0px 5px 5px;-khtml-border-radius:0px 0px 5px 5px;;
background-repeat:repeat-x;
background-position:top;
margin:0px;
padding:5px;
width:100%;
}
#Cx .cBox .cBoxContent p {
background-color:transparent !important;
color:#333333;
}

#Cx h2.cDisplayNone + .cBoxContent {
padding-top:0px;
}



/* Table with boxes */
#Cx td.cBox {
width:50% !important;
}

#Cx td.cBox .cBoxContent {
width:auto;
padding:10px;
}




#Cx .cBoxless {
width:940px;
margin-bottom:20px;
}

#Cx .cBoxWarn > h2 {
background-color:#F8D8C7;
color:#000000 !important;
}

#Cx .cBoxWarn .cBoxContent {
/*background-image:url(../../../corveos/modules/portal/gui/elements/back-blocked.png); */
background-repeat:repeat-x;
background-position:top;
}


#Cx .cBox > table {
width:650px;
}

#Cx .cBoxContent > div {
display:block;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
}


/*** Payoverview ***/
#Cx.cPageEventPayoverview #iContent {
max-width:950px;
margin: 50px auto 0 auto;
}

/*** Community ***/
#Cx.cPageLoginCommunity #iContent,
#Cx.cPageLoginCommunityBranding #iContent,
#Cx.cPageLoginCommunityProtocol #iContent,
#Cx.cPageEventInfo #iContent {
max-width:950px;
margin: 50px auto 0 auto;
}
#Cx .cCommunityButtons {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}

/*** Events Booked ***/
.cPageEventBooked #iContent {
max-width:950px;
margin:0 auto;
}

#Cx.cPageEventBooked .cEventBookedGreeting {
margin-top:20px;
}
/*** Events Booked Box Layout ***/
#Cx.cPageEventBooked #iContent {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap:2%;
}

#Cx.cPageEventBooked #iContent .cBox {
flex-basis:32%;
align-items:stretch;
position:relative;
}
#Cx.cPageEventBooked #iContent .cBox.csFlex {
flex-basis:100%;
}
#Cx.cPageEventBooked #iContent .cBox .cInnerRight {
width:auto;
position:absolute;
bottom:5px;
right:5px;
}
#Cx.cPageEventBooked #iContent .cBox p:last-of-type, #Cx.cPageEventBooked #iContent .cBox iframe {
margin-bottom:55px;
}

/*** Calendar ***/

#Cx .cCalenderBigTable .cEventInfo, #Cx .cCalenderBigTable .cEventDetailsOuterBox {
margin-top:20px;
width:100%;
}

#Cx .cCalendar {
box-sizing:border-box;
width:100%;
}

#Cx .cCalendar .cDescription {
box-sizing:border-box;
width:100% !important;
}

#Cx.cPageEventCalendar .cSection + .cSection {
margin-top:2rem;
}

#Cx .cCalendar > h2,
#Cx .cCalendar > .cLiveEditBlock > h2 {
color:#0066b3!important;
font-size:2.3rem;
font-weight:400;
font-family: Segoe UI,Arial,sans-serif;
}

#Cx .cCalendarMonth {
cursor:pointer;
}

#Cx .cCalendarMonth img {
cursor:pointer;
vertical-align:baseline;
margin-left:10px;
}

#Cx .csDisclaimer {
color:#5a5a5a;
font-size:0.84rem !important;
}


/*** Calendar table ***/

.cCalendarTable {
border-spacing:0px;
width:100%;
}

.cCalendarTable > tbody > tr > td,
.cCalendarTable > tbody > tr > th {
padding:6px;
}

.cCalendarTable  > tbody > tr > th {
background-color:#ff6600;
color:#ffffff;
font-weight:800;
text-align:left;
}

.cCalendarTable  > tbody > tr > td {
color:#333333;
}

.cCalendarTable  > tbody > tr.csSeperator > td {
background-color:#989898;
color:#333333;
text-align:center;
font-weight:700;
}


.cCalendarTable > tbody > tr:nth-child(odd) > td {
background-color:rgba(0,0,0,0.1);
}

.cCalendarTable > tbody > tr > td {
border-bottom:1px solid rgba(0,0,0,0.2);
}



.cCalendarTable > tbody > tr.csEventOver > td {
background-color:rgb(255,210,210);
}


.cCalendarTable > tbody > tr.csEventOver:nth-child(odd) > td {
background-color:rgb(255,200,200);
}

#Cx .cEventInfo .cDesktopOnly {
position:relative;
}
#Cx .cEventInfo .cDesktopOnly .cEventButton {
right:0;
}




/*** Event specific ***/

#Cx .cEvent h2 {
margin-top:20px;
line-height:100%;
font-size: 1.07em;
font-weight:500;
}

#Cx .cEvent h2:first-child {
margin-top:0px;
}

#Cx .cSubtitle {
width: 100%;
font-size: 1.3rem;
}



#Cx .cBoxHeader {
box-sizing:border-box;
width:100% !important;
border-spacing: 0;
}

#Cx .cBoxHeader td, #Cx .cBoxHeader h3 {
line-height:150%;
text-align:left;
font-size: 1.2em;
font-weight: 500;
vertical-align:middle !important;
margin:0;
padding:0;
color:#333333;
background-color:#ffffff
}

#Cx .cBoxHeader .cEventDay {
width:2.69rem;
text-align:center;
}
#Cx .cBoxHeader .cEventDate {
padding-left:0.38rem;
width:7.69rem;
color:#ff6600;
}

#Cx .cBoxHeader .cEventTitle {
}

#Cx .cBoxHeader .cEventSubTitle {
font-size: 0.92rem !important;
font-weight: 600 !important;
}


#Cx .cEventDescription {
text-align:justify;
}

#Cx .cEventDescription * {
/* why this anymore?? sidebar does not exist in new layout */
/* max-width:640px; */
}


/*** Sign on / Sign off button for event ***/

#Cx .cEventDetailsOuterBox {
text-align:right !important;
}

#Cx .cEventButtonSpacer {
display:inline-block !important;
}

#Cx .cEventButton {
display:inline-block !important;
}






#Cx table.cEventInfo {
box-sizing:border-box;
width:100%;
}


#Cx .cEventFlags {
padding-top:5px;
width:35px;
}

#Cx .cEventFlags .cEventFlagsSpacer {
width:35px;
padding:0px;
margin:0px;
height:1px;
}

#Cx .cEventFlags img {
width:24px;
height:24px;
display:block;
margin-bottom:10px;
}

#Cx img.cEventFlag {
width:24px;
height:24px;
}



#Cx .price {
border:2px solid #ff6600;
border-radius:5px 5px 5px 5px;
background-color:#ff6600aa;
}

#Cx .cEventInfo {
margin-left:0px !important;
padding:0px !important;
}


#Cx .cEventWarnText {
color:#ff6600;
font-weight:700;
margin-bottom:0.5rem;
}

#Cx .cBoxWarn .cEventWarnText {
color:#5a5a5a;
font-weight:400;
}


#Cx .blocked {
border:2px solid #ff6600;
border-radius:5px 5px 5px 5px;
background-color:#ff6600;
color:#ffffff;
font-weight:500;
}





#Cx .cNoReg {
width:125px;
font-weight:700;
text-align:center;
}

#Cx .cNoRegWarn {
width:125px;
font-weight:700;
text-align:center;
color:#ff6600;
background-color:#ffffff;
font-weight:700;
border:2px solid #ff6600;
padding:5px !important;
border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-opera-border-radius:5px 5px 5px 5px;-khtml-border-radius:5px 5px 5px 5px;
}




/*** Info box ***/

#Cx .cEventDetails {
box-sizing:border-box;
padding:0px;
margin:0px;
border-spacing:0px;
width:100%;
}

#Cx .cEventDetails th {
margin:0px;
padding-left:0px;
padding-right:5px;
vertical-align:top;
width:calc(10rem - 35px);
text-align:left;
min-width:20%;
}

#Cx .cEventDetails td {
text-align:left;
}

#Cx .cEventDetails b,
#Cx .cEventDetails strong {
font-weight:700 !important;
}

#Cx .cEventDetails td p {
padding:0px;
margin:0px;
}

#Cx .cEventDetails .cEventDescription td {
font-weight:400;
}

#Cx .cEventDetails .cEventDescription td p {
font-weight:400;
}

#Cx .cEventDetails b
#Cx .cEventDetails b *,
#Cx .cEventDetails strong,
#Cx .cEventDetails strong * {
font-weight:700 !important;
}

#Cx .cEventDetails .cEventDescription th {
font-weight:700;
}



/*** Decide if left or right side of info block is bold ***/

#Cx .cEventDetails th {
font-weight:400;
}

#Cx .cEventDetails td,
#Cx .cEventDetails td p,
#Cx .cEventDetails td p * {
/*font-weight:700;*/
font-weight:700;
}



#Cx .cEventInfo .cEventDescription img {
/* max-width:350px !important; */
max-width:650px;
}

#Cx .cEventDetailsSingle {
width:100%;
/* margin-bottom:3rem; */
}

#Cx .cEventDetailsSingle > tbody > tr > th {
width:130px !important;
}

#Cx .cExpandable {
transition-property:max-height;
transition-duration:1.5s;
max-height:0px;
overflow:hidden;
}




/* Closed event */

#Cx .cEventClosed .cDescriptionExpander {
color:#5a5a5a !important;
font-size: 1.07em;
font-weight:500;
margin-top:0px !important;
}

#Cx .cEventClosed h2 {
color:#5a5a5a !important;
line-height:100%;
font-size: 1.07em;
font-weight:500;
}

#Cx .cEventClosed .cBoxHeader td,
#Cx .cEventClosed .cBoxHeader h2 {
color:#5a5a5a !important;
}



/*** Legend ***/

#Cx .cLegendTable,
#Cx .cLegend
{
width:100%;
}

#Cx .cLegendTable td,
#Cx .cLegend td {
padding-right:1rem;
}

#Cx .cLegendTable img,
#Cx .cLegend img {
vertical-align:top;
margin-right:5px;
width:24px;
height:24px;
}


/*** Start selector ***/
.cPageStart {
/*background-image:url(../../../projects/mittwaldtest/gui/elements/start-selector-logo1.jpg);*/
background-repeat:no-repeat;
background-size:cover;
}

.cPageStart header {
display:none;
}

.cPageStart #iContentArea {
background: transparent;
}

#Cx .cStartSelector {
box-sizing:border-box;
width:100%;
padding:0px;
margin:0px;
position:relative;
min-height:100vh;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
background-image: ;
}
/*
#Cx .cStartSelectorFilled {
background-size:100% 100%;
}
*/
#Cx .cStartSelectorTransparent {
background-image:none !impotant;
}

#Cx .cStartSelector .cStartSelectorImage {
box-sizing:border-box;

position:absolute;
top:22px;
border-radius:5px 0px 0px 5px;-ms-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;-opera-border-radius:5px 0px 0px 5px;-khtml-border-radius:5px 0px 0px 5px;
-moz-box-shadow: -2px 0px 5px rgba(0,0,0,0.4);-webkit-box-shadow: -2px 0px 5px rgba(0,0,0,0.4);box-shadow: -2px 0px 5px rgba(0,0,0,0.4);
}

#Cx .cStartSelector .cChoices {
box-sizing:border-box;
padding:0px;
margin:0 auto;
padding-top:100px;
max-width:950px;margin:0 auto;
padding-top:100px;
max-width:950px;

}

.cStartSelector .cChoices .cChoicesInner .cWelcomeText {
width:100%;
}
.cStartSelector .cChoices .cChoicesInner .cWelcomeText h1 {
background-color: rgba(255, 255, 255, 0.8);
padding: 20px !important;
margin: 0px 5px 20px 5px !important;
color:#ff6600 !important;
}
#Cx.cEmbedded .cStartSelector .cChoices {
left:0px;
}

#Cx .cStartSelector .cLiveEditBlock {
width:100%;
}
#Cx .cStartSelector .cChoicesInner {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}

#Cx .cStartSelector .cChoice,
#Cx .cStartSelector .cChoiceFlex {
position:relative;
border:none; /*1px solid #ff0000;*/
min-height:4rem;
padding:0px 10px 10px 10px;
margin:0px;
background-color:#ff6600;
flex: 1 0 24%;
aspect-ratio: 1;
max-width: calc(20% - 10px);
margin: 5px;
display: flex;
flex-direction: column;
justify-content: flex-end;
cursor: pointer;
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
#Cx .cCalendarsVisible3 .cStartSelector .cChoice,
#Cx .cCalendarsVisible3 .cStartSelector .cChoiceFlex {
max-width: calc(30% - 10px);
flex: 1 0 30%;
}

#Cx .cCalendarsVisible2 .cStartSelector .cChoice,
#Cx .cCalendarsVisible2 .cStartSelector .cChoiceFlex {
max-width: calc(45% - 10px);
flex: 1 0 45%;
max-height:250px;
}

#Cx .cCalendarsVisible1 .cStartSelector .cChoice,
#Cx .cCalendarsVisible1 .cStartSelector .cChoiceFlex {
max-width: 97%;
flex: 1 0 97%;
aspect-ratio: 0;
}

#Cx .cInvitationCode {
background-color:#ff6600;
margin: 50px 0px;
width: 100%;
color:#ffffff !important;
padding:15px;
}
#Cx .cInvitationCode h3, #Cx .cInvitationCode p {
color:#ffffff  !important;
}

#Cx .cStartSelector .cChoiceFlex {
height:auto !important;
}


#Cx .cStartSelectorIcon {
max-width:56px !important;
height:56px !important;
padding:4px !important;
}


#Cx .cStartSelector .cChoice td:first-child {
width:64px !important;
}

#Cx .cStartSelector .cClickable {
transition: all 0.5s ease-in-out;
}

#Cx .cStartSelector .cClickable:hover {
/*transform: translateY(-2px);*/
opacity:0.8;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);

}

#Cx .cClickable {
cursor:pointer;
}

#Cx .cStartSelector .cLarge {
min-height:6.54rem;
}

#Cx .cStartSelector .cLast {
background-image:none;
}

#Cx .cStartSelector .cChoice h1,
#Cx .cStartSelector .cChoiceFlex h1 {
color:#ffffff !important;
line-height:100%;
font-size:1.75rem !important;
padding:0.2rem 0px 0.2rem 0px !important;
margin:0px !important;
}

#Cx .cStartSelector .cChoice h1 *,
#Cx .cStartSelector .cChoiceFlex h1 * {
line-height:100%;
}

#Cx .cStartSelector .cChoice p,
#Cx .cStartSelector .cChoiceFlex p {
color:#ffffff !important;
font-size:0.85rem !important;
text-align:left !important;
padding:0px 30px 0px 0px !important;
margin:0px !important;
line-height:100%;
}
#Cx .cStartSelector .cChoice h3,
#Cx .cStartSelector .cChoiceFlex h3 {
color:#ffffff !important;
}
#Cx .cStartSelector .cChoiceFlex p {
margin-bottom:5px !important;
}
#Cx .cStartSelector .cChoiceFlex div {
margin-top:10px !important;
margin-bottom:5px !important;
}

#Cx .cStartSelector .cChoice button,
#Cx .cStartSelector .cChoiceFlex button,
#Cx .cStartSelector .cChoice a.button,
#Cx .cStartSelector .cChoiceFlex a.button {
display:inline-block;
position:absolute;
top:20px;
right:8px;
width:27px;
height:27px;
font-size:1pt;
background-image:url(../../../corveos/modules/portal/gui/elements/start-selector-go.png);
background-repeat:no-repeat;
background-position:center center;
}

#Cx .cStartSelector button:hover {
text-decoration:none !important;
}

#Cx .cStartSelector a.button {
padding:0px !important;
}





#Cx .cStartSelector .cChoice input,
#Cx .cStartSelector .cChoiceFlex input {
width:240px;height:30px;
margin-top:5px;
}
#Cx .cStartPageCode {
display:flex;
}
#Cx .cStartPageCode form {
margin:0;
width:100%;
}
#Cx .cStartPageCode form input {
width:90%;

}
#Cx .cStartPageCode button {
background-color:transparent;
border: 0 none;
font-size: 28px;
padding:0;
margin-left: 10px;
text-decoration:none;
}

#Cx .cCodeInput {
font-family:Courier New;
font-weight:700;
font-size:2rem;
min-height:2.5rem;
text-transform:uppercase;
}

#Cx .cLargeInput {
/* font-family:Courier New; */
font-weight:700;
font-size:2rem;
min-height:2.5rem;
}


/*** Start Page Slider + Content ***/
#Cx .cStartPageEvents {
background-color:#ff6600;
padding: 60px 0;
}

#Cx .cStartPageSliderContainer, #Cx .cStartPageContent {
margin: 0 auto;
max-width:950px;
}
#Cx .cStartPageContent {
margin-top:50px;
}

#Cx .cStartPageEvents h2 {
color:#ffffff;
margin-bottom:30px;
}
#Cx .cStartPageSliderWrapper {
position: relative;
max-width: 950px;
margin: auto;
}

#Cx .cStartPageSliderContainer {
overflow: hidden;
}

#Cx .cStartPageSlider {
display: flex;
transition: transform 0.5s ease;

}

#Cx .cStartPageSlider .cChoice {
min-width: 100%;
display:flex;
justify-content: space-between;
background:#fff;
}
#Cx .cStartPageSlider .cChoice h3 {
color:#0066b3;
}

#Cx .cStartPageSlideImg {
flex: 0 0 40%;
padding-right: 20px;
}

#Cx .cStartPageSlideImg img{
width: 100%;
height: 100%;
object-fit: cover;
}

#Cx .cStartPageSlideContent {
flex: 0 0 55%;
padding-left: 10px;
padding: 20px;
position:relative;
}
#Cx .cStartPageSlideButton {
position: absolute;
bottom: 20px;
right:40px;
}
#Cx .cStartPageSlideractive {

}

#Cx .cStartPageSliderprev, .cStartPageSlidernext {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
padding: 10px !important;
z-index: 10;
text-decoration: none;
background: none !important;
border: none !important;
transform: scaleX(3) scaleY(14);
text-decoration:none;

}
#Cx .cStartPageSliderprev:hover, .cStartPageSlidernext:hover {
text-decoration:none !important;
}

#Cx .cStartPageSliderprev {
left: -50px;
}

#Cx .cStartPageSlidernext {
right: -50px;
}

#Cx .cStartPageSliderlearn-more {

}

/*** Event info ***/

#Cx .cDescriptionExpander {
font-size: 1.07em;
font-weight:500;
color:#0066b3;
cursor:pointer;
padding:0px !important;
margin-top:10px !important;
margin-left:0px !important;
margin-right:0px !important;
margin-bottom:0px !important;
}



#Cx .cDescription td.cImageCell {
padding-top:5px;
width:140px;
}

#Cx .cImageCopyright {
font-size:0.65em;
font-weight:500;
color:#5a5a5a !important;
}


#Cx .cDescription h1,
#Cx .cDescription h1 * {
line-height:150% !important;
text-align:left;
font-size: 1.38rem !important;
}



#Cx .cEventDescription table ul {
margin:0px;
padding-left:0px;
}

#Cx .cEventDetails table ul {
margin:0px;
padding-left:1rem;
}




#Cx .cSpeakerTable {
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:20px;
border-spacing:0px;
}

#Cx .cSpeakerTable th {
padding:0px 10px 0px 0px;
text-align:left;
vertical-align:top;
font-weight:700;
}

#Cx .cSpeakerTable td {
padding:0px;
text-align:left;
vertical-align:top;
padding-bottom:5px;
}

#Cx .cSpeakerTable i {
display:block;
margin-bottom:5px;
font-weight:400 !important;
}

#Cx .cSpeakerInfo i {
font-weight:400 !important;
}

#Cx .cSpeakerTablePhotos img {
margin-right:1rem;
margin-bottom:2rem;
border-radius:100px;
}

#Cx .cSpeakerTablePhotos .cSpeaker {
font-weight:700;
}
#Cx .cSpeakerTablePhotos td:first-child {
max-width: fit-content;
}

/*** Menu ***/

#Cx #iMenu {
box-sizing:border-box;
width:0px;
float:left;
display:none;
padding:0px;
margin-left:0px;
bottom:0px;
}


/*** Sidebar ***/


#Cx.cSidebarOff .cSidebar,
#Cx.cEmbeddedNoSidebar .cSidebar,
#Cx.cSidebarOff #Sidebar,
#Cx.cEmbeddedNoSidebar #Sidebar {
display:none !important;
}




#Cx.cEmbedded .sStandAloneOnly {
display:none;
}
#Cx.cStandAlone .sEmbeddedOnly {
display:none;
}



#Cx #iSidebarMobile {
display:none;
}

#Cx #iSidebar {
max-width:280px;
display:block;
padding:0px 0px 0px 10px;
margin-top:80px;
}

#Cx #iSidebarSpacer {
border:0px;
padding:0px;
margin:0px;
background-color:transparent;
background-image:none;
width:100%;
height:0px;
box-shadow:none;
visibility:hidden;
}



#Cx.cSidebarOff .cContentIndent,
#Cx.cEmbeddedNoSidebar .cContentIndent {
/* margin-right:20px; This made the layout not being centered if the sidebar is deactivated.
But the sidebar does not exist in the new layout anmyore anyway so i removed it */
}



#Cx #iSidebar .FORM_DEFAULT {
width:250px !important;
}

#Cx .cSidebar nobr {
white-space:normal !important;
}



#Cx .cSidebar .cCodeInput {
font-size:1.45em;
}

#Cx .cSidebar img {
vertical-align:top;
margin-right:5px;
border:none;
max-width:100%;
}

#Cx .cSidebar > div,
#Cx .cSidebar > .cLiveEditBlock > div {
background-color:#ffffff;
margin-bottom:20px;
border-radius:5px 0px 0px 5px;-ms-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;-opera-border-radius:5px 0px 0px 5px;-khtml-border-radius:5px 0px 0px 5px;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px rgba(0,0,0,0.4);


margin-bottom: 20px;
}

#Cx .cSidebar .cContent {
border-radius:0px 0px 0px 5px;-ms-border-radius:0px 0px 0px 5px;-webkit-border-radius:0px 0px 0px 5px;-opera-border-radius:0px 0px 0px 5px;-khtml-border-radius:0px 0px 0px 5px;
background-color:#ffffff !important;
background-image:url(../../../corveos/modules/portal/gui/elements/back-sidebar.png);
background-repeat:repeat-x; background-position:top;
padding:5px;
}

#Cx .cSidebar .cBox {
width:249px;
}
#Cx .cSidebar .cBox .cBoxContent {
width:249px;
}

#Cx .cSidebar h1 {
padding:0px 0px 5px 10px;
color:#5a5a5a !important;
font-size:1.38em;
font-weight:400;
margin:0px;
}

#Cx .cSidebar td, .cSidebar th {color:#5a5a5a;}
#Cx .cSidebar a {color:#5a5a5a !important;}
#Cx .cSidebar p {color:#5a5a5a; font-size:1em; line-height:1.53em;}

#Cx .cSidebar .cContactTable {
border-spacing:0px;
padding:0px;
margin:0px;
}

#Cx .cSidebar .cContactTable th {
width:18px;
text-align:left;
vertical-align:top;
padding:0px;
margin:0px;
}

#Cx .cSidebar .cContactTable th img {
margin:0px;
width:16px;
height:16px;
}

#Cx .cSidebar .cContactTabletd {
text-align:left;
vertical-align:top;
padding:0px;
margin:0px;
}


/*** Contacts ***/
#Cx #iContacts h2 {
font-size: 1.38rem;
border-bottom-color:#ff6600 !important;
}
#Cx #iContactWrapperMulti {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 15px;
}
#Cx #iContactMulti {
display: flex;
flex-grow: 1;
flex-basis: auto;
/* border: 1px solid #888888; */
padding: 5px;
box-sizing: border-box;
}

#Cx #iContactWrapperSingle {
display: none; /* Single contacts are in the footer and this will only be shown in cEmbedded mode */
}
#Cx #iContactSingle {
min-width: auto;
/* border: 1px solid #888888; */
padding: 5px;
box-sizing: border-box;
}


/*** Filter box ***/

#Cx .cFilterBox {
display:flex;
flex-wrap: wrap;
gap:10px;
}
#Cx .cFilterSearch {
width:100px;
}

#Cx .cFilter {


flex: auto;
gap:10px;
}

#Cx .cFilter > label.cFilterLabel {

font-weight:700;
margin-right:0.5rem;

}
#Cx .cFilter  select, #Cx .cFilter  input {
width:100%;
box-sizing: border-box;
}

#Cx .cFilter > button.cFilterReset {
min-width:calc(13rem + 8px);
}

#Cx .cFilter > div input[type=text],
#Cx .cFilter > div input[type=number],
#Cx .cFilter > div input[type=url] {
min-width:calc(13rem - 31px);
}

#Cx .cFilterRadio {
min-width:13rem;
}



/*** Filter in sidebar ***/

#Cx .cSidebar .cFilter {
display:block !important;
}
#Cx .cSidebar b {
display:inline-block;
min-width:70px;
}
#Cx .cSidebar p > b {
display:inline;
min-width:auto;
}
#Cx .cSidebar .cFilter .cFieldWrapper {
margin-bottom:5px;
}
#Cx .cSidebar .cFilter .cFieldWrapper select {
width:140px;
}
#Cx .cSidebar .cFilterSearch {
width:100px !important;
}



/** Fallback for non HTML5 tooltips **/
/** (Missing data-tip and using old Tip function instead) **/

#Cx .cTooltip[data-tip=""] {
position: relative;

background:#eeeeee;
border:1px solid #888888;
}

/*** HTML5 tooltips ***/

#Cx .cTooltip::before {
content: attr(data-tip);
font-size:1em;
font-weight:400;
position:absolute;
z-index: 100;
white-space:nowrap;
bottom:9999px;
left: 50%;
background:#eeeeee;
color:#555555;
padding:2px 5px 5px 5px;
border:1px solid #888888;
border-radius:5px 5px 5px 5px;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
opacity:0;
-webkit-transition:opacity 0.4s ease-out;
-moz-transition:opacity 0.4s ease-out;
-o-transition:opacity 0.4s ease-out;
transition:opacity 0.4s ease-out;
}

#Cx .cTooltip:hover::before	{
opacity: 1;
bottom:-35px;
}


/*** Generic classes / Global styles ***/

#Cx .sWidth10 { width:10rem; }
#Cx .sWidth11 { width:11rem; }
#Cx .sWidth12 { width:12rem; }
#Cx .sWidth13 { width:13rem; }
#Cx .sWidth14 { width:14rem; }
#Cx .sWidth15 { width:15rem; }
#Cx .sWidth16 { width:16rem; }
#Cx .sWidth17 { width:17rem; }
#Cx .sWidth18 { width:18rem; }
#Cx .sWidth19 { width:19rem; }

#Cx .sWidth20 { width:20rem; }
#Cx .sWidth21 { width:21rem; }
#Cx .sWidth22 { width:22rem; }
#Cx .sWidth23 { width:23rem; }
#Cx .sWidth24 { width:24rem; }
#Cx .sWidth25 { width:25rem; }
#Cx .sWidth26 { width:26rem; }
#Cx .sWidth27 { width:27rem; }
#Cx .sWidth28 { width:28rem; }
#Cx .sWidth29 { width:29rem; }


#Cx .sFullWidth {
width:100%;
}


#Cx .sDisplayNone,
#Cx .cDisplayNone {
display:none;
}

#Cx .sBorderless {
border:none !important;
}

#Cx .sRight,
#Cx .sAlignRight {
text-align:right !important;
}
#Cx .sLeft,
#Cx .sAlignLeft {
text-align:left !important;
}

#Cx .sWrappable,
#Cx .sWrappable * {
white-space:normal !important;
}

#Cx .sNoBreak,
#Cx .sNoWrap,
#Cx .sNoBreak *,
#Cx .sNoWrap * {
white-space:nowrap !important;
}

#Cx .sMarginRight1 {
margin-right:1rem;
}
#Cx .sMarginRight2 {
margin-right:1rem;
}


#Cx .sCenter {
text-align:center !important;
}

#Cx .sNoSpacing {
padding:0px !important;
margin:0px !important;
}

#Cx .sDiscreet,
#Cx .cDiscreet,
#Cx a.cDiscreet {
font-size:0.65rem;
color:#5a5a5a !important;
}

#Cx .sCode {
font-family:Courier New;
font-weight:700;
font-size:2em;
display:inline-block;
}

#Cx .sMiddle {
vertical-align:middle !important;
}



/*** Embedded ***/


#Cx.Standalone{
height:100%;
/*height:auto;*/
display:flex;
flex-direction:column;
}

#Cx.cEmbedded {
height:auto;
}

#Cx.cEmbedded2 {
margin-left:-20px;
margin-top:-20px;
margin-bottom:0px;
margin-right:0px;

padding-left:0px;
padding-top:0px;
padding-bottom:0px;
padding-right:20px;
}

#Cx.cEmbedded header,
#Cx.cEmbedded .cStartPageContent {
display:none !important;
}


/**** Event gallery ***/

#Cx .cEventGallery {
width:100%;
}


#Cx .cEventGallery .csItem {
box-sizing:border-box;
width:calc(50% - 20px);
margin-right:20px;
margin-bottom:20px;
display:inline-block;
vertical-align:top;
}

#Cx .cEventGallery .csItem h2 {
padding-left:0px;
font-weight:700;
}

#Cx.cSidebarOff .cEventGallery .csItem,
#Cx.cEmbeddedNoSidebar .cEventGallery .csItem {
width:calc(33% - 20px);
}

@media (max-width:765px) {
#Cx.cSidebarOff .cEventGallery .csItem,
#Cx.cEmbeddedNoSidebar .cEventGallery .csItem {
width:calc(50% - 20px);
}
}

@media (max-width:520px) {
#Cx.cSidebarOff .cEventGallery .csItem,
#Cx.cEmbeddedNoSidebar .cEventGallery .csItem {
width:100%;
}
}



#Cx .cEventGallery .csItem .csImage {
display:inline-block;
/* width:100%;
height:200px; */
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}



/**** Size images 3:2 = 66% ***/
#Cx .cEventGallery .csItem .csImageHolder {
position: relative;
width: 100%;
padding-bottom: 66%;
}

#Cx .cEventGallery .csItem .csImage {
position: absolute;
width: 100%;
height: 100%;
}



#Cx .cEventGallery .csSupportBar {
width:100%;
}

#Cx .cEventGallery .csSupportBar div {
box-sizing:border-box;
display:inline-block;
height:2.7rem;
padding:6px;
width:100%;
border:1px solid #ff6600;
text-align:center;
background-position:0px 0px;
background-size:50% 100%; /* Must be set in code later */
background-repeat:no-repeat;
background-image:url(../gui/elements/flat/start-choices.png);
color:#000000;
text-shadow:
-1px -1px 0px #ffffff,
0px -1px 0px #ffffff,
1px -1px 0px #ffffff,
-1px 0px 0px #ffffff,
1px 0px 0px #ffffff,
-1px 1px 0px #ffffff,
0px 1px 0px #ffffff,
1px 1px 0px #ffffff;
}





/*** Embedded ***/

#Cx.cStandAlone {
height:100%;
/*height:auto;
position:relative;
padding-bottom:200px;
*/
display:flex;
flex-direction: column;
}

#Cx.cEmbedded2 {
margin-left:-20px;
margin-top:-20px;
margin-bottom:0px;
margin-right:0px;

padding-left:0px;
padding-top:0px;
padding-bottom:0px;
padding-right:20px;
}



#Cx.cEmbedded {
height:auto;
padding-bottom: 5px;
}


#Cx.cEmbedded #holder {
width:100%;
background-image:none;
background-color:#ffffff;
}


#Cx.cEmbedded #iFrame {
width:100%;
max-width:950px;
background-image:none !important;
}


#Cx.cEmbedded #iFrameLeft {
display:none;
}

#Cx.cEmbedded #iFrameRight {
display:none;
}

#Cx.cEmbedded #iHeader {
display:none;
}

#Cx.cEmbedded footer {
display:none;
}



#Cx.cEmbedded #iContactSingle {
display: block;
}


#Cx.cEmbedded .cBannerImage,
#Cx.cEmbedded .cBannerImageFlex,
#Cx.cEmbedded .paymentlist
{
margin-left:3px !important;
margin-right:0px !important;
}

#Cx.cEmbedded .cContentIndent
{
padding-left:3px !important;
}





#Cx.cEmbeddedNoSidebar .cBannerImage,
#Cx.cEmbeddedNoSidebar .cBannerImageFlex,
#Cx.cEmbeddedNoSidebar .paymentlist
{
width:calc(100% - 3px) !important;
}

#Cx.cEmbeddedNoSidebar .cContentIndent
{
width:calc(100% - 3px) !important;
}





#Cx.cEmbedded .cSidebar > div,
#Cx.cEmbedded .cSidebar > .cLiveEditBlock > div {

border-right:1px solid rgba(0,0,0,0.2);

}


/*** TinyMCE ***/

.mce-ico {
font-family: 'tinymce',Arial !important;
}


/*** new flat UI ***/



/*** Media Queries New Layout ***/

/* Switch to mobile layout (including also: portal-mobile.css!) */

@media only screen and (max-width: 949px) {
#Cx .cCalendarsVisible3 .cStartSelector .cChoice,
#Cx .cCalendarsVisible3 .cStartSelector .cChoiceFlex,
#Cx .cCalendarsVisible2 .cStartSelector .cChoice,
#Cx .cCalendarsVisible2 .cStartSelector .cChoiceFlex,
#Cx .cCalendarsVisible1 .cStartSelector .cChoice,
#Cx .cCalendarsVisible1 .cStartSelector .cChoiceFlex {
max-width: 100%;
flex: auto;
aspect-ratio: 0;
width:100%;
}
#Cx .cStartSelector .cChoices {
margin-left: auto !important;
width:100% !important;
}
.cPageEventCalendar .cStartPageCode form #iCode {
width:90%;
}
#Cx.cPageEventBooked #iContent .cBox {
flex-basis:100%;
}
}


/*** Switch off menu, activate hamburger ***/
@media only screen and (max-width: 949px) {

#Cx #iMainMenu {
background:transparent;
}
#Cx .cNavList {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
flex-direction: column;
align-items: center;
justify-content: center;
display: flex;
text-align: center;
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease;
}
#Cx .cNavList.cNavActive {

max-height: 100vh;
}
#Cx .cNavList li {
margin: 20px 0;
}

/* Move menu to the top, to position hamburger there */
#Cx #iMainMenu {
position:absolute;
top:0px;
width:100vw;
background-color:transparent;
justify-content: right;
}
#Cx .cHamburgerMenu {
display: block;
}
.cNavActive + .cNavClose {
display:block !important;
z-index:1001;
}
#Cx #iMainMenu li.cTabSelected {
border:0 none;
}

}

/*** Switch from table form layout to label and input in two rows */
@media only screen and (max-width: 768px) {
#Cx #iContent {
padding:20px;
}
#Cx #iFooterInner {
flex-direction: column;
margin: initial;
}
#Cx .cStartSelector .cChoice,
#Cx .cStartSelector .cChoiceFlex {
max-width:100%;
flex:auto;
aspect-ratio:0;
width:100%;
}
#Cx .cStartSelector .cChoices {
margin-left: auto !important;
width:100% !important;
}
#Cx .cStartPageSliderWrapper {
max-width: calc(100vw - 20px);
}
.cStartPageSliderprev, .cStartPageSlidernext {
top: 100% !important;
transform: scaleX(3) scaleY(4) !important;
}
#Cx .cStartPageSlider .cChoice {
flex-direction: column;
}
#Cx .cStartPageSlideImg {
padding-right:0;
max-height:400px;
}
#Cx .cStartPageSliderprev {
left: 30%;
}
#Cx .cStartPageSlidernext {
right: 30%;
}
#Cx .cCalendarTiles {
grid-template-columns: auto !important;
gap:25px;
}
#Cx .cEventTile {
margin-bottom:15px;
}
.cPageEventCalendar .cStartPageCode form #iCode {
width:85%;
}


#Cx #iFooterInner .cFooterRow.cFooterRowLast {
text-align:left;
}
#Cx #iFooterInner div {
width:100%;
padding:20px 0 15px 10px;
box-sizing: border-box;
}
#Cx.cPageEventBooked #iContent .cBox {
flex-basis:100%;
}
#Cx .cEventInfoDual div {
flex: auto;
}



/*** Startpage ***/

#Cx .cCalendarsVisible3 .cStartSelector .cChoice,
#Cx .cCalendarsVisible3 .cStartSelector .cChoiceFlex,
#Cx .cCalendarsVisible2 .cStartSelector .cChoice,
#Cx .cCalendarsVisible2 .cStartSelector .cChoiceFlex,
#Cx .cCalendarsVisible1 .cStartSelector .cChoice,
#Cx .cCalendarsVisible1 .cStartSelector .cChoiceFlex {
max-width: 100%;
flex: auto;
aspect-ratio: 0;
}

/*** Label und Input untereinander ***/
#Cx .FORM_DEFAULT tr.cFieldHidden {
display:none !important;
}
#Cx .FORM_DEFAULT tr {
/*** display:flex !important; dont flex on that tr! ***/
flex-direction:column !important;
}
#Cx .FORM_DEFAULT td {
width:auto !important;
}
#Cx .FORM_DEFAULT colgroup {
display:none !important;
}
#Cx .FORM_DEFAULT .cFormControlWrapper tr, #Cx .FORM_DEFAULT .cFormOptionList tr {
flex-direction:row !important;
}
#Cx .FORM_DEFAULT .cFormOptionList {
width:100%;
}
#Cx .FORM_DEFAULT .cFormOptionList tr {
margin-bottom:8px;
}
#Cx .FORM_DEFAULT .FORM_SCALE tr {
display:table-row !important;
}

#Cx .FORM_DEFAULT .cFormControlWrapper td {
width:auto !important;
}
#Cx .FORM_DEFAULT .cFormControlWrapper td:first-child, #Cx .FORM_DEFAULT .cFormControlWrapper td:last-child  {
width:auto !important;
}
#Cx .FORM_DEFAULT tr[data-fieldtype="CHECKBOX"] {
flex-direction:row-reverse !important;
}
#Cx .FORM_DEFAULT tr[data-fieldtype="CHECKBOX"] td, #Cx .FORM_DEFAULT tr[data-fieldtype="CHECKBOX"] th {
flex:fit-content;
}
.cPageEventCalendar .cBox.cEvent .cEventDetailsOuterBox tr {
display:flex;
flex-direction:column;
}
.cPageEventCalendar .cBox.cEvent .cEventDetailsOuterBox tr th,
.cPageEventCalendar .cBox.cEvent .cEventDetailsOuterBox tr td {
width:auto !important;
}
.cPageEventCalendar .cBox.cEvent .cEventDetailsOuterBox tr th {
margin-top:5px important;
}

/*** Semi-fix werid checkbox behaviour */
/* See: "Ich komme in Begleitung */
.cFormOptionList .csCheckboxWrapperCell {
text-align:right;
}


}

/* Make event-info into rows on small screen */
@media (max-width:520px) {

#Cx .event-box > .cBox > * {
padding-left:0px !important;
}

#Cx .cBoxContent.event-info {
display:block;
padding:0px;
}
#Cx .cBoxContent.event-info tr,
#Cx .cBoxContent.event-info th,
#Cx .cBoxContent.event-info td {
display:block;
}

#Cx .cBoxContent.event-info td {
margin-bottom:1rem;
}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
/* Regeln für kleine Laptops */
}