@import "fa.css";

@font-face {
    font-family: 'Helvetica Neue';
    src: url("fonts/HelveticaNeueW01-65Medium.eot");
    /* IE9 Compat Modes */
    src: url("fonts/HelveticaNeueW01-65Medium.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueW01-65Medium.woff2") format("woff2"), url("fonts/HelveticaNeueW01-65Medium.woff") format("woff"), url("fonts/HelveticaNeueW01-65Medium.ttf") format("truetype");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Helvetica Neue Thin';
    src: url("fonts/HelveticaNeue35Thin.eot");
    /* IE9 Compat Modes */
    src: url("fonts/HelveticaNeue35Thin.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue35Thin.woff2") format("woff2"), url("fonts/HelveticaNeue35Thin.woff") format("woff"), url("fonts/HelveticaNeue35Thin.ttf") format("truetype");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url("fonts/HelveticaneueW01-45Light.eot");
    /* IE9 Compat Modes */
    src: url("fonts/HelveticaneueW01-45Light.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaneueW01-45Light.woff2") format("woff2"), url("fonts/HelveticaneueW01-45Light.woff") format("woff"), url("fonts/HelveticaneueW01-45Light.ttf") format("truetype");
    /* Legacy iOS */
}

@font-face {
    font-family: 'CLAAS Cultiva';
    src: url("fonts/CLAASCultiva-Light.otf");
    /* IE9 Compat Modes */
    src: url("fonts/CLAASCultiva-Light.ttf") format("truetype");
    /* Legacy iOS */
}

@font-face {
    font-family: 'CLAAS Cultiva Medium';
    src: url("fonts/CLAASCultiva-Medium.otf");
    /* IE9 Compat Modes */
    src: url("fonts/CLAASCultiva-Medium.ttf") format("truetype");
    /* Legacy iOS */
}

@font-face {
    font-family: 'CLAAS Cultiva Regular';
    src: url("fonts/CLAASCultiva-Regular.otf");
    /* IE9 Compat Modes */
    src: url("fonts/CLAASCultiva-Regular.ttf") format("truetype");
    /* Legacy iOS */
}

@font-face {
    font-family: 'CLAAS Cultiva Bold';
    src: url("fonts/CLAASCultiva-Bold.otf");
    /* IE9 Compat Modes */
    src: url("fonts/CLAASNeueHelvetica45Light_normal_normal.ttf") format("truetype");
    /* Legacy iOS */
}

html {
    font-size: 1rem;
}

body {
    margin: 0 auto;
    transition: all 5s linear;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

* {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.87);
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    font-family: "CLAAS Cultiva Medium", Helvetica Neue;
    /*'HelveticaNeueW01-45Ligh', arial*/
}

strong,
strong * {
    font-weight: 600;
}

.separator {
    border-bottom: #B3C618 2px solid;
    width: 230px;
    margin: 40px 0;
}

.noLogin .header_content {
    font-family: "CLAAS Cultiva Thin", "Helvetica Neue Thin", Arial, Helvetica, sans-serif;
    font-size: 60px;
    font-weight: bolder;
    width: 585px;
    line-height: 1.2em;
    margin: 0;
}

.noLogin .text_green {
    color: #778410;
    font-size: 20px;
    line-height: 22px;
    margin: 25px 0;
}

.noLogin p:nth-child(4) {
    width: 600px;
    margin: 0 0 70px 0;
}

/* begin text style */
h1 {
    font-weight: 400;
    font-size: 32px;
    line-height: 125%;
    margin: 0.4286em 0 0;
    letter-spacing: 0.0075em;
}

h2 {
    font-weight: 400;
    font-size: 28px;
    line-height: 128.57%;
    margin: 0.6em 0 0 0;
    letter-spacing: 0.0089em;
}

h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 133.3%;
    margin: 0 0 0.8571em 0;
}

h4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    margin: 1.125em 0 0 0;
}

h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    margin: 1.2857em 0 0 0;
}

h6 {
    font-weight: normal;
    font-size: 100%;
    line-height: 1.5em;
    margin: 1.5em 0 0 0;
    letter-spacing: 0.0084em;
}

p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0;
}

ul,
ol,
dl {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.5em 0 0 1em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

ul ul {
    list-style-type: circle;
    margin-top: 0;
}

ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
}

ol ul {
    list-style-type: circle;
    margin-top: 0;
}

li {
    font-size: 1em;
    line-height: 1.5em;
    margin-left: 0.8em;
}

dd {
    margin: 0 0 1.5em 0.8em;
}

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

    * {
        font-size: 16px;
    }

    h1 {
        font-size: 27px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }
}


/* end text style */

#header_content,
#left_content,
#middle_content,
#footer_content {
    /*max-width: 80rem;*/
    margin: 0 auto;
    /*padding-right: 3rem;*/
    /*padding-left: 3rem;*/
}

/* begin keep footer at bottom of the page */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#page_margins {
    box-sizing: border-box;
    /*min-height: 100%;*/
    position: relative;
    max-width: 1600px;
    background-color: #ffffff;
}

#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

/* end keep footer at bottom of the page */

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: #778410;
    border-bottom: none;
}

/* begin navigation general */
#navigation_1 ul, #navigation_2 ul, #navigation_3 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation_1 a, #navigation_2 a, #navigation_3 a {
    border-bottom: none;
    display: block;
}

#navigation_1 a:hover, #navigation_2 a:hover, #navigation_3 a:hover {
    text-decoration: underline;
}

/* end navigation general */

#left {
    display: none;
}

#header_lang {
    /*display: none;*/
}

.login #middle {
    margin-left: 304px;
    border-left: 1px solid #e0e0e0;
}

#middle {
    margin-left: 0;
}

#middle_content {
    padding-bottom: 1.25rem;
    overflow: hidden;
}

/* begin header */
#header {
    background: #ffffff;
    height: 56px;
    border-bottom: 1px solid #E0E0E0;
}

#header_content > a {
    border-bottom: none;
}

#logo {
    display: none;
}

#portallogo_header {
    display: inline-block;
    float: left;
    height: 55px;
    width: auto;
    padding: 19px 20px 17px 0;
    margin-left: 80px;
}


#header_event_title {
    display: inline-block;
    line-height: 24px;
    padding: 16px 0 15px 0;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

/* begin navigation left */
.login #header_content #header_event_date {
    position: relative;
}

.login #header_content #header_event_date {
    content: " ";
    background: url("img/hamburger.png") no-repeat center center;
    width: 16px;
    height: 12px;
    cursor: pointer;
    text-indent: 100000px;
    color: transparent;
    display: inline-block;
    float: left;
    padding: 28px 26px 27px 26px;
    overflow: hidden;
    margin: 0;
}

#navigation_1 ul li {
    margin: 6px 0;
    line-height: unset;
}

#navigation_1 ul li a {
    padding: 11px 11px 11px 50px;
    border-radius: 4px;
    line-height: 20px;

}

#navigation_1 ul li a {
    background: url("img/crop_din.png") no-repeat;
    background-position: left 12px top 12px;
}

#navigation_1 ul li a span {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
}

.icon_privacy:hover,
.linkActive .icon_privacy,
.icon_imprint:hover,
.linkActive .icon_imprint,
.icon_register:hover,
.linkActive .icon_register,
.icon_home:hover,
.linkActive .icon_home,
.icon_logout:hover,
.linkActive .icon_logout,
.icon_mydata:hover,
.linkActive .icon_mydata,
.icon_record:hover,
.linkActive .icon_record,
.icon_info:hover,
.linkActive .icon_info,
.icon_location:hover,
.linkActive .icon_location,
.icon_agenda:hover,
.linkActive .icon_agenda,
.icon_hotel:hover,
.linkActive .icon_hotel,
.icon_briefing:hover,
.linkActive .icon_briefing,
.icon_waschzettel:hover,
.linkActive .icon_waschzettel,
.icon_ticket:hover,
.linkActive .icon_ticket,
.Icon_product_highlights:hover,
.linkActive .Icon_product_highlights {
    background-color: #B3C618 !important;
    text-decoration: none !important;
}

#navigation_1 ul li a:hover span {
    color: #202020;
}


/* end navigation left */

#navigation_3 {
    display: inline-block;
    padding-top: 16px;
}

#navigation_3 ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

#navigation_3 ul li a {
    line-height: 1.5rem;
    padding: 0 0.5em;
}

/* end header */

/* begin key visual */
.login #left {
    display: inline-block;
    width: 304px;
    padding: 6px;
}

.noLogin #sandwichHead {
    display: none;
}

.event_index_index.noLogin .text_home {
    float: left;
    width: 50%;
    padding: 0 80px;
}

.event_index_index.noLogin #portallogo_content_top2 {
    /*width: calc(50% - 48px);*/
    width: 50%;
    /*margin-left: 24px;*/
    /*margin-right: 24px;*/
    display: inline-block;
    float: right;
    object-fit: cover;
    object-position: top;
    margin-top: 0px;
    /*padding-top: 16px;*/
    /*padding-bottom: 16px;*/
    height: 889px;
}

@media (min-width: 1600px) {

}

/* end key visual */

#main #middle {
    transition: 0.5s linear width;
}

#main.close #middle {
    margin-left: 56px;
}

#main.close #left {
    width: 56px;
}

#main.close #left #navigation_1 ul li a {
    padding: 0;
    width: 42px;
    height: 43px;
    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* begin field layout */
input[type="password"], input[type="text"], input[type="submit"], textarea, select,
.regItem .regField span.readOnly {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 8px;
    line-height: 143%;
    font-size: 14px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    max-width: 300px;
    -webkit-appearance: none;
}

.regItem .regField span.readOnly div {
    font-size: 14px;
}

.regItem.type13 .regField {
    max-width: 300px;
}

.noLogin .button {
    background-color: #B3C618;
    height: 36px;
    padding: 5px;
    cursor: pointer;
}

#back {
    color: #888888;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    border: none;
    border-radius: 4px;
    padding: 6px 16px 6px 16px;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #e5e5e5;
}

#mailLink {
    position: absolute;
    width: 601px;
    padding-top: 120px;
}

#next {
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    border: none;
    background: #B3C618;
    border-radius: 4px;
    padding: 6px 16px 6px 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.regItem .regField span.readOnly {
    display: inline-block;
    color: #b5b5b5;
    min-height: 54px;
}

/* Type Date */
.regField.type12 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.regField.type12 select.day {
    /*order: 1;*/
    max-width: 60px;
    flex-basis: 5rem;
    flex-shrink: 0;
    margin-right: 0.625rem
}

.regField.type12 select.month {
    /*order: 2;*/
    max-width: 115px;
    flex-grow: 1;
    margin-right: 0.625rem
}

.regField.type12 select.year {
    /*order: 3;*/
    max-width: 78px;
    flex-basis: 90px;
    flex-shrink: 0;
    margin-right: 0.625rem
}

.regField.type12 input.datePicker {
    /*order: 4;*/
    flex-basis: 16px;
}

.regField.type12 span.month,
.regField.type12 span.day,
.regField.type12 span.year,
.regField.type12 select:disabled {
    padding: 16px 8px;
    line-height: 143%;
    font-size: 14px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    color: #b5b5b5;
    min-height: 54px;
    margin-right: 10px;
}

/* Type Phone */
.regField.type15 select {
    order: 1;
    flex-basis: 5rem;
    flex-shrink: 0;
}

.regField.type15 span.phoneCountryCodeZero {
    order: 2;
    flex-basis: 1.875rem;
    flex-shrink: 0;
    text-align: center;
}

.regField.type15 input[type="text"] {
    order: 3;
    flex-grow: 1;
}

/* Type Field*/
.regField.type14 input[type="text"],
.regField.type2 input[type="text"] {
    order: 1;
    flex-grow: 1;
}

/* Type Radio / Checkbox*/
input[type="checkbox"],
input[type="radio"] {
    margin: 0 10px 0 0;
}

.regField.type5 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.regField.type5 br, .regField.type6 label br {
    display: none;
}

.regItem.type5,
.regItem.type6 {
    flex-wrap: wrap;
}

.regItem.type5 > .regText,
.regItem.type6 > .regText {
    /*flex: 0 0 100%;*/
}

.regItem.type5 > .regField.type5,
.regItem.type6 > .regField.type6 {
    flex-direction: column;
}

.regItem.type5 > .regField.type5 > label,
.regItem.type6 > .regField.type6 > label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 14px;
    cursor: pointer;
    line-height: 24px;
    font-size: 16px;
}

.regItem.type6 .regField label .regPostLabel {
    cursor: pointer;
    line-height: 24px;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 2px;
}

.regItem.type6.multiItemsBlock,
.regItem.type5.multiItemsBlock {
    display: block;
}

.regItem.type6.multiItemsBlock .regLabel,
.regItem.type5.multiItemsBlock .regLabel {
    width: 9.375rem;
    float: left;
}

.regItem.type6.multiItemsBlock .regField.type6 > label {
    margin-bottom: 0;
}

.regItem.type6.multiItemsBlock label label,
.regItem.type5.multiItemsBlock label label {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}

.regItem.type6.multiItemsBlock label label input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
}

/* begin hover circle checkbox */
.regItem.type6 > .regField.type6 > label {
    padding-left: 10px;

}

.regItem.type6 > .regField.type6 > label {
    overflow: visible;
    position: relative;
}

/*.regItem.type6 > .regField.type6 > label::before {
    display: none;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #e5e5e5;
    top: -10px;
    left: 0;
    opacity: 0.5;
    border-radius: 20px;
}*/

.checkboxHover {
    display: block;
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #e5e5e5;
    top: -8px;
    left: -8px;
    opacity: 0.5;
    border-radius: 20px;
}

.checkboxProgramHover {
    display: block;
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #e5e5e5;
    top: -5px;
    left: 2px;
    opacity: 0.5;
    border-radius: 20px;
}

.regItem.type6 > .regField.type6 > label:hover::before {
    display: block;
    transition: 0.1s linear all;
}

.regItem.type6 > .regField.type6 > label.active::before {
    background-color: grey !important;
}

/* end hover circle checkbox */

.regPostLabel {
    margin-bottom: 10px;
}

/* end field layout */

/* begin infoIcon */
a.infoIconContainer, a.infoIconContainer:hover,
a.infoIconContainer:link, a.infoIconContainer:visited {
    border-bottom: none;
}

.infoIconContainer .infoIcon {
    display: none;

}

/* end infoIcon */

/* begin type special */
.regRow .regItem.type18 {
    display: block;
}

.regRow .regItem.type18 .regLabel.type18,
.regRow .regItem.type18 .regText.type18,
.regRow .regItem.type18 .regField.type18 {
    width: 100%;
}

.regRow .regItem.type18 .regField.type18 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* end type special */

/* Begin Style Checkbox / Radio */
input[type="radio"] {
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 2px solid #6b6b6b;
    padding: 7px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 2px;
    background: #B3C618;
    text-shadow: none;
    left: 2px;
    font-size: 32px;
}

input[type="radio"]:checked {
    background-color: #ffffff;
    color: #B3C618;
    border: 2px solid #B3C618;
}

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 2px solid #6b6b6b;
    padding: 8px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color: #B3C618;
    border: 2px solid #B3C618;
}

input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -4px;
    left: 3px;
    color: #ffffff;
    /*content: '';*/
    /*font-size: 14px;*/
    /*position: absolute;*/
    /*top: 1px;*/
    /*left: 1px;*/
    /*color: #000000;*/
    /*background: url(img/x_mark.png) no-repeat center center;*/
    /*width: 16px;*/
    /*height: 16px;*/
}

input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled + span
input[type="radio"]:disabled,
input[type="radio"]:disabled + span {
    color: #cccccc;
}

/* End Style Checkbox / Radio */

/* Type Time */
.regField.type13 .hour {
    order: 1;
    margin-right: 0.3125rem;
}

.regField.type13 .minute {
    order: 2;
    margin-left: 0.3125rem;
}

/* begin Buttons */
.regButtons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 40px;
}

.regBtnBack, .regButtons .regBtnNext, .regBtnSave {
    width: 50%;
    box-sizing: border-box;
    float: none;
}

#next:hover {
    background-color: rgb(168 185 31);
}

.regButtons .regBtnBack {
    padding-right: 1.25rem;
    order: 1;
}

.regButtons .regBtnNext, .regBtnSave {
    padding-left: 1.25rem;
    order: 2;
}

.regButtons > div:only-child {
    padding-left: 0;
    padding-right: 1.125rem;
}

#cookieNotification {
    display: none;
}

.regButtons .regBtnBack input[type="submit"],
.regButtons .regBtnNext input[type="submit"],
.regButtons .regBtnSave input[type="submit"] {
    float: right;
    padding: 6px 16px;
    display: inline-block;
    width: auto;
    font-size: 1rem;
}

.regButtons .regBtnNext input[type="submit"],
.regButtons .regBtnSave input[type="submit"] {
    float: left;
}

.regButtons > div:only-child input[type="submit"] {
    float: right;
}


/*end Buttons*/
#middle {
    background-color: #F5F5F5;
}

#middle_content {
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
}

.regHeadline {
    display: none;
    width: 880px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    padding-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
}

.login #middle_content .text_home,
.registerForm {
    width: 880px;
    max-width: calc(100vw - 20px);
    background: #FFFFFF;
    border-radius: 4px;
    margin: 0 auto;
    padding: 24px;
    display: block;
}

@media (max-width: 1280px) {
    .login #middle_content .text_home,
    .login .registerForm {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .login #header_content #header_event_date {
        /*display: none;*/
    }

    .login #portallogo_header {
        padding-left: 0;
    }

    .login #main #left {
        width: 56px;
    }

    #main.close #left {
        width: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .login #main #left #navigation_1 ul li a {
        padding: 0;
        width: 42px;
        height: 43px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    .login #main #middle {
        margin-left: 56px;
    }

    .login #main.close #middle {
        margin-left: 0;
    }

    .noLogin p:nth-child(4) {
        width: 600px;
        margin: 0 0 35px 0;
    }
}

/* begin login */
.noLogin #middle {
    background: none;
}

.noLogin #middle_content {
    padding: 0;
}

.noLogin {
    /*background: linear-gradient(to right, transparent 50%, #E0E0E0 50%);*/
    background-color: #E0E0E0;
}


.green_line {
    width: 200px;
    border-bottom: 2px solid #B3C618;
    height: 42px;
}

.claas_green {
    color: #778410;
}

h3.claas_green {
    font-family: "CLAAS Cultiva Medium", Helvetica Neue;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
}

.login_header {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
}

.tkm2022 {
    font-family: "CLAAS Cultiva Medium", Helvetica Neue;
    font-size: 55px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: left;
}

.noLogin #navigation_1,
.noLogin #navigation_3 {
    display: none;
}


.loginForm,
#loginError {
    width: 50%;
    float: left;
    padding: 0 80px;
}

#voucherError {
    margin-left: 80px;
    color: #F44336;
    padding-bottom: 1.5rem;
}

.text_home .loginForm,
.text_home #loginError {
    float: none;
    padding: 0;
    padding-bottom: 24px;
}

.loginContainer {
    max-width: 352px;
    margin: 0;
}


.loginRow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.loginLabel {
    order: 1;
    flex-basis: 9.375rem;
    flex-shrink: 0;
    margin-bottom: 1.25rem;
}

.codeField,
.loginField {
    order: 2;
    flex-grow: 1;
    margin-bottom: 40px;
}


.loginDelimiter {
    display: none;
}


.loginRow {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.vouchercode form .label,
.loginLabel {
    pointer-events: none;
    flex-basis: unset;
    margin-bottom: 0;
    position: absolute;
    top: 13px;
    left: 5px;
    background: #ffffff;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 14px;
    line-height: 20px;
    transition: 0.2s linear all;
}

.vouchercode form {
    position: relative;
}

.vouchercode form.notEmpty .label,
.vouchercode form.focused .label,
.notEmpty .loginLabel,
.focused .loginLabel {
    top: -9px;
    left: 12px;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 10.5px;
    line-height: 12px;
}

.vouchercode form .label {
    top: unset !important;
    bottom: 90px;
}

.vouchercode form.notEmpty .label,
.vouchercode form.focused .label {
    top: unset !important;
    bottom: 120px;
}

@media (max-width: 1550px) {
    #mailLink {
        padding: 40px 0 0 0;
    }
}

@media (max-width: 1440px) {
    .event_index_index.noLogin .text_home,
    .loginForm,
    #loginError {
        padding: 0 40px;
    }

    #portallogo_header {
        margin-left: 40px;
    }

}

@media (max-width: 1245px) {
    .event_index_index.noLogin #portallogo_content_top2 {
        /*width: 40%;*/
        /*margin-top: 150px;*/
    }
}

@media (max-width: 1024px) {
    .event_index_index.noLogin .text_home,
    .loginForm,
    #loginError,
    .event_index_index.noLogin #portallogo_content_top2 {
        width: 100%;
        display: block;
        float: none;
        margin: unset;
    }

    .event_index_index.noLogin #portallogo_content_top2 {
        max-height: 30vh;
        object-fit: cover;
        object-position: center;
        /*padding: 16px 24px;*/
        /*background-color: #E0E0E0;*/
    }

    .event_index_index.noLogin {
        background: none;
    }
}

@media (max-width: 920px) {
    .event_index_index.noLogin #header_content,
    .event_index_index.noLogin #left_content,
    .event_index_index.noLogin #middle_content,
    .event_index_index.noLogin #footer_content {
        /*padding-right: 0;*/
        /*padding-left: 0;*/
    }
}


@media (max-width: 768px) {
    .loginContainer,
    #loginError {
        width: 100%;
    }

    #header_event_title {
        display: none;
    }

    .event_index_index.noLogin .text_home,
    .loginForm,
    #loginError {
        padding: 0 20px;
    }

    .event_index_index.noLogin .tkm2022 {
        font-size: 40px;
        line-height: 48px;
    }

    .event_index_index.noLogin #sandwichHead {
        display: none;
    }

    #portallogo_header {
        margin-left: 20px;
    }
}

/* end login */

/* begin pw forgotten */
#passwordForgotten_form {
    width: 31.25rem;
    margin: 0 auto;
}

#passwordForgotten_form table {
    width: 100%;
}

@media (max-width: 768px) {
    #passwordForgotten_form {
        width: 100%;
    }
}

@media (max-width: 920px) {
    #passwordForgotten_form table tr {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 16px;
        width: 100%;
    }

    #passwordForgotten_form td.label {
        order: 1;
        display: block;
    }

    #passwordForgotten_form td.field,
    #passwordForgotten_form td.form_elem {
        order: 2;
        display: block;
    }

    #passwordForgotten_form td.form_elem {
        margin-left: auto;
    }
}

/* end pw forgotten */

/* begin left/right fields layout */
/*desktop*/
.regRow, .regItem, .regField {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px 0 0 0;
}

.regField.type14,
.regField.type2,
.regField.type4 {
    display: block;
}

.regItem, .regItemEmpty {
    box-sizing: border-box;

}

.regItem.regColumnWidth1,
.regItemEmpty.regColumnWidth1 {
    width: 50%;
}

.regItem.leftCol, .regItemEmpty.leftCol {
    padding-right: 1.25rem;
}

.regItem.rightCol, .regItemEmpty.rightCol {
    padding-left: 1.25rem;
}

.regLabel, .regField, .regText {
    width: auto;
    float: none;
    margin: 0;
    margin-bottom: 0;
}

.regItem.regColumnWidth2,
.regItemEmpty.regColumnWidth2 {
    width: 100%;
    /*padding: 0;*/
}

.regLabel {
    order: 1;
    flex-basis: 9.375rem;
    flex-shrink: 0;
}

.regField {
    order: 2;
    flex-grow: 1;
}

.regField.type12, .regField.type13, .regField.type15 {
    align-items: center;
}

.regDelimiter {
    display: none;
}

/* Begin Footer */
#navigation_2 {
    /*float: left;
    display: inline-block;*/
    /*display: none !important;*/
}

#navigation_2 ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

#navigation_2 ul li a {
    line-height: 1.5rem;
    padding: 0 0.5em;
}

.noLogin.event_index_content #middle {
    max-width: unset;
}

.noLogin.event_index_content #middle_content,
.noLogin #footer_content {
    padding-left: 80px;
    padding-right: 80px;
}

.noLogin #navigation_2 ul li:first-of-type {
    margin-left: 0;
}

.noLogin #navigation_2 ul li:first-of-type a {
    padding-left: 0;
}

@media (max-width: 1440px) {

    .noLogin.event_index_content #middle_content,
    .noLogin #footer_content {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* End Footer */

/* begin step wizzard */
#stepWizard .step {
    padding: 0 10px;
}

#stepWizardDiv {
    overflow-x: auto;
}

#stepWizardDiv a {
    border-color: transparent;
    text-transform: uppercase;
}

#stepWizardDiv table {
    margin: 0;
    border-collapse: separate;
    margin-bottom: 20px;
    margin-top: 20px;
}

#stepWizardDiv table td {
    padding: 0;
    background-image: none;
    vertical-align: middle;
    text-transform: uppercase;
}

#stepWizardDiv table td.activeStep {
    background: #193064;
    color: #ffffff;
}

#stepWizardDiv table td.activeStep a {
    color: #ffffff;
    font-size: 13px;
}

#stepWizardDiv table td.nextStep {
    background: #dfdfdf;
    color: #000000;
    font-size: 13px;
}

#stepWizardDiv table td.nextStep a {
    color: #cccccc;
    font-size: 13px;
}

#stepWizardDiv table td.prevStep {
    background: #005abb;
    color: #ffffff;
}

#stepWizardDiv table td.prevStep a {
    color: #E1F5FD;
    border: none;
}

#stepWizardDiv table td.arrow {
    border-top: 18px solid #dfdfdf;
    border-right: 0px solid #dfdfdf;
    border-bottom: 18px solid #dfdfdf;
    border-left: 18px solid #dfdfdf;
    position: relative;
}

#stepWizardDiv table td.arrow.activeNext {
    border-left: 18px solid #193064;
}

#stepWizardDiv table td.arrow.prevActive {
    border-left-color: #005abb;
    border-top-color: #193064;
    border-right-color: #193064;
    border-bottom-color: #193064;
}

#stepWizardDiv table td.arrow.prevPrev {
    border-left-color: #005abb;
    border-top-color: #005abb;
    border-right-color: #005abb;
    border-bottom-color: #005abb;
}

#stepWizardDiv table td.arrow::after, #stepWizardDiv table td.arrow::before {
    content: " ";
    display: block;
    width: 28px;
    height: 2px;
    position: absolute;
    top: -11px;
    left: -24px;
    background: transparent;
    transform: rotate(45deg);
    box-sizing: border-box;
}

#stepWizardDiv table td.arrow::before {
    border-top: 2px solid white;
}

#stepWizardDiv table td.arrow::after {
    border-right: 2px solid white;
    width: 2px;
    height: 28px;
    left: -11px;
    top: -5px;
}

#stepWizardDiv table td br {
    display: none;
}

#stepWizardDiv.double td.arrow {
    border-top-width: 36px;
    border-bottom-width: 36px;
}

#stepWizardDiv.double td.arrow.activeNext::before {
    border-top: 2px solid white;
    transform: rotate(63.5deg);
    width: 42px;
    top: -20px;
    left: -31px;
}

#stepWizardDiv.double td.arrow.activeNext::after {
    height: 42px;
    transform: rotate(26.5deg);
    left: -11px;
    top: -3px;
}

#stepWizardDiv.double td.arrow::before {
    border-top: 2px solid white;
    transform: rotate(63.5deg);
    width: 42px;
    top: -20px;
    left: -31px;
}

#stepWizardDiv.double td.arrow::after {
    height: 42px;
    transform: rotate(26.5deg);
    left: -11px;
    top: -3px;
}

#stepWizardDiv.triple td.arrow {
    border-top-width: 54px;
    border-bottom-width: 54px;
}

#stepWizardDiv.triple td.arrow.activeNext::before {
    border-top: 2px solid white;
    transform: rotate(71.5deg);
    width: 60px;
    top: -29px;
    left: -40px;
}

#stepWizardDiv.triple td.arrow.activeNext::after {
    height: 60px;
    transform: rotate(18.5deg);
    left: -11px;
    top: -3px;
}

#stepWizardDiv.triple td.arrow::before {
    border-top: 2px solid white;
    transform: rotate(71.5deg);
    width: 60px;
    top: -29px;
    left: -40px;
}

#stepWizardDiv.triple td.arrow::after {
    height: 60px;
    transform: rotate(18.5deg);
    left: -11px;
    top: -3px;
}

/* end step wizzard */

.regItem, .regItemEmpty {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
}

#regLabel_evtattr_264 {
    display: none;
}

.regLabel {
    flex-basis: auto;
    flex-grow: 0;
    margin-bottom: 0;
    position: absolute;
    top: 33px;
    left: 5px;
    background: #ffffff;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 14px;
    line-height: 20px;
    /*transition: 0.2s linear top, left;*/
    min-width: unset;
    pointer-events: none;
}

.regItem.type4.empty:not(.focused) .regLabel {
    min-width: 160px;
}

.regItem.type12 .regLabel {
    top: 10px !important;
    font-size: 10.5px;
    line-height: 12px;
    min-width: unset;
    left: 12px;
    z-index: 1;
}

.notEmpty .regLabel,
.focused .regLabel {
    top: 10px;
    left: 12px;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 10.5px;
    line-height: 12px;
    pointer-events: none;
    z-index: 1;
    min-width: unset;
}

.regItem.type12 .regMandatory,
.regItem.type12 .regDelimiter,
.regItem.type12 .regMandatory,
.regItem.type12 .regDelimiter,
.notEmpty .regMandatory,
.notEmpty .regDelimiter,
.focused .regMandatory,
.focused .regDelimiter {
    font-size: 10.5px;
    line-height: 12px;
}

.regField input[type="text"]:focus,
.regField select:focus,
.regField input[type="text"]:focus:hover,
.regField select:focus:hover,
.regField textarea:focus,
.regField textarea:focus:hover {
    border: 2px solid #B3C618;
    padding: 15px 8px;
}

.regField input[type="text"]:hover,
.regField select:hover,
.regField textarea:hover {
    border: 1px solid rgba(0, 0, 0, 0.42);
}

.regItem.type6.multiItemsBlock .regLabel,
.regItem.type6.multiItemsBlock .regField,
.regItem.type5.multiItemsBlock .regLabel,
.regItem.type5.multiItemsBlock .regField {
    display: block;
    width: 100%;
    float: none;
    position: static;
    top: unset;
    left: unset;
}

.regItem.type5.multiItemsBlock .regLabel,
.regItem.type6.multiItemsBlock .regLabel,
.regItem.type6.multiItemsBlock .regLabel.checked,
.regItem.type5.multiItemsBlock .regLabel.checked,
.regItem.type6 .regLabel {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    padding-bottom: 0;
    position: initial;
    display: block;
}

.regItem.type6 .regLabel {
    position: static;
    top: unset;
    left: unset;
}

.regItem.programPoint .regText {
    flex-basis: auto;
}

#regFormOverview .regItem.type5 .regLabel {
    top: 10px;
    left: 12px;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 10.5px;
    line-height: 12px;
    pointer-events: none;
    z-index: 1;
    min-width: unset;
    position: absolute;
    width: auto;
}

/*tablet*/
@media (max-width: 920px) {

    #header_content,
    #left_content,
    #middle_content,
    #footer_content {
        /*padding-right: 2rem;*/
        /*padding-left: 2rem;*/
    }


}

/* begin hamburger */
#sandwichHead {
    display: block;
    position: absolute;
    top: 16px;
    right: 8px;
    width: 27px;
    height: 27px;
    font-size: 26px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
}

#sandwichHead .fas {
    font-size: 26px;
}

#sandwichHead .fa-bars {
    display: block;
}

#sandwichHead .fa-times {
    display: none;
}

#sandwichHead .active .fa-bars {
    display: none;
}

#sandwichHead .active .fa-times {
    display: block;
}

#sandwichHead {
    font-size: 24px;
}

#sandwichHead > div {
    width: 27px;
    height: 27px;
    line-height: 27px;
}

/* end hamburger */

#navigation_3 {
    padding: 0;
    position: absolute;
    top: 56px;
    right: 8px;
    background: #ffffff;
    width: 260px;
    transition: height 0.3s ease;
    height: 0px;
    overflow: hidden;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

#navigation_3.open {
    padding-top: 8px;
    padding-bottom: 8px;
    height: 100%;
    z-index: 1;
}

#navigation_3 ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#navigation_3 ul #nav_logout {
    order: 2;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

#navigation_3 ul #nav_logout a {
    padding-left: 46px;
    background: url('img/logout.png') no-repeat left center;
    background-position: left 16px center;
}

#navigation_3 ul #nav_logout a:hover {
    background-color: #E5E5E5;
}

#navigation_3 ul li {
    margin-left: 0;
}

#navigation_3 ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

#navigation_3 ul li a:hover {
    text-decoration: none;
    background: #E5E5E5;
    transform: translateY(-2px);

}

#navigation_3 ul li a span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
}

/*mobile*/
@media (max-width: 768px) {

    /*.event_index_index.noLogin #header_content {*/
    /*    position: absolute;*/
    /*    background-image: url("./img/claas-logo-header.jpg");*/
    /*    background-repeat: no-repeat;*/
    /*    width: 100%;*/
    /*    margin: 8px 0 0 8px;*/
    /*}*/
    /*.login #portallogo_header {*/
    /*    position: absolute;*/
    /*    background-image: url("./img/claas-logo-header.jpg");*/
    /*    background-repeat: no-repeat;*/
    /*    width: 100%;*/
    /*    margin: 8px 0 0 8px;*/
    /*}*/
    .noLogin.event_index_content #middle_content {
        padding-left: 20px;
        padding-right: 20px;
    }


    /* begin step wizard */
    #stepWizardDiv {
        display: none;
    }

    /* end step wizard */
    .regRow {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .regItem.regColumnWidth1, .regItem.regColumnWidth2 {
        width: 100%;
    }

    .regItem.leftCol, .regItemEmpty.leftCol {
        padding-right: 0;
    }

    .regItem.rightCol, .regItemEmpty.rightCol {
        padding-left: 0;
    }

    .regButtons .regBtnBack, .regButtons .regBtnNext, .regButtons .regBtnSave {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0.75rem;
    }

    #navigation_2 ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

}

@media (max-width: 725px) {
    .regItem.type5 > .regField.type5 > label, .regItem.type6 > .regField.type6 > label {
        display: block;

    }

    .checkboxProgramHover {
        top: -8px;
    }

}

@media (max-width: 619px) {
    p {
        max-width: 90%;
    }

    .checkboxProgramHover {

    }
}

@media (max-width: 530px) {
    .regField.type12 {
        flex-wrap: wrap;
    }

    .regField.type12 select.year,
    .regField.type12 select.month,
    .regField.type12 select.day,
    .regField.type12 span.year,
    .regField.type12 span.month,
    .regField.type12 span.day {
        flex-basis: 100%;
        margin-bottom: 16px;
        margin-right: 0;
        flex-shrink: unset;
        flex-grow: 1;
        max-width: 300px;
    }

    .regField.type12 input.datePicker,
    input[type="button"].datePicker + .fa-calendar-alt {
        display: none;
    }
}

@media (max-width: 425px) {

    #header_content,
    #left_content,
    #middle_content,
    #footer_content {
        /*padding-right: 1rem;*/
        /*padding-left: 1rem;*/
    }

    #sandwichHead {
        right: 1rem;
    }

    #navigation_3 {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .regButtons {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .regButtons .regBtnBack, .regButtons .regBtnNext, .regButtons .regBtnSave {
        width: 100%;
        display: flex;
    }

    .regButtons .regBtnBack input.button,
    .regButtons .regBtnNext input.button,
    .regButtons .regBtnSave input.button {
        width: 100%;
        margin: 0;
    }


    .regMandatoryInfo {
        line-height: unset;
        padding-bottom: 15px;
    }

}

/* end left/right fields layout */

/* Start Klapptexte */
.expandText {
    height: 0;
    visibility: hidden;
}

.expandHeadline {
    cursor: pointer;
    position: relative;
    padding: 0 1.5rem 0 0;
    border-bottom: 1px solid #000000;
    padding-bottom: 0;
    margin-bottom: 28px;
}

.expandHeadline::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    content: "\f107"; /* angle-down */
}

.expandHeadline.au-expanded::after {
    content: "\f106"; /* angle-up */
}

/* Ende Klapptexte */

/* Begin Error Style */
#loginError {
    color: #F44336;
    padding-bottom: 1.5rem;

}

.regMandatoryInfo {
    font-size: 0.75rem;
}

.regError {
    margin-bottom: 1.5rem;
}

.regError,
.regError .headline,
.regError .item {
    color: #F44336;;
}

.regItem.itemError .item.error,
.regItem.itemError .regLabel,
.regItem.itemError .regLabel .regMandatory,
.regItem.itemError .regLabel .regDelimiter {
    color: #F44336;
}

.regItem.itemError input[type="text"],
.regItem.itemError input[type="password"],
.regItem.itemError textarea,
.regItem.itemError select {
    border-color: #F44336;
    color: #F44336;
}

/* End Error Style */

/* hideElement */
.hideElement {
    display: none !important;
}

/* begin style on scrolling offset > 0 */
.isScrolling {
    /*background: #cccccc;*/
}

#footer, #header {
    /*display: none;*/
}

/* start mobile tables */
.mobileTable .groupRow {
    border: 1px solid #000000;
    margin-bottom: 30px;
}

.mobileTable .row > div {
    padding: 5px;
}

.mobileTable .label {
    font-weight: bold;
    border-top: 1px solid black;
}

.mobileTable .groupRow .row:first-child .label {
    border-top: none;
}

.mobileTable .value {
    border-top: 1px solid black;
}

table.noWrapFirstTd td:first-child,
table.noWrapFirstTd th:first-child,
table.noWrapSecondTd td:nth-of-type(2),
table.noWrapSecondTd th:nth-of-type(2),
table.noWrapThirdTd td:nth-of-type(3),
table.noWrapThirdTd th:nth-of-type(3),
table.noWrapLastTd td:last-child,
table.noWrapLastTd th:last-child {
    white-space: nowrap;
}

/* end mobile tables */

/* begin datePicker */
input[type="button"].datePicker {
    background: none;
    z-index: 1;
}

input[type="button"].datePicker + .fa-calendar-alt {
    order: 4;
    margin-left: -14px;
}

@media (max-width: 374px) {
    input[type="button"].datePicker {
        flex-basis: 3rem;
    }

    input[type="button"].datePicker,
    input[type="button"].datePicker + .fa-calendar-alt {
        display: none;
    }
}

/* end datepicker */

/* begin circle bg on hover */

#header_event_date {
    position: relative;
    overflow: visible;
}

#header_event_date::before {
    display: none;
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #e5e5e5;
    top: 8px;
    left: 5px;
    opacity: 0.5;
    border-radius: 20px;
}

#header_event_date:hover::before {
    display: block;
    transition: 0.1s linear all;
}

#header_event_date.active::before {
    background-color: grey !important;
}

/* end circle bg on hover */

/* begin breadcrumb */

/*.event_index_content #left,*/
/*.event_index_content #header #header_event_date,*/
/*.event_index_content #header .fa-bars:before*/
{
    display: none
;
}
/*
.event_index_content #portallogo_header {
    margin-left: 8px;
}

.event_index_content #middle {
    border-left: unset;
}
*/
.event_index_content #middle {
    /*margin-left: 160px;*/
    max-width: 1000px;
}

.event_index_content h5 {
    font-weight: lighter;
}

/*
.miniNav {
    padding-left: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    padding-top: 10px;
}

.miniNav a.home {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 20px;
}*/
/*
.breadcrumb {
    color: rgba(0, 0, 0, 0.3);
    padding-left: 26px;
    background: url(img/chevron-right-breadcrumb.svg);
    background-repeat: no-repeat;
    background-size: 5px auto;
    background-position: left 10px center;
    pointer-events: none;
}
*/
/* end breadcrumb */

/* begin stepwizard */

.wizardcheck {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #e0e0e0;
    text-align: center;
    line-height: 200%;
    font-size: 14px;
    position: initial;
    display: block;
    float: left;
    flex-basis: 30px;
    z-index: 1;
    margin-right: 8px;
}

#stepWizard tr {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    justify-content: space-between;
}

#stepWizard .step {
    padding: 0;
    display: inline-flex;
    width: auto;
    white-space: nowrap;

}

#stepWizard .step a {
    line-height: unset;

}

.step {
    text-transform: capitalize;
    background: white;
    color: rgb(0, 0, 0);
    padding-left: 5px;
}

.arrow {
    text-transform: capitalize;
    position: absolute;
    left: 0;
    top: 15px;
    display: block;
    height: 1px;
    width: 100%;
}

#stepWizardDiv table td.arrow.activeNext {
    border-left: unset;
}

#stepWizardDiv table td.arrow {
    border-top: 2px solid #dfdfdf;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    position: relative;
    top: 17px;
    width: 100%;
}


#stepWizardDiv table td.arrow.prevPrev,
#stepWizardDiv table td.arrow.prevActive {
    border-top-color: #dfdfdf;
}

#stepWizardDiv table td.arrow::after,
#stepWizardDiv table td.arrow::before {
    content: none;
}

.tick {
    position: relative;
    height: 7px;
    width: 18px;
    border-left: 2px solid #8f8f8f;
    border-bottom: 2px solid #8f8f8f;
    transform: rotate(-45deg);
    left: 7px;
    top: 10px;
}

/* end stepwizard */
.registerLink {
    display: none;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* begin field intro text */
.regItem.type14.hasRegText,
.regItem.type2.hasRegText {
    display: block;
}

.regItem.type14.hasRegText .regText,
.regItem.type2.hasRegText .regText {
    margin-bottom: -28px;
}

.regItem.type14.hasRegText.focused .regText,
.regItem.type14.hasRegText.notEmpty .regText,
.regItem.type2.hasRegText.focused .regText,
.regItem.type2.hasRegText.notEmpty .regText {
    margin-bottom: -24px;
}

.regItem.type14.hasRegText.empty .regLabel,
.regItem.type14.hasRegText.notEmpty .regLabel,
.regItem.type14.hasRegText.focused .regLabel,
.regItem.type2.hasRegText.empty .regLabel,
.regItem.type2.hasRegText.notEmpty .regLabel,
.regItem.type2.hasRegText.focused .regLabel {
    position: initial;
    display: inline-block;
    width: auto;
    transform: translate(12px, 51px);
    min-width: unset;
    /*transition: all 0.2s linear;*/
}

.regItem.type14.hasRegText.notEmpty .regLabel,
.regItem.type14.hasRegText.focused .regLabel,
.regItem.type2.hasRegText.notEmpty .regLabel,
.regItem.type2.hasRegText.focused .regLabel {
    transform: translate(12px, 21px);
}

.regItem.type14.hasRegText .regField input[type="text"]:focus,
.regItem.type14.hasRegText .regField input[type="text"]:focus:hover,
.regItem.type2.hasRegText .regField input[type="text"]:focus,
.regItem.type2.hasRegText .regField input[type="text"]:focus:hover {
    padding: 15px 8px;
}

/* end field intro text */

.regItem.type15 .regLabel {
    top: 5px;
    left: 12px;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 10.5px;
    line-height: 12px;
    pointer-events: none;
    z-index: 1;
    min-width: unset;
}

.regItem.type15 .regField input[type="text"] {
    max-width: 190px;
}

.infoIcon {
    position: absolute;
    left: 300px;
    top: 38px;
    background: none;
    width: 16px;
    height: 16px;
}


/* begin header lang */
#header_lang {
    position: absolute;
    top: 18px;
    right: 54px;
}

#header_lang .flag_label {
    display: none;
}

#header_lang > div {
    display: flex;
    flex-direction: row;
}

#header_lang a {
    order: 2;
}

#header_lang a.activeLang {
    order: 1;
    margin-right: 16px;
}

#header_lang a {
    width: 24px;
    height: 24px;
    color: transparent;
    overflow: hidden;
    padding: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    /*display: none;*/
}

#header_lang a.activeLang,
#header_lang:hover a {
    display: block;
}

.event_agritechnica2023 #header_lang {
    display: block;
}

/* end header lang */

@media (max-width: 500px) {
    .regItem:not(.type5):not(.type6) .regLabel {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: auto;
    }

    .infoIcon {
        position: absolute;
        left: calc(50% - 8px);
        top: 62px;
        background: none;
        width: 16px;
        height: 16px;
        z-index: 1;
    }

    .fa-info-circle {
        display: block !important;
        margin-left: auto;
        margin-right: auto;
        width: 16px;
        transform: translate(0px, -10px);
    }
}


.event_agritechnica #regItem_attr_2171 .regField label br,
.event_agritechnica #regItem_attr_2165 .regField label br,
.event_agritechnica #regItem_attr_2663 .regField label br,
.event_agritechnica #regItem_attr_2664 .regField label br {
    display: none;
}

#header_lang a {
    margin: 0 4px;
}

#header_lang a.activeLang {
    order: 1;
    margin-right: 0
}

.event_agritechnica #regItem_attr_2171 .regField label label,
.event_agritechnica #regItem_attr_2165 .regField label label,
.event_agritechnica #regItem_attr_2663 .regField label label,
.event_agritechnica #regItem_attr_2664 .regField label label {
    width: 50%;
}

@media (max-width: 500px) {
    .event_agritechnica #regItem_attr_2171 .regField label label,
    .event_agritechnica #regItem_attr_2165 .regField label label,
    .event_agritechnica #regItem_attr_2663 .regField label label,
    .event_agritechnica #regItem_attr_2664 .regField label label {
        width: 100%;
    }
}

.event_football2023 #portallogo_content_top2 {
    display: none !important;
}

.lang_en.event_agritechnica .regBtnSave #next,
.lang_de.event_agritechnica .regBtnSave #next {
    display: none;
}

.event_agritechnica2023 #middle {
    background-color: unset;
}

.event_football2023 #regFormOverview .unchecked {
    display: none;
}

/*begin my data*/
.event_index_mydata .regHeadline {
    float: left;
    font-weight: 400;
    font-size: 28px;
    line-height: 128.57%;
    margin: 0.6em 0 0 0;
    letter-spacing: 0.0089em;
    padding-bottom: unset;
    margin-left: 24px;
}

.event_index_mydata .regItem .regLabel.type6,
.event_index_mydata .regItem .regLabel.type5 {
    top: 21px;
    left: 12px;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 10.5px;
    line-height: 12px;
    pointer-events: none;
    z-index: 1;
    min-width: unset;
    position: relative;
    width: max-content;
}

.regItem .regField span.readOnly div {
    display: inline-block;
    color: #b5b5b5;
}

/*end my data*/

/* begin Overview */

.regItem.type6 .regLabel.checked {
    top: 10px;
    left: 12px;
    padding: 4px;
    color: rgba(0, 0, 0, 0.58);
    font-size: 10.5px;
    line-height: 12px;
    pointer-events: none;
    z-index: 1;
    min-width: unset;
    position: absolute;
    width: auto;
}

.event_index_mydata .checked #regField_attr_2171 {
    width: 100%;
    box-sizing: border-box;
    line-height: 143%;
    font-size: 14px;
    background: #FFFFFF;
    border-radius: 4px;
    max-width: 300px;
}

.event_index_mydata .checked #regField_attr_2171 label {
    color: #b5b5b5;
}

.icon_home {
    background: url("img/home.png") no-repeat !important;
    background-position: left 12px top 12px !important;
}

.icon_register {
    background: url(img/register.svg) no-repeat !important;
    background-size: 30px !important;
    background-position: left 8px top 4px !important;
}

.icon_mydata {
    background: url(img/mydata.svg) no-repeat !important;
    background-size: 30px !important;
    background-position: left 8px top 4px !important;
}

.icon_imprint {
    background: url(img/pages.png) no-repeat !important;
    background-size: 24px !important;
    background-position: left 9px top 8px !important;
}

.icon_privacy {
    background: url(img/verified_user.svg) no-repeat !important;
    background-size: 24px !important;
    background-position: left 9px top 8px !important;
}

.icon_logout {
    background-image: url(img/logout.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 12px top 12px !important;
}

.icon_record {
    background-image: url(img/record.png) !important;
    background-repeat: no-repeat !important;
    background-size: 34px !important;
    background-position: left 7px top 4px !important;
}

.icon_info {
    background-image: url("img/info.png") !important;
    background-size: 28px !important;
    background-repeat: no-repeat !important;
    background-position: left 6px top 6px !important;
}

.icon_hotel {
    background: url(img/hotel.png) no-repeat !important;
    background-size: 50px !important;
    background-position: left !important;
}

.icon_agenda {
    background: url(img/agenda_icon.svg) no-repeat !important;
    background-size: 30px !important;
    background-position: left 8px top 4px !important;
}

.icon_location {
    background: url(img/location_pin.svg) no-repeat !important;
    background-size: 29px !important;
    background-position: left 7px top 6px !important;
}

.icon_program {
    background: url(img/program.png) no-repeat !important;
    background-size: 30px !important;
    background-position: left 9px top 6px !important;
}


#navigation_1 ul li a.icon_briefing {
    background-image: url("img/info.svg");
    background-repeat: no-repeat;
    background-position: left 12px top 12px;
    background-size: 19px auto;
}

#navigation_1 ul li a.icon_waschzettel {
    background-image: url(img/icon_waschzettel.svg);
    background-repeat: no-repeat;
    background-position: left 6px top 6px;
    background-size: 32px auto;
}

#navigation_1 ul li a.icon_ticket {
    background-image: url(img/icon_ticket.svg);
    background-repeat: no-repeat;
    background-position: left 10px top 9px;
    background-size: 24px auto;
}

#navigation_1 ul li a.Icon_product_highlights {
    background-image: url(img/Icon_product_highlights.svg);
    background-repeat: no-repeat;
    background-position: left 10px top 13px;
    background-size: 28px auto;
}


.login #portallogo_header {
    margin-left: 8px;
}

#regFormOverview .type6.multiItemsBlock .regField > label,
.event_index_mydata .type6.multiItemsBlock .regField > label {
    padding-left: 0;
}

#regFormOverview .regItem.multiItemsBlock .regField span.readOnly div,
.event_index_mydata .regItem.multiItemsBlock .regField span.readOnly div {
    display: inline-block;
    width: 100%;
}

#regFormMyData {
    width: 880px;
    background: #FFFFFF;
    border-radius: 4px;
    /*margin: 0 auto;*/
    padding: 24px;
    display: block;
}

@media (max-width: 1280px) {
    .event_index_mydata #regFormMyData {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .event_agritechnica.event_index_index.noLogin #portallogo_content_top2 {
        max-height: unset;
        height: auto;
        width: 100%;
    }
}

@media (max-width: 375px) {
    * {
        font-size: 16px;
    }

    h1 {
        font-size: 27px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }
}


@media (max-width: 360px) {
    * {
        font-size: 15px;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 14px;
    }
}

#languagesGlobe {
    position: absolute;
    right: 55px;
    top: 20px;
    font-size: 22px;
}

#header_lang {
    top: 55px;
    right: 16px;
    height: 0;
    width: 100px;
    background-color: white;
    overflow: hidden;
    transition: height 0.3s ease;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    z-index: 9999;
}

#header_lang a {
    margin: 0 auto;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 26px;
}

.event_Messetickets form div.label,
.event_Messetickets form div.codeField,
.event_Messetickets form div.submitButton {
    margin-left: 80px;
}

@media (max-width: 1440px) {
    #voucherError,
    .event_Messetickets form div.label,
    .event_Messetickets form div.codeField,
    .event_Messetickets form div.submitButton {
        margin-left: 40px;
    }
}

@media (max-width: 768px) {
    #voucherError,
    .event_Messetickets form div.label,
    .event_Messetickets form div.codeField,
    .event_Messetickets form div.submitButton {
        margin-left: 20px;
    }
}

.noLogin[class*="text5496"] {
    #middle {
        margin-left: 80px;
    }

    #middle_content {
        background-color: #F5F5F5;
        padding-top: 20px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

.isReadOnly i {
    color: #b5b5b5;
    pointer-events: none;
}

.regLabel.line-break {
    max-width: 290px;
    top: 21px;
}

.empty.focused .regLabel.line-break,
.notEmpty .regLabel.line-break {
    max-width: 290px;
    top: 12px;
    font-size: 9px;
}

.event_index_registration.event_agritechnica #regFormOverview .regItem.type6 .regLabel.checked,
.event_index_mydata.event_agritechnica .regItem.type6 .regLabel.checked {
    font-size: 10.5px;
    color: rgba(0, 0, 0, 0.58);
    position: absolute;
    padding: 4px;
    line-height: 14px;
    font-weight: 500;
    display: block;
}

.notEmpty .regLabel#regLabel_attr_2671 {
    top: 109px;
}

textarea[id='attr_2671'] {
    resize: none;
    height: 54px;
    color: #c9c7c7;
    overflow: hidden;
    line-height: 16px;
    padding-top: 12px;
}

input[type='text']:disabled,
select:disabled {
    color: #b5b5b5;
}

.event_SeasonKickOff2025.login #footer_content #navigation_2,
.event_JaguarEvent.login #footer_content #navigation_2,
.event_agritechnica.login #footer_content #navigation_2,
.login #footer_content #navigation_2 {
    display: none !important;
}


.regLabel.rightCol {
    left: 25px;
}

.regText.text h5 span {
    bottom: 20px;
    font-size: 10px;
    position: absolute;
}

.regItem#regItem_attr_2720,
.regItem#regItem_attr_2719 {
    bottom: 20px;
}

.regItem#regItem_textext4-ext-gen8364 {
    bottom: 10px;
    height: 30px
}

#regFormOverview .regItem#regItem_textext4-ext-gen8364 {
    bottom: 25px;
}

.event_jaguarlaunch_2025.noLogin #middle {
    height: 889px;
}

body.event_Messetickets.lang_de .ticketsLeft.lang_en,
body.event_Messetickets.lang_en .ticketsLeft.lang_de {
    display: none !important;
}

/*.event_Messetickets .ticketsLeft
.event_Messetickets .ticketsLeft {
    display: none;
}*/

body.event_Messetickets.group5665 .ticketsLeft:not(.category_1247),
body.event_Messetickets.group5663 .ticketsLeft:not(.category_1248),
body.event_Messetickets.group5664 .ticketsLeft:not(.category_1246) {
    display: none;
}

.event_JaguarEvent .regElement_arr_type_simple {
    width: 315px;
    max-width: 320px;
}

/*!*.event_agritechnica.group5608 #regItem_attr_2396,*!*/
/*.event_agritechnica.group5608 #regItem_attr_2660 {*/
/*    display: none !important;*/
/*}*/

.event_agritechnica .myDataEdit {
    display: none;
}

.checkboxGroupReadonly,
.checkboxGroupReadonly *,
.checkboxGroupReadonly:hover *
.checkboxGroupReadonly *:hover {
    cursor: default !important;
    pointer-events: none;
}

.checkboxGroupReadonly input:not(:checked) {
    border-color: #cccccc;
}

.checkboxGroupReadonly .readonlyCheckbox {
    color: #cccccc;
}

.checkboxGroupReadonly .checkboxHover {
    display: none;
}

.regItem.clothingHeadline {
    /* 2025-10-29 DT: auskommentiert, da jeder jetzt die Kategorie hat
    /*display: none;*/
}

.event_Messetickets.noLogin .text_home p a {
    z-index: 9999;
    position: relative;
    text-decoration: underline;
}

.event_agritechnica #regPostLabel_attr_2673,
.event_agritechnica #regPostLabel_attr_2674 {
    visibility: hidden;
}

.event_agritechnica #regSubText_attr_2673,
.event_agritechnica #regSubText_attr_2674 {
    color: #b5b5b5;
    font-size: 14px;
}

@media (max-width: 978px) {
    .notEmpty .regLabel#regLabel_attr_2671 {
        top: 60px;
    }
}

@media (max-width: 555px) {
    .notEmpty .regLabel#regLabel_attr_2671 {
        top: 83px;
    }
}

@media (max-width: 447px) {
    .notEmpty .regLabel#regLabel_attr_2671 {
        top: 107px;
    }
}

@media (max-width: 320px) {
    .notEmpty .regLabel#regLabel_attr_2671 {
        top: 146px;
    }
}

.event_newgeneration #languagesGlobe {
    display: none;
}

.event_newgeneration .registerLink {
    display: block;
}

#regItem_evtattr_7724.hasRegText {
    display: flex;
}

#regItem_evtattr_7724.hasRegText .regText {
    margin-bottom: 0;
}

a strong {
    color: #778410;
}

.event_newgeneration .registerLink {
    display: none;
}

.event_newgeneration #finishImage {
    border-width: 0px;
    border-style: solid;
    height: 563px;
    width: 800px;
}

.event_Fabrica_verde .registerLink {
    display: block;
    background-color: #B3C618;
    height: 36px;
    padding: 5px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid rgba(0, 0, 0, 0.12);
    max-width: 300px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    -webkit-appearance: none;
    margin: 0 auto;
}
.event_Fabrica_verde.event_index_index.noLogin #portallogo_content_top2 {
    height: unset;
}

.event_Fabrica_verde.event_index_index.noLogin #page_margins {
    padding-bottom: unset !important;
}

@media (max-width: 1024px) {
    .event_Fabrica_verde.event_index_index.noLogin #portallogo_content_top2 {
        max-height: 56vh;
    }

    .event_Fabrica_verde.event_index_index.noLogin table {
        width: 350px !important;
    }

    .event_Fabrica_verde.event_index_index.noLogin table tr td:first-of-type {
        width: 95px !important;
    }

    .event_Fabrica_verde.event_index_index.noLogin a.registerLink {
        margin: 0 auto;
    }
}


@media (max-width: 1024px) {

    .event_newgeneration #finishImage {
        height: 60vw;
        width: 100%;
    }
}

@media (max-width: 578px) {
    #finalImgContainer {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .event_newgeneration #finishImage {
        position: relative;
        width: calc(145vw);
        height: 100%;
    }
}

.event_newgenerationevent2026.noLogin .loginUsername .loginLabel {
    display: none;
}

/* begin swipebox */
body.login .galleryClaas26 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

body.login .galleryClaas26 .galleryItem {
    padding: 20px 20px 0 20px;
    width: 230px;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    flex-wrap: wrap;
}

body.login .galleryClaas26 .galleryItem img {
    display: block;
    width: auto;
    height: 100%;
    transform: scale(1);
    margin: 0 auto;
    transition: transform 2.2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
}

body.login .galleryClaas26 .galleryItem:hover img {
    transform: scale(1.03);
}

@media (max-width: 768px) {
    body.login .galleryClaas26 .galleryItem {
        flex-shrink: unset;
        padding: 10px;
    }
}

body.login #swipebox-overlay {
    background: none;
}

body.login #swipebox-container::after {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    /*background: rgb(0, 30, 80);*/
    background: rgb(0, 0, 0);
    opacity: 0.80;
    z-index: -1;
}

body.login  #swipebox-bottom-bar {
    -webkit-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-80px,0);
    z-index: 0;
    background: none;
}

body.login #swipebox-arrows {
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

body.login  #swipebox-prev {
    background: none;
    border: 2px solid #ffffff !important;
    border-radius: 0;
    box-sizing: border-box;
}
body.login  #swipebox-next {
    background: none;
    border: 2px solid #ffffff !important;
    border-radius: 0;
    box-sizing: border-box;
}
body.login  #swipebox-close {
    background: none;
    border: 2px solid #ffffff !important;
    border-radius: 0;
    box-sizing: border-box;
    right: 24px;
    top: 24px;
    position: absolute;
    background-color: transparent;
}

body.login #swipebox-close::after {
    content: '\2715';
    display: block;
    width: 46px;
    height: 46px;
    font-size: 30px;
    line-height: 46px;
    text-align: center;
    color: #fff;
}

body.login #swipebox-prev::after {
    content: '\276E';
    display: block;
    width: 46px;
    height: 46px;
    font-size: 30px;
    line-height: 46px;
    text-align: center;
    color: #fff;
}

body.login #swipebox-next::after {
    content: '\276F';
    display: block;
    width: 46px;
    height: 46px;
    font-size: 30px;
    line-height: 46px;
    text-align: center;
    color: #fff;
}


body.login  #swipebox-prev:hover,
body.login  #swipebox-next:hover,
body.login  #swipebox-close:hover {

}

body.login #swipebox-slider .slide img {
    border: 2px solid white !important;
    box-sizing: border-box;
}

body.login #swipebox-slider .slide {
    padding: 30px;
}

body.login #swipebox-slider .slide.current {
    padding: 30px;
    box-sizing: border-box;
}

body.login #swipebox-bottom-bar {
    bottom: 0;
}
/* end swipebox */