@import url("plugin.css");
/* begin vw webfonts 27.09.2024 */
@font-face {
    font-family: 'VWHeadWeb-Bold';
    src: url("fonts/VW_Webfonts/VWHeadWeb-Bold.eot");
    /* IE9 Compat Modes */
    src: url("fonts/VW_Webfonts/VWHeadWeb-Bold.eot") format("embedded-opentype"), url("fonts/VW_Webfonts/VWHeadWeb-Bold.woff2") format("woff2"), url("fonts/VW_Webfonts/VWHeadWeb-Bold.woff") format("woff"), url("fonts/VW_Webfonts/VWHeadWeb-Bold.ttf") format("truetype"), url("fonts/VW_Webfonts/VWHeadWeb-Bold.svg") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: 'VWHeadWeb-ExtraBold';
    src: url("fonts/VW_Webfonts/VWHeadWeb-ExtraBold.eot");
    /* IE9 Compat Modes */
    src: url("fonts/VW_Webfonts/VWHeadWeb-ExtraBold.eot") format("embedded-opentype"), url("fonts/VW_Webfonts/VWHeadWeb-ExtraBold.woff2") format("woff2"), url("fonts/VW_Webfonts/VWHeadWeb-ExtraBold.woff") format("woff"), url("fonts/VW_Webfonts/VWHeadWeb-ExtraBold.ttf") format("truetype"), url("fonts/VW_Webfonts/VWHeadWeb-ExtraBold.svg") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: 'VWHeadWeb-Light';
    src: url("fonts/VW_Webfonts/VWHeadWeb-Light.eot");
    /* IE9 Compat Modes */
    src: url("fonts/VW_Webfonts/VWHeadWeb-Light.eot") format("embedded-opentype"), url("fonts/VW_Webfonts/VWHeadWeb-Light.woff2") format("woff2"), url("fonts/VW_Webfonts/VWHeadWeb-Light.woff") format("woff"), url("fonts/VW_Webfonts/VWHeadWeb-Light.ttf") format("truetype"), url("fonts/VW_Webfonts/VWHeadWeb-Light.svg") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: 'VWHeadWeb-Regular';
    src: url("fonts/VW_Webfonts/VWHeadWeb-Regular.eot");
    /* IE9 Compat Modes */
    src: url("fonts/VW_Webfonts/VWHeadWeb-Regular.eot") format("embedded-opentype"), url("fonts/VW_Webfonts/VWHeadWeb-Regular.woff2") format("woff2"), url("fonts/VW_Webfonts/VWHeadWeb-Regular.woff") format("woff"), url("fonts/VW_Webfonts/VWHeadWeb-Regular.ttf") format("truetype"), url("fonts/VW_Webfonts/VWHeadWeb-Regular.svg") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: 'VWTextWeb-Bold';
    src: url("fonts/VW_Webfonts/VWTextWeb-Bold.eot");
    /* IE9 Compat Modes */
    src: url("fonts/VW_Webfonts/VWTextWeb-Bold.eot") format("embedded-opentype"), url("fonts/VW_Webfonts/VWTextWeb-Bold.woff2") format("woff2"), url("fonts/VW_Webfonts/VWTextWeb-Bold.woff") format("woff"), url("fonts/VW_Webfonts/VWTextWeb-Bold.ttf") format("truetype"), url("fonts/VW_Webfonts/VWTextWeb-Bold.svg") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: 'VWTextWeb-Light';
    src: url("fonts/VW_Webfonts/VWTextWeb-Light.eot");
    /* IE9 Compat Modes */
    src: url("fonts/VW_Webfonts/VWTextWeb-Light.eot") format("embedded-opentype"), url("fonts/VW_Webfonts/VWTextWeb-Light.woff2") format("woff2"), url("fonts/VW_Webfonts/VWTextWeb-Light.woff") format("woff"), url("fonts/VW_Webfonts/VWTextWeb-Light.ttf") format("truetype"), url("fonts/VW_Webfonts/VWTextWeb-Light.svg") format("svg");
    /* Legacy iOS */
}
@font-face {
    font-family: 'VWTextWeb-Regular';
    src: url("fonts/VW_Webfonts/VWTextWeb-Regular.eot");
    /* IE9 Compat Modes */
    src: url("fonts/VW_Webfonts/VWTextWeb-Regular.eot") format("embedded-opentype"), url("fonts/VW_Webfonts/VWTextWeb-Regular.woff2") format("woff2"), url("fonts/VW_Webfonts/VWTextWeb-Regular.woff") format("woff"), url("fonts/VW_Webfonts/VWTextWeb-Regular.ttf") format("truetype"), url("fonts/VW_Webfonts/VWTextWeb-Regular.svg") format("svg");
    /* Legacy iOS */
}

/* end vw webfonts 27.09.2024 */


* {
    font-size: 18px;
    font-family: 'VWTextWeb-Regular','Helvetica','Arial','sans-serif';
    color: #000000;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #000000;
    cursor: pointer;
}


* a,
strong, b,
* strong, * b {
    font-size: inherit;
}

.regSpace {
    height: 30px;
    display: block;
}

strong, b {
    font-family: 'VWHeadWeb-Bold','VWTextWeb-Regular','Helvetica','Arial','sans-serif';
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'VWHeadWeb-Regular','Helvetica','Arial','sans-serif';
    margin: 0;
}

h1 {
    font-size: 48px;
    color: #000000;
    line-height: 56px;
    margin-bottom: 22px;
}

h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
}

h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

h5 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
}

h6 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 22px;
}

h1.regHeadline, .noLogin h1 {
    font-family: 'VWTextWeb-Light';
    font-weight: 200;
    font-size: 48px;
    color: #000000;
    line-height: 56px;
    margin-bottom: 42px;
    text-align: center;
}

.registerForm .regHeadline {
    display: none !important;
}

#stepWizardDiv {
    margin-bottom: 30px;
}

@media(max-width: 767px) {
    #stepWizardDiv {
        display: none !important;
    }
}

@media(max-width: 1599px) {

    h1.regHeadline, .noLogin h1 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 46px;
    }

    h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 22px;
    }

    h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 22px;
    }

    h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    h5, h6 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

@media(max-width: 559px) {

    h1.regHeadline, .noLogin h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 48px;
    }
}

/* begin Header */
#header {
    width: 100%;
    box-sizing: border-box;
    height: 116px;
    position: fixed;
    background: none;
    z-index: 1;
    transition: height 0.3s ease-in 0s;
}

.whiteHeaderBg #header {
    background: #ffffff;
}

@media (max-width: 1979px) {
    #header {
        height: 100px;
    }
}

#header.sticky {
    height: 54px;
}

#header.sticky,
.noLogin:not(.event_index_index).isScrolling #header,
.login.isScrolling #header {
    background: #ffffff;
}

.fullScreenBg #header.sticky {
    background: none;
}

#header_lang {
    display: none;
}
#portallogo_header {
    display: none;
}
/* end Header */

#main, #footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1920px;
    margin: 0 auto;
    align-items: left;
}

body:not(.fullScreenBg) #footer {
    /*background-image: url("img/RZ_BEX_HomeHG_Footer_1920x250.jpg");*/
    /*background-position: center bottom;*/
    /*background-size: cover;*/
}

#left {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
}

#navigation_1 {
    display: none !important;
}

#middle {
    margin: 0;
    width: 100%;
}

#middle.navigation_active {
    height:300px;
    min-height: 300px;
}

#middle_content {
    padding: 146px 80px 10px 80px;
    box-sizing: border-box;
    width: 100%;
}

@media (max-width: 1979px) {
    #middle_content {
        padding-top: 130px;
    }
}

@media (max-width: 425px) {
    #middle_content {
        padding-top: 110px;
    }
}

#footer_content {
    padding: 20px 80px 10px 80px;
    width: 100%;
    box-sizing: border-box;
}

.event_vwnchef25.fullScreenBg #footer_content {
    padding: 20px 80px 10px 128px;
}

#navigation_3 {
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    background: lightskyblue;
    padding-top: 80px;
    width: 100%;
    height: calc(100vh);
    z-index: 2;
    background: radial-gradient(circle at 0% 0%, rgb(0, 67, 122) 0%, rgb(0, 30, 80) 100%);
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    box-sizing: border-box;
    padding-left: 100px;
}

#navigation_3.open {
    left: 0;
}

#navigation_3 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation_3 ul li a {
    display: block;
    color: rgb(255, 255, 255);
    padding: 12px 0px;
    transition: all 0.25s ease-in-out 0s;
    text-decoration: none;
    line-height: 36px;
    font-size: 32px;
    font-weight: 200;
    border: none;
    font-family: 'VWHeadWeb-Regular','Helvetica','Arial','sans-serif';
}
#navigation_3 ul li a span {
    transition: all 0.25s ease-in-out 0s;
    font-family: 'VWHeadWeb-Light','Helvetica','Arial','sans-serif';
}

#navigation_3 ul li:hover a span,
#navigation_3 ul li:hover a,
#navigation_3 ul li.linkActive a span,
#navigation_3 ul li.linkActive a {
    color: rgb(76, 199, 244);
}

#navigation_3 ul li a span {
    color: rgb(255, 255, 255);
    font-size: 36px;
}

#footer_content::after {
    content: "© Volkswagen 2025";
    color: rgb(0, 30, 80);
    line-height: 18px;
    font-size: 14px;
    float: right;
    padding-bottom: 10px;
}

.fullScreenBg #footer_content::after {
    color: rgb(255, 255, 255);
}

#navigation_2 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation_2 ul li {
    float: left;

}

#navigation_2 ul li a {
    display: block;
    padding: 0 0 10px 0;
    border-bottom: none;
}

#navigation_2 ul li a::after {
    content: "|";
    display: inline-block;
    margin: 0 10px;
    color: #fff !important;
}


#navigation_2 ul li:last-of-type a::after {
    display: none;
}

#navigation_2 ul li a, #navigation_2 ul li a span {
    line-height: 16px;
    font-size: 14px;
    color: rgb(0, 0, 0);
}

.fullScreenBg #navigation_2 ul li a,
.fullScreenBg #navigation_2 ul li a span,
.fullScreenBg #navigation_2 ul li:hover a,
.fullScreenBg #navigation_2 ul li:hover a span {
    color: #ffffff;
}

.fullScreenBg #navigation_2 ul li:hover a,
.fullScreenBg #navigation_2 ul li:hover a span,
#navigation_2 ul li:hover a,
#navigation_2 ul li:hover a span {
    color: rgb(76, 199, 244);
}

body:not(.fullScreenBg) #navigation_2 ul li:hover a,
body:not(.fullScreenBg) #navigation_2 ul li:hover a span {
    color: rgb(0, 30, 80);
}


#navigation_3 #navigation_2 {
    display: none;
}

#navigation_3.open #navigation_2 {
    display: block;
    position: fixed;
    bottom: 0;
}

#navigation_3.open #navigation_2 ul li a,
#navigation_3.open #navigation_2 ul li a span {
    color: #ffffff;
}

#navigation_3.open #navigation_2 ul li:hover a,
#navigation_3.open #navigation_2 ul li:hover a span {
    color: rgb(76, 199, 244);
}

@media (max-height: 666px) {
    #navigation_3.open {
        padding-top: 40px;
    }

    #navigation_3.open #navigation_2 {
        position: initial;
        bottom: unset;
    }
}

/* begin hamburger */
#sandwichHead {
    display: flex;
    position: fixed;
    top: 16px;
    left: 80px;
    background-position: -10px -10px;
    cursor: pointer;
    z-index: 10;
}

#sandwichHead div{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 22px;
    height: 22px;
}

#sandwichHead div span {
    display: block;
    margin-bottom: 5px;
    width: 16px;
    height: 2px;
    position: relative;
    background: #001e50;
    z-index: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
    transition: all 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
    -o-transition: all 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
}

#sandwichHead:hover div span {
    background: rgb(0, 64, 197);
}

.noLogin #sandwichHead div span, #sandwichHead div.active span {
    background: #001e50;
}

.noLogin.fullScreenBg #sandwichHead div span {
    background: #ffffff;
}

.noLogin.fullScreenBg #sandwichHead:hover div span {
    background: rgb(76, 199, 244);
}

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

body:not(.event_index_index).noLogin #sandwichHead {
    display: flex !important;
}

#sandwichHead div.active span {
    background: #ffffff;
}

#sandwichHead:hover div.active span {
    background: rgb(76, 199, 244);
}

#sandwichHead div span:first-child {
    width: 24px;
    margin-top: 5px;
}

#sandwichHead div span:last-child {
    margin-bottom: 0;
    width: 20px;
}

#sandwichHead .active span:nth-child(1) {
    -webkit-transform: translateY(7px) rotateZ(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotateZ(45deg);
}

#sandwichHead .active span:nth-child(2) {
    opacity: 0;
}

#sandwichHead .active span:nth-child(3) {
    -webkit-transform: translateY(-7px) rotateZ(135deg);
    -ms-transform: translateY(-7px) rotate(135deg);
    transform: translateY(-7px) rotateZ(135deg);
    transform: translateY(-7px) rotateZ(135deg);
    width: 24px;
}
/* end hamburger */


/* begin menutext */
#menu-text {
    position: relative;
    left: 13px;
    bottom: 24px;
    z-index: 1;
    padding-left: 24px;
}

.noLogin #menu-text {
    display: none; !important;
}

#sandwichHead .active #menu-text{
    z-index: 10;
}

#sandwichHead .active #menu-text div {
    color:white;
}

#sandwichHead .active:hover #menu-text div {
    color:rgb(76, 199, 244);
}

.lang_en #menu_de,
.lang_en #menu_es,
.lang_en #menu_it,
.lang_en #menu_fr,
.lang_en #menu_pt
{
    display: none;
    width: 200px
}

.lang_de #menu_en,
.lang_de #menu_es,
.lang_de #menu_it,
.lang_de #menu_fr,
.lang_de #menu_pt
{
    display: none;
    width: 200px;
}

.lang_es #menu_en,
.lang_es #menu_de,
.lang_es #menu_it,
.lang_es #menu_fr,
.lang_es #menu_pt
{
    display: none;
    width: 200px;
}

.lang_it #menu_en,
.lang_it #menu_de,
.lang_it #menu_es,
.lang_it #menu_fr,
.lang_it #menu_pt
{
    display: none;
    width: 200px;
}

.lang_fr #menu_en,
.lang_fr #menu_de,
.lang_fr #menu_es,
.lang_fr #menu_it,
.lang_fr #menu_pt
{
    display: none;
    width: 200px;
}

.lang_pt #menu_en,
.lang_pt #menu_de,
.lang_pt #menu_es,
.lang_pt #menu_it,
.lang_pt #menu_fr
{
    display: none;
    width: 200px;
}

.lang_en #menu_en,
.lang_de #menu_de,
.lang_es #menu_es,
.lang_it #menu_it,
.lang_fr #menu_fr,
.lang_pt #menu_pt {
    display: block;
    color: #001e50;
    width: 200px
}

#sandwichHead:hover #menu-text div{
    color:rgb(0, 64, 197);
}

#sandwichHead .active #menu_en,
#sandwichHead .active #menu_de,
#sandwichHead .active #menu_es,
#sandwichHead .active #menu_it,
#sandwichHead .active #menu_fr,
#sandwichHead .active #menu_pt {
    visibility: hidden;
}

#sandwichHead .active #menu_en:before {
    content: "Close menu";
    visibility:visible;
}

#sandwichHead .active #menu_de:before {
    content: "Menü schliessen";
    visibility:visible;
}

#sandwichHead .active #menu_es:before {
    content: "Cerrar menú";
    visibility:visible;
}

#sandwichHead .active #menu_it:before {
    content: "Chiudi menù";
    visibility:visible;
}

#sandwichHead .active #menu_fr:before {
    content: "Fermer le menu";
    visibility:visible;
}

#sandwichHead .active #menu_pt:before {
    content: "fechar menu";
    visibility:visible;
}
/* end menutext */

/* begin field layout */
input[type="password"], input[type="text"], input[type="submit"], textarea, select  {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 0;
    line-height: 24px;
    border:1px solid transparent;
    border-bottom: 1px solid rgb(223, 228, 232);
    color: rgb(0, 30, 80);
    font-size: 20px;
    margin: 3px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
}

input[type="password"]:focus,
input[type="text"]:focus,
input[type="submit"],
textarea:focus,
select:focus
{
    outline: 1px solid #6a767d;
    padding: 4px 0px;
    outline-offset: 2px;
    border-bottom-color:rgb(0, 30, 80);
}

input[type="password"]:disabled,
input[type="text"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
textarea:disabled,
.regItem.type6 .regField > label input[type="checkbox"]:disabled ~ span.regPostLabel {
    color: #c2cacf;
    pointer-events: none;
}

input[type="checkbox"]:disabled {
    border: 1px solid #c2cacf;
}

select {
    padding-right: 24px;
    background-image: url("img/24pxchevron-down.png");
    background-position: right 6px;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

select:disabled {
    color: #c2cacf;
    background-image: url("img/24pxchevron-down-disabled.png");
}

select:disabled + .datePicker {
    /*display: none;*/
}

textarea {
    color: rgb(0, 30, 80);
    border-bottom-width: 2px;
}

input[type="submit"], a.registerLink, a.myDataLink, a.toLoginPage, a.pluginButton,
.type16 span.fileinput-button,
.type16 .image_cropper .btn,
.type16 .image_cropper .capture-camera-btn {
    cursor: pointer;
    line-height: 44px;
    color: rgb(255, 255, 255);
    background: rgb(0, 30, 80);
    border-color: rgb(0, 30, 80);
    padding: 0px 32px;
    border-width: 0;
    border-style: solid;
    border-radius: 22px;
    outline: none;
    transition: all 0.2s ease-in-out 0s;
    min-width: 150px;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
}

a.registerLink, a.myDataLink, a.toLoginPage, a.pluginButton, .type16 span.fileinput-button {
    display: inline-block;
}

input[type="submit"]:hover,
a.registerLink:hover,
a.myDataLink:hover,
a.pluginButton:hover,
.type16 span.fileinput-button:hover
{
    color: rgb(255, 255, 255);
    background: rgb(0, 64, 197);
    border-color: rgb(0, 64, 197);
}

a.toLoginPage {
    color: rgb(0, 30, 80);
    background: #ffffff;
    border-color: #ffffff;
}

a.toLoginPage:hover {
    /*color: #ffffff;*/
    /*background: #00b0f0;*/
    /*border-color: #00b0f0;*/
}

a.registerLink {
    padding: 0 32px;
    border: 0;
    font-size: 18px;
    border-radius: 22px;
    min-width: 150px;
    line-height: 44px;
    transition: all 0.2s ease-in-out 0s;
    font-weight: normal;
    background-color: rgb(0, 30, 80);
}

a.registerLink:hover {
    background-color: rgb(0, 64, 197);
    border-color: #ffffff;
}

a.registerLink:focus {
    background-color: rgb(0, 119, 204);
    color: rgb(255, 255, 255);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
}

/* Begin Style Checkbox / Radio */
input[type="radio"] {
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #001e50;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin-top: 0;
}

input[type="radio"]:checked:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #001e50;
    left: 3px;
    font-size: 32px;
}

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

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #00287e;
    padding: 9px;
    display: inline-block;
    position: relative;
}

input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 18px;
    position: absolute;
    top: -3px;
    left: 2px;
    color: #00287e;
}

input[type="checkbox"].regElementError, input[type="radio"].regElementError {
    border-color: #E4002C;
}

input[type="checkbox"]:disabled,
input[type="checkbox"]:disabled + span
input[type="radio"]:disabled,
input[type="radio"]:disabled + span {
    color: #c2cacf;
}
/* End Style Checkbox / Radio */

.regLabel, .regField, .regText {
    /*width: initial;*/
    width: auto;
    float: none;
    margin: 0;
    padding-bottom: 51px;
}

.regText {
    padding-bottom: 0;
}

.regLabel {
    padding-bottom: 0;
    order: 1;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0;
    color: #00287e;
}

.regField .readOnly {
    line-height: 24px;
    border: 1px solid transparent;
    border-bottom: 1px solid rgb(223, 228, 232);
    display: block;
    width: 100%;
    /*color: rgb(223, 228, 232);*/
    color: #c2cacf;
    min-height: 24px;
}

@media(max-width: 1599px) {
    .regField .readOnly,
    input[type="text"], select, textarea {
        font-size: 16px;
    }
}

.regItem.type12, .regItem.type13 {
    width: 50%;
}

/* 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, .regField.type12 span.day {
    order: 1;
    flex-basis: 54px;
    flex-shrink: 0;
    margin-right: 10px;
}
.regField.type12 select.month, .regField.type12 span.month {
    order: 2;
    flex-grow: 1;
    margin-right: 10px;
}
.regField.type12 select.year, .regField.type12 span.year {
    order: 3;
    flex-basis: 70px;
    flex-shrink: 0;
}

.regField.type12 span.day,
.regField.type12 span.month,
.regField.type12 span.year,
.regField.type14 span {
    line-height: 24px;
    padding: 4px 0;
    border: 1px solid transparent;
    border-bottom-color: rgb(223, 228, 232);
    margin-top: 3px;
    margin-bottom: 3px;
}

.regField.type12 input.datePicker {
    order: 4;
    flex-basis: 24px;
    flex-shrink: 0;
    background: url("img/24x24_calendar.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 24px;
    margin: auto 0 0 10px;
    border: none;
    padding: 0;
    cursor: pointer;
}

.regField.type12 select:disabled + input.datePicker {
    background: url("img/24x24_calendar-disabled.png");
    background-repeat: no-repeat;
    pointer-events: none;
}

@media (max-width: 340px) {
    .regField.type12 input.datePicker {
        display: none;
    }
}

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

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

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

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

/* Type Radio / Checkbox*/
.regItem.type5 .regLabel, .regItem.type6 .regLabel {
    padding-bottom: 26px;
    padding-left: 10px;
    font-weight: bold;
}

.regField.type5, .regField.type6 > label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.regItem.type6 .regField > label {
    display: block;
    line-height: 26px;
}

.regItem.type6 .regField > label input {
    float: left;
}

.regItem.type6 .regField > label span {
    color: #00287e;
}

.regField.type5, .regField.type6 {
    padding-bottom: 28px;
}

.regField.type5 br, .regField.type6 label br {
    display: none;
}
.regField.type5 label, .regField.type6 label {
    color: #00287e;
    padding-bottom: 26px;
    display: flex;
    align-items: center;
}

.regField.type6 > label {
    padding-bottom: 0;
}

/* Type File */
.type16 a {
    border-bottom-color: transparent;
}

.fileinput-button {
    color: rgb(0, 30, 80);
}
/* end field layout */

/* Type Time */
.regField.type13 .hour {
    order: 1;
    margin-right: 5px;
}
.regField.type13 .minute {
    order: 2;
    margin-left: 5px;
}

/* Type Numberfield */
.regField.type14 span {
    margin-right: 10px;
    flex-basis: 50px;
}

/* Type Special */
.regItem.type18 > .regField > div {
    width: 100%;
}

.regItem.type18 > .regField {
    flex-direction: column;
}

/* Overview */
#regFormOverview .regField label {
    width: 100%;
    padding-bottom: 0;
}
#regFormOverview .regField span {
    color: rgb(0, 30, 80);
    display: block;

}

#regFormOverview .regItem.type5 .regLabel,
#regFormOverview .regItem.type6 .regLabel {
    padding-bottom: 0;
}

#regFormOverview .regField.type5,
#regFormOverview .regField.type6 {
    padding-bottom: 51px;
}

#regFormOverview .regDelimiter {
    display: none !important;
}

/* begin Buttons */
.regButtons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.regButtons .regBtnBack, .regButtons .regBtnNext, .regBtnSave {
    width: 50%;
    box-sizing: border-box;
    float: none;
}
.regButtons .regBtnBack {
    padding-right: 20px;
    order: 1;
}
.regButtons .regBtnNext, .regBtnSave {
    padding-left: 20px;
    order: 2;
}
.regButtons > div:only-child {
    padding-left: 0;
    padding-right: 18px;
}
.regButtons .regBtnBack input[type="submit"],
.regButtons .regBtnNext input[type="submit"],
.regButtons .regBtnSave input[type="submit"] {
    float: right;
    /*padding: 0;*/
    display: inline-block;
    width: auto;
}
.regButtons .regBtnNext input[type="submit"],
.regButtons .regBtnSave input[type="submit"] {
    float: left;
}

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

/* begin login */
.loginContainer, .noLogin h1 {
    display: none;
}

.noLogin .loginRow  {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
}

.noLogin .loginLabel {
    padding-bottom: 0;
    order: 1;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 0;
    color: #00287e;
}

.noLogin .loginField {
    order: 2;
    padding-bottom: 51px;
}

.noLogin .loginButton {
    text-align: center;
    margin-top: 33px;
}

.noLogin input[type="submit"] {
    width: auto;
    min-width: 150px;
}

.loginBg {
    background: url("img/RZ_BEX_HomeHG_Header_1920x1080.jpg") no-repeat center top fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

.leftTextBg {
    background: url("img/02_RZ_VWN_T7_Multivan_EX_KV_Claim_White.png");
    background-repeat: no-repeat;
    background-position: -65px 0;
    background-size: 900px auto;
    width: 100%;
    height: 300px;
}

@media (max-width: 1024px) {

    .leftTextBg {
        background-position: -45px 0;
        background-size: 600px auto;
        width: 100%;
        height: 230px;
    }
}

@media(max-width: 768px) {

    
    .leftTextBg {
        background-position: -17px 0;
        background-size: 100% auto;
        width: 100%;
        height: 200px;
    }
}

@media(max-width: 530px) {
    .leftTextBg {
        height: 120px;
    }
}

@media (orientation: portrait) and (max-width: 880px) {
    .loginBg {
        background-position-x: calc(50% - 180px);
    }
}

@media (orientation: portrait) and (max-width: 530px) {
    .loginBg {
        background-position-x: calc(50% - 240px);
    }
}

/* end login */

/* 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;
}

.regItem, .regItemEmpty {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
}

.regColumnWidth1.regItem.leftCol, .regColumnWidth1.regItemEmpty.leftCol {
    padding-right: 20px;
}

.regColumnWidth1.regColumnWidth1.regItem.rightCol, .regColumnWidth1.regItemEmpty.rightCol {
    padding-left: 20px;
}

.regDelimiter {
    display: none;
}

.regField {
    order: 2;
}

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

@media (max-width: 1600px) {

    #navigation_3 > ul li a, #navigation_3 > ul li a span {
        line-height: 28px;
        font-size: 24px;
    }
}

@media (max-width: 1024px) {

    #middle_content, #footer_content {
        padding-right: 60px;
        padding-left: 60px;
    }

    #navigation_3 {
        padding-left: 60px;
    }

    .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 {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .regButtons .regBtnBack,.regButtons .regBtnNext,.regButtons .regBtnSave {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    #middle_content, #footer_content {
        padding-right: 40px;
        padding-left: 40px;
    }

    .regButtons .regBtnBack {
        padding-right: 5px;
    }
    .regButtons .regBtnNext, .regBtnSave {
        padding-left: 5px;
    }
}

@media (max-width: 425px) {
    #sandwichHead {
        left: 20px;
        top: 6px;
    }
    #navigation_3 {
        padding-left: 20px;
    }

    #middle_content, #footer_content {
        padding: 0 20px;
    }

    #footer_content {
        padding-top: 40px;
    }

    #middle_content {
        padding-top: 80px;
    }

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

    .noLogin input[type="submit"],
    .regButtons .regBtnBack input[type="submit"],
    .regButtons .regBtnNext input[type="submit"],
    .regButtons .regBtnSave input[type="submit"],
    input[type="submit"], a.registerLink,
    .regButtons > div:only-child input[type="submit"] {
        width: 100%;
        float: none;
    }

    .regButtons .regBtnBack,.regButtons .regBtnNext,.regButtons .regBtnSave {
        padding-left: 0;
        padding-right: 0;
    }

}
/* end left/right fields layout */

/* Begin VW Logo Line and header */
.fullScreenBg.noLogin #header {
    background: none;
}

.noLogin #sandwichHead {
    /*display: none;*/
}

.vwLogoLine {
    /*display: none;*/
}
/*.noLogin*/ .vwLogoLine {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    width: 100%;
    position: fixed;
    top: 12px;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 00.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    background: none;
    padding-top: 10px;
}

.vwLogoLine .first, .vwLogoLine .third {
    height: 2px;
    background: #001e50;
}

.vwLogoLine .first {
    order: 1;
    flex-grow: 8;
}
.vwLogoLine .second {
    order: 2;
    height: 56px;
    flex-basis: 56px;
    flex-shrink: 0;
    background-image: url(img/logo_dark_blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 50px;
    margin: 0 12px;
    background-position: center;
}

.vwLogoLine .second a {
    width: 100%;
    height: 100%;
    display: block;
    border-bottom: none !important;
}

.vwLogoLine .second_text {
    order: 3;
    min-height: 60px;
    flex-basis: 60px;
    flex-shrink: 0;
    border-radius: 50px;
    margin: 0 12px 0 0;
    color: #001E50;
    font: bold 12px/1 "vwn-head", Arial, Helvetica, sans-serif;
    line-height: 56px;
}

.lang_en .vwLogoLine .second_text {
    flex-basis: 80px;
    line-height: 20px;
    min-height: auto;
}

.fullScreenBg .vwLogoLine .second {
    background-color: transparent;
}

.vwLogoLine .third {
    order: 3;
    flex-grow: 2;
}

.fullScreenBg .vwLogoLine .first,
.fullScreenBg .vwLogoLine .third {
    background: #ffffff;
}

.fullScreenBg .vwLogoLine .second_text {
    color: #ffffff;
}

.fullScreenBg .vwLogoLine .second {
    order: 2;
    height: 60px;
    flex-basis: 60px;
    flex-shrink: 0;
    background-image: url(img/logo_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    margin: 0 12px;
}

.sticky .vwLogoLine {
    top: -100px;
}


@media (max-width: 1023px) {
    .vwLogoLine .first {
        flex-grow: 4;
    }
}

@media (max-width: 767px) {
    .vwLogoLine .first {
        flex-grow: 3;
    }
}

@media (max-width: 560px) {
    .vwLogoLine .first {
        flex-grow: 2;
    }
}

@media (max-width: 425px) {

    #header {
        height: 80px;
    }

    #header.sticky {
        height: 44px;
    }

    .vwLogoLine {
        /*padding-top: 20px;*/
    }

    .vwLogoLine .first,
    .vwLogoLine .third {

    }

    .vwLogoLine .first {
        flex-grow: 1;
    }

    /*.noLogin*/ .vwLogoLine .second,
    .vwLogoLine .second,
    .fullScreenBg .vwLogoLine .second {
        min-height: 40px;
        flex-basis: 40px;
        flex-shrink: 0;
        background-position: center center;
        margin: 0 8px
    }
    .vwLogoLine .second a {
        width: 40px;
        height: 40px;
    }


    .sticky .vwLogoLine {
        top: -93px;
    }


}
/* End VW Logo Line and header */


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

.expandHeadline {
    cursor: pointer;
    position: relative;
    padding:24px 24px 24px 0;
    border-bottom: 2px solid rgb(223, 228, 232);
    margin: 0;
    font-size: 24px;
    line-height: 28px;
}

.expandHeadline.au-expanded {
    border-bottom-color: transparent;
}

.expandHeadline::after {
    font-family:"Font Awesome 5 Pro";
    /*font-weight: 900;*/
    position: absolute;
    top: 26px;
    right: 0;
    width: 24px;
    height: 24px;
    content: "\f107";/* angle-down */
}

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

/* Begin Error Style */
#loginError {
    color: #E4002C;
    padding-bottom: 24px;

}

.regMandatoryInfo {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 24px;
}

.regError {
    margin-bottom: 24px;
}
.regError,
.regError .headline,
.regError .item
{
    color: #E4002C;
    display: block;
    line-height: 24px;
}

.regError .headline {
    font-size: 18px;
}

.regItem.itemError input[type="text"],
.regItem.itemError input[type="password"],
.regItem.itemError textarea,
.regItem.itemError select {
    border-bottom-color: #E4002C;
}
/* End Error Style */

/* set Footer always down */
html,
body,
#page_margins {
    margin:0;
    padding:0;
    height:100%;
    min-height: 100%;
}

#page {
    min-height:100%;
    position:relative;
    box-sizing: border-box;
}
#footer {
    position:absolute;
    bottom:0;
    width:100%;
    left: 0;
    right: 0;
}

/* IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    select, select:disabled {
        background-image: none;
        padding-right: 10px;

    }
}

/* Edge */
@supports (-ms-ime-align: auto) {
    input[type="radio"],
    input[type="radio"]:checked {
        padding: 0;
        border: none;
    }

    input[type="radio"] {
        -webkit-appearance: radio;
    }

    input[type="checkbox"] {
        -webkit-appearance: checkbox;
    }
}

/* text Overlay login Page*/
.noLogin .smallOverlay, .noLogin .bigOverlay {
    /*color: rgb(0, 64, 197);*/
    color: white;
    font-size: 144px;
    line-height: 114px;
    margin: 0;
    padding: 0;
    /*display: none;*/
}

.noLogin .smallOverlay {
    font-family: "VWHeadWeb-Light";
    margin-bottom: 24px;
    margin-top: 280px;
}


.noLogin .bigOverlay {
    margin-bottom: 50px;
    font-family: "VWHeadWeb-Bold";
}

@media(max-width: 1440px) {

    .noLogin .smallOverlay,
    .noLogin .bigOverlay {
        font-size: 100px;
        line-height: 100px;
        padding: 0;
    }

    .noLogin .smallOverlay {
        margin-bottom: 12px;
        margin-top: 230px;

    }
}

@media(max-width: 1023px) {

    .noLogin .smallOverlay,
    .noLogin .bigOverlay {
        font-size: 74px;
        line-height: 74px;
    }

    .noLogin .smallOverlay {
        margin-bottom: 16px;
        margin-top: 160px;
    }
}

@media(max-width: 767px) {

    .noLogin .smallOverlay,
    .noLogin .bigOverlay {
        font-size: 40px;
        line-height: 40px;
    }

    .noLogin .smallOverlay {
        margin-bottom: 16px;
        margin-top: 160px;
    }
}

@media(max-width: 530px) {

    h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .noLogin .smallOverlay,
    .noLogin .bigOverlay {
        font-size: 40px;
        line-height: 40px;
    }

    .noLogin .smallOverlay {
        margin-bottom: 0;
        margin-top: 240px;
    }
}

@media(max-width: 374px) {
    .noLogin .smallOverlay,
    .noLogin .bigOverlay {
        font-size: 32px;
        line-height: 32px;
    }

    .noLogin .smallOverlay {
        margin-top: 80px;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 900px)
and (max-device-width: 1025px)
and (orientation: landscape) {
    .noLogin .smallOverlay {
        margin-top: 20px;
    }
}

@media only screen
and (min-device-width: 700px)
and (max-device-width: 900px)
and (orientation: landscape) {

    .noLogin .smallOverlay,
    .noLogin .bigOverlay {
        font-size: 32px;
        line-height: 32px;
    }

    .noLogin .smallOverlay {
        margin-top: 20px;
    }

    .noLogin .bigOverlay {
        margin-bottom: 20px;
    }
}

@media only screen
and (min-device-width: 400px)
and (max-device-width: 700px)
and (orientation: landscape) {

    .noLogin .smallOverlay,
    .noLogin .bigOverlay {
        font-size: 32px;
        line-height: 32px;
    }

    .noLogin .smallOverlay {
        margin-top: 0px !important;
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .noLogin .bigOverlay {
        margin-bottom: 20px;
        margin-top: -8px;
    }
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .noLogin .smallOverlay {
        margin-top: 160px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (max-device-height : 767px)
and (orientation : landscape) {
    .noLogin .smallOverlay {
        margin-top: 20px;
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .noLogin .smallOverlay {
        margin-top: 320px;
    }
}

/* iPad Pro (portrait) ----------- */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : portrait) {
    .noLogin .smallOverlay {
        margin-top: 560px;
    }
}


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

@media only screen
and (max-device-height : 570px)
and (orientation : landscape) {
    .fullScreenBg .smallOverlay {
        margin-top: -20px !important;
        padding-top: 0px;
        margin-bottom: 0px;
    }

    .fullScreenBg .bigOverlay {
        margin-bottom: 10px;
        margin-top: -8px;
    }

    .fullScreenBg #footer_content {
        padding-top: 5px;
    }

}

@media (min-height : 600px) {
    .fullScreenBg .text_home {
        position: absolute;
        bottom: 150px;
    }

    .fullScreenBg .smallOverlay {
        margin-top: 0px !important;
        padding-top: 0px;
    }

}

@media (min-height : 800px) {
    .fullScreenBg .text_home {
        position: absolute;
        bottom: 575px;
        left: 128px;
    }

    .fullScreenBg .smallOverlay {
        margin-top: 0px !important;
        padding-top: 0px;
    }

}

/* font-size 16px input label */
.noLogin .loginLabel,
.regLabel {
    font-size: 16px;
}
/* font-size 20px input value */
input[type="submit"], a.registerLink, a.toLoginPage,
.regField .readOnly,
.regField.type5 label, .regField.type6 label,
.regItem.type6 .regField > label span,
a.pluginButton,
.type16 span.fileinput-button {
    font-size: 20px;
}



/* begin type file */
.regField.type16 {
    display: block;
}
.type16 span.fileinput-button {
    margin-top: 8px;
    margin-bottom: 8px;
    /*display: inline-block !important;*/
}

.type16 span.fileinput-button.is-display-inline {
    display: inline-block !important;
}

.type16 span.fileinput-button.is-display-none {
    display: none !important;
}

.type16 span.fileinput-button span {
    color: #ffffff;
}

.type16 .fileError {
    margin-top: 5px;
    margin-right: 10px;
}

.type16 input[type="file"] {
    width: 100%;
    height: 100%;
}

.fileExists {
    /*display: block !important;*/
}
.fileExists div {
    width: auto;
    margin-right: 8px;
}

.type16 .button.fileinput-button.is-camera-active {
    display: none !important;
}

.type16 .image_cropper .btn,
.type16 .image_cropper .capture-camera-btn {
    margin: 0 32px 0 0 ;
}

.type16 .image_cropper {
    /*border: 1px solid rgb(223, 228, 232);*/
    padding: 32px 0 32px 0;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
}


.type16 .image_cropper .text-success {
    color: inherit;
    font-weight: bold;
}

.type16 .image_cropper .text-error {
    color: #E4002C;
    font-weight: bold;
}

.type16 .image_cropper .text-info {
    color: rgb(0, 30, 80);
}

.type16 .image_cropper .camera-controls select {
    margin-bottom: 15px;
}

.type16  .image_cropper .fileInfoContainer,
.type16  .image_cropper .imageContainer,
.type16  .image_cropper .croppedContainer
.type16 .image_cropper .image_cropper .quality-control {
    border-color: rgb(223, 228, 232);
}


/* end type file */

/* Language Navigation */
#header_lang {
    display: block;
    position: absolute;
    right: 80px;
    top: 15px;
    z-index: 2;
}
#header_lang .flag_label {
    display: none;
}
#header_lang a {
    background: none;
    border: none;
    font-size: 18px;
    color:rgb(0, 30, 80);
    line-height: 24px;
    display: inline-block;
    height: auto;
    width: auto;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
}

#header_lang a {
    margin-right: 8px;
}

#header_lang a:last-of-type {
    margin-right: 0;
}

#header_lang .activeLang,
#header_lang a:hover {
    color: rgb(0, 64, 197);
}

#header_lang a::after {
    content:" ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: rgb(0, 64, 197);
    transition: width 0.2s ease-in-out 0s;
}
.fullScreenBg #header_lang a,
.fullScreenBg #header_lang .activeLang,
.fullScreenBg #header_lang a:hover {
    color: #ffffff;
}

.fullScreenBg #header_lang a::after {
    background: #ffffff;
}

#header_lang a:hover::after,
#header_lang a.activeLang::after {
    content:" ";
    width: 100%;
}

@media (max-width: 425px) {
    #header_lang {
        right: 20px;
        top: 5px;
    }
}

#header_lang .flag_it,
#header_lang .flag_pl,
#header_lang .flag_ro,
#header_lang .flag_es,
#header_lang .flag_fr,
#header_lang .flag_pt

{
    /*display: none;*/
}


/* italienisch */
.group401 #header_lang .flag_it,
.group481 #header_lang .flag_it,
.group469 #header_lang .flag_it {
    display: inline-block;
}

/* polnisch */
.group410 #header_lang .flag_pl,
.group489 #header_lang .flag_pl,
.group462 #header_lang .flag_pl {
    display: inline-block;
}

/* rumänisch */
.group407 #header_lang .flag_ro {
    display: inline-block;
}

/* spanisch */
.group411 #header_lang .flag_es,
.group399 #header_lang .flag_es,
.group480 #header_lang .flag_es,
.group473 #header_lang .flag_es,
.group445 #header_lang .flag_es,
.group460 #header_lang .flag_es {
    display: inline-block;
}


/* de en ausblenden */

.group401 #header_lang .flag_de,
.group401 #header_lang .flag_en,
.group481 #header_lang .flag_de,
.group481 #header_lang .flag_en,
.group469 #header_lang .flag_de,
.group469 #header_lang .flag_en,
.group410 #header_lang .flag_de,
.group410 #header_lang .flag_en,
.group489 #header_lang .flag_de,
.group489 #header_lang .flag_en,
.group462 #header_lang .flag_de,
.group462 #header_lang .flag_en,
.group407 #header_lang .flag_de,
.group407 #header_lang .flag_en,
.group411 #header_lang .flag_de,
.group411 #header_lang .flag_en,
.group399 #header_lang .flag_de,
.group399 #header_lang .flag_en,
.group480 #header_lang .flag_de,
.group480 #header_lang .flag_en,
.group473 #header_lang .flag_de,
.group473 #header_lang .flag_en,
.group445 #header_lang .flag_de,
.group445 #header_lang .flag_en,
.group460 #header_lang .flag_de,
.group460 #header_lang .flag_en {
    display: none;
}

.login #header_lang {
    /*display: none !important;*/
}

/* Agenda */

.agendaTable,
.agendaTable tr:first-child {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-collapse:collapse;
}

.agendaTable tr {
    border-top: 1px solid #DCDCDC;
    padding-top: 15px;
}

.agendaTable td {
    padding: 5px 0;
}

/* Agenda */

.readOnlyField input[type="checkbox"],
.readOnlyField input[type="radio"],
.readOnlyField input[type="text"],
.readOnlyField label,
.readOnlyField label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

body.group501 #header_lang .flag_en,
body.group501 #header_lang .flag_it,
body.group501 #header_lang .flag_pl,
body.group501 #header_lang .flag_ro,
body.group501 #header_lang .flag_es,
body.group502 #header_lang .flag_en,
body.group502 #header_lang .flag_it,
body.group502 #header_lang .flag_pl,
body.group502 #header_lang .flag_ro,
body.group502 #header_lang .flag_es{
    display: none;
}

.eventTilesHeadline,
.eventsKeyVisualOverlay,
.salutationCtn,
.personFirstname {
    display: none !important;
}

a.toSSOLoginPage {
    cursor: pointer;
    line-height: 44px;
    color: rgb(255, 255, 255);
    background: rgb(0, 30, 80);
    border-color: rgb(0, 30, 80);
    padding: 0px 40px;
    border-width: 2px;
    border-style: solid;
    border-radius: 22px;
    outline: none;
    transition: all 0.2s ease-in-out 0s;
    min-width: 150px;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
}

a.toSSOLoginPage {
    display: inline-block;
}

a.toSSOLoginPage {
    color: rgb(0, 30, 80);
    background: #ffffff;
    border-color: rgb(255, 255, 255);
}

a.toSSOLoginPage:hover {
    color: rgb(0, 30, 80);
    background: rgb(76, 199, 244);
    border-color: rgb(76, 199, 244);
}

a.toSSOLoginPage {
    font-size: 20px;
}

.loginTextPage:not(.fullScreenBg) #homepage > br {
    display: none;
}

.loginTextPage:not(.fullScreenBg) #middle_content {
    padding-top: 60px;
}

@media (min-width: 980px) {
    /*#sandwichHead {
        display: none;
    }
    #navigation_3 {
        padding: 0;
        width: auto;
        height: auto;
        background: none;
        z-index: 2;
        position: absolute;
        left: 80px;
        top: 4px;
    }
    #navigation_3 ul, #navigation_3 ul li {
        display: inline-block;
        margin-right: 10px;
    }
    #navigation_3 ul, #navigation_3 ul li a {
        cursor: pointer;
        padding: 0;
    }

    #navigation_3 ul,
    #navigation_3 ul li a span {
        color: #001e50;
        font-size: 24px !important;
        line-height: 36px !important;
    }

    #navigation_3 ul li a::after {
        content: "|";
        color: #001e50;
        display: inline-block;
        margin-left: 10px;
    }

    .fullScreenBg #navigation_3 ul li a::after {
        color: #ffffff;
    }


    #navigation_3 ul li:last-child a:after
    {
        content: '';
        display: inline-block;
        margin-left: 10px;
    }

    .fullScreenBg #navigation_3 ul,
    .fullScreenBg #navigation_3 ul li a span {
        color: #fff;
    }

    #navigation_3 ul li:hover a span {
        color: rgb(0, 64, 197);
    }

    .fullScreenBg #navigation_3 ul li:hover a span {
        color: rgb(76, 199, 244);
    }*/
}

.index_content_text.event_none #navigation_3,
.index_content_text.event_none #sandwichHead {
    display: none !important;
}

#header_event_title {
    display: none !important;
}

table td {
    padding: 4px;
}

.cbla{
    top: 6px;
}

#tbl_checkbox{
    padding: 15px 0px 5px 0px;
}

#tbl_checkbox tr:first-child{
    font-weight: bolder;
}

.line{
    position: relative;
    left: 380px;
    bottom: 40px;
}


@media (max-width: 768px) {
    #option3{
        position: initial;
    }
    .line{
        left: 200px !important;
    }
}

@media (max-width: 608px) {
    #option4{
        position: initial;
    }
}

@media (max-width: 400px) {
    .qst_checkbox_td{
        display:block;
    }
}

/* plugin text page */
.teaserContent {
    display: none;
}

.tesearContainer {
    max-width: 1920px;
    margin: 0 auto;
}

.tesearContainer .teaserContent {
    display: block;
}



.tesearContainer .pageContent {
    display: none;
}

.tesearContainer {
    /*display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 5%;
    row-gap: 60px;*/
    display: flex;
    flex-direction: row;
    align-items: self-end;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.teaserItem {
    overflow: hidden;
    display: inline-block;
    float: left;
}

.teaserItem:nth-child(2n+1) {
    margin-right: 5%;
    margin-left: 5%;
    width: 40%;
    margin-bottom: 10%;
}

.teaserItem:nth-child(2n) {
    margin-left: 5%;
    margin-right: 5%;
    width: 40%;
    margin-bottom: 5%;
}

.teaserItem:nth-child(1) {
    margin-bottom: 0;
}

.teaserItem:nth-child(2) {
    margin-bottom: 10%;
}

.teaserItem:nth-child(3) {
    margin-bottom: 5%;
}

.teaserItem:nth-child(4) {
    margin-bottom: 10%;
}

.teaserItem:nth-child(6) {
    margin-bottom: 15%;
}

.teaserItem.noImage {
    margin-bottom: 20%;
}

.teaserContent .slideContent {
    overflow: hidden;
    transition: height 0.4s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
}

.teaserContent .image a {
    border-bottom: none;
    overflow: hidden;
    display: block;
}

.teaserContent img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    transform: scale(1);
    transition: transform 2.2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
}

.teaserContent .image:hover a img {
    transform: scale(1.03);
}

.teaserContent .link a {
    display: inline-block;
}

.teaserContent .slideLine {
    width: 100%;
    height: 44px;
    position: relative;
    display: block;
    box-shadow: 0 -15px 50px #fff;
    cursor: pointer;
    padding-bottom: 4px;
}

.teaserContent .slideLine:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: rgb(223, 228, 232);;
    position: absolute;
    left: 0;
    top: 21px;
}

.teaserContent.clicked .slideLine:after {
    content: "";
    width: 48px;
    height: 48px;
    border: 2px solid #0040C5;
    position: absolute;
    left: calc(50% - 26px);
    top: -4px;
    border-radius: 60px;
}

.teaserContent.open .slideLine {
    box-shadow: none;
}

.teaserContent .slideLine .circleContainer {
    position: absolute;
    left: calc(50% - 22px);
    width: 44px;
    height: 44px;
    border-radius: 44px;
    background-color: rgb(0, 30, 80);
}

.teaserContent .slideLine:hover .circleContainer {
    background-color: #0040C5;
}

.teaserContent .slideLine .circleContainer:before {
    content:"";
    background-image: url("img/chevron_white_down.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: block;
    margin: 10px;
    transition: transform 0.4s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
}

.teaserContent.open .slideLine .circleContainer:before {
    transform: rotate(180deg);
}

.teaserItem.disabled .image {
    background: #c2cacf;
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    padding: 60px 30px;
    color: #fff;
}

.teaserItem.disabled .text * {
    color: #c2cacf;
}

@media (max-width: 1280px) {
    .tesearContainer {
        /*grid-template-columns: auto auto;
        column-gap: 6%;*/
    }

    .teaserItem:nth-child(2n+1) {
        margin-left: 0;
        margin-right: 5%;
        width: 45%;
    }

    .teaserItem:nth-child(2n) {
        margin-right: 0;
        margin-left: 5%;
        width: 45%;
    }



}

@media (max-width: 768px) {
    .teaserItem {
        width: 100% !important;
        margin: 0 0 60px 0 !important;
    }

    .teaserItem:nth-child(2) {
        order: -1;
    }
}

@media (max-width: 560px) {
    .tesearContainer {
        /*grid-template-columns: auto;*/
    }
}

/* start grid container sample */
.gridContainer {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    /*grid-auto-rows: 4.166666666666667vh;*/
}

.gridContainer > div {
    /*opacity: 0.5;*/
}

.gridContainer > div img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item0 {
    grid-area: 1 / 1 / span 15 / span 14;
    order: 2;

}

.item1 {
    grid-area: 4 / 14 / span 14 / span 11;
    order: 3;
}

.item2 {
    grid-area: 15 / 3 / span 10 / span 13;
    order: 1;
}

@media (max-width: 530px) {
    .gridContainer {
        display: block;
    }

    .gridContainer > div {
        margin-bottom: 30px;
    }

}
/* end grid container layout */

/* register link startpage after login */
.regLinkCont,
.myDataLinkCont {
    width: 50%;
    float: right;
    text-align: center;
    margin: 0;
    padding-top: 60px;
}

.regLinkCont .registerLink,
.myDataLinkCont .myDataLink {
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 100px;
    min-width: 50%;
    font-size: 32px;
    font-weight: bold;
}

@media (max-width: 979px) {
    .regLinkCont,
    .myDataLinkCont {
        width: 100%;
        float: none;
        padding: 0;
        position: relative;
    }
    .regLinkCont .registerLink,
    .myDataLinkCont .myDataLink {
        position: absolute;
        top: -150px;
        left: 50%;
        transform: translate(-50%, 0);
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* hide default registerLink on startpage after login */
.login.event_index_index .text_home ~ .registerLink {
    /*display: none !important;*/
    /*pointer-events: none;*/
}

/* video */
#myVideoElement {
    background: url("img/01_01_LAY_BEX23_Platzhalter_Film_1920x1080.png") no-repeat center;
    background-size: contain;
    min-height: 50vh;
    width: 80% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#myVideoElement * {
    color: white !important;
}


@media (max-width: 1024px) {
    #myVideoElement {
        min-height: 26vh;
    }
}


@media (max-width: 768px) {
    #myVideoElement {
        width: 100% !important;
        min-height: 23vh;
    }
}

#questionAskedTextarea {
    outline: 1px solid #6a767d;
    display: block;
    margin-bottom: 30px;
}

/* startpage header */
.event_index_index.event_dex24.login.hideHeader #header,
.event_index_index.event_dex24.login #header {
    background: #ffffff;
}

.event_index_index.event_dex24.login.whiteHeaderBg #header {
    background: #ffffff;
}

/*.event_index_index.event_dex24.login.hideHeader #sandwichHead div span {*/
/*    background: #fff;*/
/*}*/
/*.event_index_index.event_dex24.login.hideHeader #sandwichHead:hover div span {*/
/*    background: rgb(76, 199, 244);*/
/*}*/

/*.event_index_index.event_dex24.login.hideHeader .vwLogoLine .first,*/
/*.event_index_index.event_dex24.login.hideHeader .vwLogoLine .third {*/
/*    background: #ffffff;*/
/*}*/

/*.event_index_index.event_dex24.login.hideHeader .vwLogoLine .second {*/
/*    background-image: url(img/VWLogoWhite.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-color: transparent;*/
/*    background-size: 85px;*/
/*}*/

/* Checkboken ausblenden */
#evtattr_2668,
#evtattr_2637,
#evtattr_2638 {
    display: none;
}

@media (max-width: 425px) {
    .event_index_index.event_dex24.login.hideHeader .vwLogoLine .second {
        background-size: 60px;
    }

    #menu-text {
        padding-left: 16px;
        bottom: 21px;
    }

    .lang_en #menu_en,
    .lang_de #menu_de,
    .lang_es #menu_es,
    .lang_it #menu_it,
    .lang_fr #menu_fr {
        width: 132px;
        font-size: 14px;
    }
}

#questionnaireForm .regField.type4 {
    width: 50%;
}

#questionnaireForm .regField.type5,
#questionnaireForm .regField.type6 > label {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
}

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

#questionnaireForm .regField.type5 label,
#questionnaireForm .regField.type6 label label {
    flex-basis: auto;
    padding-right: 30px;
    box-sizing: border-box;
}

#questionnaireForm .regItem.col1 .regField.type5 label,
#questionnaireForm .regItem.col1 .regField.type6 label label {
    flex-basis: calc(100%/1);
}
#questionnaireForm .regItem.col2 .regField.type5 label,
#questionnaireForm .regItem.col2 .regField.type6 label label {
    flex-basis: calc(100%/2);
}
#questionnaireForm .regItem.col3 .regField.type5 label,
#questionnaireForm .regItem.col3 .regField.type6 label label {
    flex-basis: calc(100%/3);
}
#questionnaireForm .regItem.col4 .regField.type5 label,
#questionnaireForm .regItem.col4 .regField.type6 label label {
    flex-basis: calc(100%/4);
}
#questionnaireForm .regItem.col5 .regField.type5 label,
#questionnaireForm .regItem.col5 .regField.type6 label label {
    flex-basis: calc(100%/5);
}
#questionnaireForm .regItem.col6 .regField.type5 label,
#questionnaireForm .regItem.col6 .regField.type6 label label {
    flex-basis: calc(100%/6);
}
#questionnaireForm .regItem.col7 .regField.type5 label,
#questionnaireForm .regItem.col7 .regField.type6 label label {
    flex-basis: calc(100%/7);
}
#questionnaireForm .regItem.col8 .regField.type5 label,
#questionnaireForm .regItem.col8 .regField.type6 label label {
    flex-basis: calc(100%/8);
}
#questionnaireForm .regItem.col9 .regField.type5 label,
#questionnaireForm .regItem.col9 .regField.type6 label label {
    flex-basis: calc(100%/9);
}



@media (max-width: 1024px) {
    #questionnaireForm .regField.type5 label,
    #questionnaireForm .regField.type6 label label,
    /*#questionnaireForm .regItem.col1 .regField.type5 label,*/
    /*#questionnaireForm .regItem.col1 .regField.type6 label label,*/
    #questionnaireForm .regItem.col2 .regField.type5 label,
    #questionnaireForm .regItem.col2 .regField.type6 label label,
    #questionnaireForm .regItem.col3 .regField.type5 label,
    #questionnaireForm .regItem.col3 .regField.type6 label label,
    #questionnaireForm .regItem.col4 .regField.type5 label,
    #questionnaireForm .regItem.col4 .regField.type6 label label,
    #questionnaireForm .regItem.col5 .regField.type5 label,
    #questionnaireForm .regItem.col5 .regField.type6 label label,
    #questionnaireForm .regItem.col6 .regField.type5 label,
    #questionnaireForm .regItem.col6 .regField.type6 label label,
    #questionnaireForm .regItem.col7 .regField.type5 label,
    #questionnaireForm .regItem.col7 .regField.type6 label label,
    #questionnaireForm .regItem.col8 .regField.type5 label,
    #questionnaireForm .regItem.col8 .regField.type6 label label,
    #questionnaireForm .regItem.col9 .regField.type5 label,
    #questionnaireForm .regItem.col9 .regField.type6 label label {
        flex-basis: 50%;
    }
}

@media (max-width: 768px) {
    #questionnaireForm .regField.type5 label,
    #questionnaireForm .regField.type6 label label,
    #questionnaireForm .regItem.col1 .regField.type5 label,
    #questionnaireForm .regItem.col1 .regField.type6 label label,
    #questionnaireForm .regItem.col2 .regField.type5 label,
    #questionnaireForm .regItem.col2 .regField.type6 label label,
    #questionnaireForm .regItem.col3 .regField.type5 label,
    #questionnaireForm .regItem.col3 .regField.type6 label label,
    #questionnaireForm .regItem.col4 .regField.type5 label,
    #questionnaireForm .regItem.col4 .regField.type6 label label,
    #questionnaireForm .regItem.col5 .regField.type5 label,
    #questionnaireForm .regItem.col5 .regField.type6 label label,
    #questionnaireForm .regItem.col6 .regField.type5 label,
    #questionnaireForm .regItem.col6 .regField.type6 label label,
    #questionnaireForm .regItem.col7 .regField.type5 label,
    #questionnaireForm .regItem.col7 .regField.type6 label label,
    #questionnaireForm .regItem.col8 .regField.type5 label,
    #questionnaireForm .regItem.col8 .regField.type6 label label,
    #questionnaireForm .regItem.col9 .regField.type5 label,
    #questionnaireForm .regItem.col9 .regField.type6 label label {
        flex-basis: 100%;
    }

    #questionnaireForm .regField.type4 {
        width: 100%;
    }
}

/* start grid container .text1108 */
.text1108 .gridContainer {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(48, 1fr);
    grid-auto-rows: unset;
}

.text1108 .gridContainer > div {
    /*border: 1px solid black;*/
    box-sizing: border-box;
    position: relative;
}

.text1108 .gridContainer > div > div {
    padding: 8px 16px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    font-size: 48px;
    color: #fff;
}

.text1108 .gridContainer > div img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.text1108 .item0 {
    grid-area: 1 / 6 / span 26 / span 16;
}

.text1108 .item1 {
    grid-area: 1 / 21 / span 36 / span 12;
}

.text1108 .item2 {
    grid-area: 7 / 32 / span 28 / span 10;
}

.text1108 .item3 {
    grid-area: 26 / 9 / span 30 / span 12;
}

.text1108 .item4 {
    grid-area: 35 / 21 / span 25 / span 23;
}

.text1108 .item5 {
    grid-area: 52 / 14 / span 21 / span 16;
    order: 17;
}

.text1108 .item6 {
    grid-area: 60 / 30 / span 28 / span 8;
    order: 20;
}

@media (max-width: 530px) {
    .text1108 .gridContainer {
        display: flex;
        flex-direction: column;
    }f

    .text1108 .gridContainer > div {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .text1108 .item0 {
        order: 1;
    }

    .text1108 .item1 {
        order: 2;
    }

    .text1108 .item2 {
        order: 3;
    }

    .text1108 .item3 {
        order: 6;
    }

    .text1108 .item4 {
        order: 4;
    }

    .text1108 .item5 {
        order: 5;
    }

    .text1108 .item6 {
        order: 6;
    }
}

/* end grid container layout .text1108 */

.dex2024Overlay {
    width: 700px;
    margin-bottom: 30px;
}

@media (max-width: 920px) {
    .dex2024Overlay {
        width: 90%;
    }
}

.event_index_registration.group1755.status40 .regBtnNext,
.event_index_registration.group1756.status40 .regBtnNext,
.event_index_registration.group1757.status40 .regBtnNext,
.event_index_registration.group1758.status40 .regBtnNext,
.event_index_registration.group1755.status40 #regText_textext4-ext-gen4736,
.event_index_registration.group1756.status40 #regText_textext4-ext-gen4736,
.event_index_registration.group1757.status40 #regText_textext4-ext-gen4736,
.event_index_registration.group1758.status40 #regText_textext4-ext-gen4736
{
    display: none !important;
}

@media (max-width: 1280px) {
    body.text1159 #middle_content img {
        max-width: 800px;
    }
}

@media (max-width: 1024px) {
    body.text1159 #middle_content img {
        max-width: 600px;
    }
}

@media (max-width: 768px) {
    body.text1159 #middle_content img {
        max-width: unset;
    }
}

/* begin media library */
.event_dex24 .media-library {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.event_dex24 .media-library .item {
    padding: 30px 30px 80px 30px;
    width: 400px;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    flex-wrap: wrap;
}

.event_dex24 .media-library .item.hide {
    display: none !important;
    pointer-events: none;
}

.event_dex24 .media-library .image {
    background: lightgrey;
    overflow: hidden;
}

.event_dex24 .media-library .image img {
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: transform 2.2s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
}

.event_dex24 .media-library .item:hover img {
    transform: scale(1.03);
}

.event_dex24 .media-library .text h3 {
    display: block;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    text-align: center;
    padding-top: 60px;
}

.event_dex24 .media-library .button {
    text-align: center;
    margin-bottom: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.event_dex24 .media-library .button a {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    line-height: 44px;
    color: rgb(255, 255, 255);
    background: rgb(0, 30, 80);
    border-color: rgb(0, 30, 80);
    padding: 0px 40px;
    border-width: 2px;
    border-style: solid;
    border-radius: 22px;
    outline: none;
    transition: all 0.2s ease-in-out 0s;
    min-width: 150px;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
}

.event_dex24 .media-library .button a:hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 64, 197);
    border-color: rgb(0, 64, 197);
}

.event_dex24 .media-library-filter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.event_dex24 .media-library-filter::after {
    content: "";
    clear: both;
    display: table;
}

.event_dex24 .media-library-filter div {
    line-height: 22px;
    padding: 4px 16px 4px 38px;
    border: 1px solid rgb(0, 30, 80);
    border-radius: 500px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    background: url(img/plus.svg);
    background-size: 12px 12px;
    background-position: 20px 10px;
    background-repeat: no-repeat;
    color: rgb(0, 30, 80);
    font-size: 16px;
    box-sizing: border-box;
    margin: 16px 8px 16px 0;
    position: relative;
}

.event_dex24 .media-library-filter div.active {
    color: #ffffff;
    background: url(img/check.svg);
    background-size: 12px 12px;
    background-position: 20px 10px;
    background-repeat: no-repeat;
    border: 1px solid rgb(0, 30, 80);
    background-color: rgb(0, 30, 80);
}

.event_dex24 .media-library-filter div:hover::after {
    position: absolute;
    content: "";
    background-color: rgba(194, 202, 207, 0.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.event_dex24 .ui-dialog .ui-icon, .ui-widget-content .ui-icon {
    background-image: url("img/ui-icons_444444_256x240.png") !important;
}

.event_dex24 .ui-dialog .ui-widget-header {
    background: none;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .event_dex24 .media-library .item {
        flex-shrink: unset;
        padding-left: 0;
        padding-right: 0;
    }
}

/* group photo page */

@media (max-width: 1280px) {
    body.text616 #middle_content img {
        max-width: 800px;
    }
}

@media (max-width: 1024px) {
    body.text616 #middle_content img {
        max-width: 600px;
    }
}

@media (max-width: 768px) {
    body.text616 #middle_content img {
        max-width: unset;
    }
}

/* end media library */
/* begin swipebox */
.event_dex24 .galleryDex2024 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.event_dex24 .galleryDex2024 .galleryItem {
    padding: 30px 30px 30px 30px;
    width: 270px;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    flex-wrap: wrap;
}

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

.event_dex24 .galleryDex2024 .galleryItem:hover img {
    transform: scale(1.03);
}

@media (max-width: 768px) {
    .event_dex24 .galleryDex2024 .galleryItem {
        flex-shrink: unset;
        padding-left: 0;
        padding-right: 0;
    }
}

.event_dex24 #swipebox-overlay {
    background: none;
}

.event_dex24 #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;
}

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

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

.event_dex24  #swipebox-prev {
    background-image: url(img/chevron_white_down.svg) !important;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center;
    transform: rotate(90deg);
    border: 2px solid #ffffff !important;
    border-radius: 50px;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}
.event_dex24  #swipebox-next {
    background-image: url(img/chevron_white_down.svg) !important;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center;
    transform: rotate(-90deg);
    border: 2px solid #ffffff !important;
    border-radius: 50px;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}
.event_dex24  #swipebox-close {
    background-image: url(img/chevron_white_close.svg) !important;
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: center 10px;
    transform: rotate(-90deg);
    border: 2px solid #ffffff !important;
    border-radius: 50px;
    box-sizing: border-box;
    right: 24px;
    top: 24px;
    position: absolute;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}
.event_dex24  #swipebox-prev:hover,
.event_dex24  #swipebox-next:hover,
.event_dex24  #swipebox-close:hover {
    background-color: rgb(76, 199, 244);
}

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

.event_dex24 #swipebox-slider .slide.current {
    padding: 30px;
    box-sizing: border-box;
}
/* end swipebox */

.teaserItem {
    position: relative;
}

.teaserDownloadLink {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.teaserDownloadLink:hover ~ .teaserContent .image a img {
    transform: scale(1.03);
}

.event_dex24/*.group1863*/ .tesearContainer {
    align-items: self-start;
    justify-content: center;
}

.event_dex24/*.group1863*/ .teaserItem {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.event_dex24/*.group1863*/ .teaserItem .circleContainer {
    display: none !important;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(1) {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(3) {
    margin-right: 55%;
    margin-bottom: 5% !important;
}

.event_dex24/*.group1863*/ .tesearContainer .hrLine {
    width: 100%;
    height: 1px;
    background-color: #000000;
    margin-bottom: 5%;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(5) {
    margin-top: 5% !important;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(6) {
    margin-top: 0 !important;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(7) {
    margin-top: 5% !important;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(8) {
    margin-top: 5% !important;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(9) {
    margin-top: 5% !important;
}

.event_dex24/*.group1863*/ .teaserItem:nth-child(10) {
    height: 1px !important;
}

@media (max-width: 768px) {
    .event_dex24/*.group1863*/ .teaserItem:nth-child(1) {
        order: 1;
        margin-top: 0 !important;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(2) {
        order: 2;
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(3) {
        order: 3;
        margin-top: 5% !important;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(4) {
        order: 4;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(5) {
        order: 5;
        margin-bottom: 5% !important;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(6) {
        order: 6;
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(7) {
        order: 7;
        margin-bottom: 5% !important;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(8) {
        order: 8;
        margin-bottom: 5% !important;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(9) {
        order: 9;
    }

    .event_dex24/*.group1863*/ .teaserItem:nth-child(10) {
        order: 10;
    }

    .event_dex24/*.group1863*/ .tesearContainer .hrLine {
        display: none;
    }
}

/* begin start after login */
/*
.event_index_index.login .text_home {
    display: block;
    position: relative;
    color: #fff;
    padding: 60px 80px;
    padding-right: calc(60% + 80px);
}

.event_index_index.login .text_home * {
    color: #fff;
}

.event_index_index.login .text_home::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 80px);
    height: 100%;
    background: #001E50;
    z-index: -1;
}

.event_index_index.login #portallogo_content_top {
    display: block;
    position: absolute;
    width: calc(((100% - 160px) * 0.6));
    height: auto;
    left: calc(80px + ((100% - 160px) * 0.4));
    top: 206px;
    max-width: 1056px;
}

@media (max-width: 1979px) {
    .event_index_index.login #portallogo_content_top {
        top: 190px;
    }
}

@media (max-width: 1400px) {
    .event_index_index.login .text_home {
        position: relative;
        display: block;
        color: #fff;
        padding: 40px 60px;
    }

    .event_index_index.login .text_home::after {
        width: 100%;
        height: 100%;
    }

    .event_index_index.login #portallogo_content_top {
        position: initial;
        width: 100%;
        max-width: unset;
    }
}

@media (max-width: 1024px) {
    .event_index_index.login .text_home {
        padding: 24px 48px;
    }
}

@media (max-width: 768px) {
    .event_index_index.login .text_home {
        padding: 24px 24px;
    }
}

@media (max-width: 530px) {
    .event_index_index.login .text_home {
        padding: 24px 16px;
    }
}
*/
/* end start after login */

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

#stepWizardDiv a {
    border-color: transparent;
}

#stepWizardDiv table {
    margin: 0;
    border-collapse: separate;
    margin-bottom: 20px; }
#stepWizardDiv table td {
    padding: 0;
    background-image: none;
    vertical-align: middle;}
#stepWizardDiv table td.activeStep {
    background: #001e50;
    color: #dfe4e8; }
#stepWizardDiv table td.activeStep a {
    color: #ffffff; }
#stepWizardDiv table td.nextStep {
    background: #dfe4e8;
    color: #000000; }
#stepWizardDiv table td.nextStep a {
    color: #cccccc; }
#stepWizardDiv table td.prevStep {
    background: #001e50;
    color: #ffffff; }
#stepWizardDiv table td.prevStep a {
    color: #ffffff;
    border: none;
}
#stepWizardDiv table td.arrow {
    border-top: 19px solid #dfe4e8;
    border-right: 0px solid #dfe4e8;
    border-bottom: 18px solid #dfe4e8;
    border-left: 18px solid #dfe4e8;
    position: relative; }
#stepWizardDiv table td.arrow.activeNext {
    border-left: 18px solid #001e50; }
#stepWizardDiv table td.arrow.prevActive {
    border-left-color: #001e50;
    border-top-color: #001e50;
    border-right-color: #001e50;
    border-bottom-color: #001e50; }
#stepWizardDiv table td.arrow.prevPrev {
    border-left-color: #001e50;
    border-top-color: #001e50;
    border-right-color: #001e50;
    border-bottom-color: #001e50; }
#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 */

:root {
    --leftImgWidth: calc(500px * 0.6667);
}



.leftImgBg {
    display: none;
    background-image: url("img/RZ_BEX25_KV_Schriftzug_white.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: var(--leftImgWidth);
    height: calc(var(--leftImgWidth) / 2.594458438287154);
    margin-bottom: 60px;
}


@media (max-width: 600px) {
    :root {
        --leftImgWidth: calc((100vw * 0.6667) - (100px * 0.6667));
    }

    .leftImgBg {
        margin-bottom: 30px;
    }
}

@media (orientation: landscape) {
    :root {
        --leftImgWidth: calc((100vh * 0.6667) - (100px * 0.6667));
    }

    .leftImgBg {
        margin-bottom: 30px;
        max-width: calc(1000px * 0.6667);
    }
}

@media (orientation: landscape) and (max-width: 1600px) {
    .leftImgBg {
        max-width: calc(500px);
    }
}

body #portallogo_content_top5 {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

body.event_index_index.noLogin #portallogo_content_top5 {
    display: none;
}

/* hide pt language for pt guest groups */
.event_dex24:not(.event_index_index.noLogin, .event_index_pw) #header_lang a.flag_pt {
    display: none;
}

.event_dex24.group2021:not(.event_index_index.noLogin) #header_lang a.flag_pt,
.event_dex24.group2023:not(.event_index_index.noLogin) #header_lang a.flag_pt,
.event_dex24.group2026:not(.event_index_index.noLogin) #header_lang a.flag_pt,
.event_dex24.event_index_index.noLogin.group2021 #header_lang a.flag_pt,
.event_dex24.event_index_index.noLogin.group2023 #header_lang a.flag_pt,
.event_dex24.event_index_index.noLogin.group2026 #header_lang a.flag_pt {
    display: inline-block;
}

/* show only en language for uk guest groups */
.event_dex24.login.group2020 #header_lang a:not(.flag_en),
.event_dex24.login.group2022 #header_lang a:not(.flag_en),
.event_dex24.login.group2112 #header_lang a:not(.flag_en) {
    display: none;
}

.grey {
    color: #c2cacf !important;
    pointer-events: none !important;
}

.StyledLogoClaimWrapper-bKomMr  {
    order: 3;
}

.lang_en .StyledLogoClaimWrapper-bKomMr {
    width: 110px;
}

.StyledLogoClaim-lisFAw {
    color: #001e50;
    font-family: "VWHeadWeb-Bold", "VWTextWeb-Regular";
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 3px;
    margin-right: 14px;
    font-weight: 700;
}

.fullScreenBg .StyledLogoClaim-lisFAw {
    color: white;
}

@media (max-width: 960px) {
    .fullScreenBg .vwLogoLine .second,
    .vwLogoLine .second {
        height: 42px;
        flex-basis: 42px;
        margin: 0 8px;
    }

    .StyledLogoClaim-lisFAw {
        /*font-size: 10px;*/
        /*line-height: 10px;*/
        margin-right: 8px;
    }
}

@media (max-width: 559px) {

    /*.noLogin*/ .vwLogoLine .second,
.vwLogoLine .second {
    min-height: 32px;
    flex-basis: 32px;
    flex-shrink: 0;
    background-position: center;
    margin: 0 7px;
}

    .vwLogoLine .StyledLogoClaim-lisFAw {
        padding-bottom: 0;
        /*font-size: 8px;*/
        /*line-height: 8px;*/
        margin-bottom: 1px;
    }
}


input[type="submit"], a.registerLink, a.toLoginPage,
a.pluginButton,
.type16 span.fileinput-button {
    font-size: 16px;
}

/*Groups-languagues*/

.group2332 .flag_es,
.group2332 .flag_en,
.group2332 .flag_it,
.group2332 .flag_pt,
.group2319 .flag_es,
.group2319 .flag_en,
.group2319 .flag_it,
.group2319 .flag_pt,
.group2371 .flag_es,
.group2371 .flag_en,
.group2371 .flag_it,
.group2371 .flag_pt {
    display: none !important;
}

.group2334 .flag_de,
.group2334 .flag_it,
.group2334 .flag_pt {
    display: none !important;
}

.group2351 .flag_de,
.group2351 .flag_es,
.group2351 .flag_it,
.group2354 .flag_de,
.group2354 .flag_es,
.group2354 .flag_it,
.group2376 .flag_de,
.group2376 .flag_es,
.group2376 .flag_it {
    display: none !important;
}

.group2374 .flag_de,
.group2374 .flag_es,
.group2374 .flag_pt,
.group2345 .flag_de,
.group2345 .flag_es,
.group2345 .flag_pt {
    display: none !important;
}

.group2320 .flag_es,
.group2320 .flag_it,
.group2320 .flag_pt,
.group2321 .flag_es,
.group2321 .flag_it,
.group2321 .flag_pt,
.group2322 .flag_es,
.group2322 .flag_it,
.group2322 .flag_pt,
.group2323 .flag_es,
.group2323 .flag_it,
.group2323 .flag_pt,
.group2324 .flag_es,
.group2324 .flag_it,
.group2324 .flag_pt,
.group2325 .flag_es,
.group2325 .flag_it,
.group2325 .flag_pt,
.group2326 .flag_es,
.group2326 .flag_it,
.group2326 .flag_pt,
.group2327 .flag_es,
.group2327 .flag_it,
.group2327 .flag_pt,
.group2328 .flag_es,
.group2328 .flag_it,
.group2328 .flag_pt,
.group2329 .flag_es,
.group2329 .flag_it,
.group2329 .flag_pt,
.group2330 .flag_es,
.group2330 .flag_it,
.group2330 .flag_pt,
.group2331 .flag_es,
.group2331 .flag_it,
.group2331 .flag_pt,
.group2333 .flag_es,
.group2333 .flag_it,
.group2333 .flag_pt,
.group2335 .flag_es,
.group2335 .flag_it,
.group2335 .flag_pt,
.group2336 .flag_es,
.group2336 .flag_it,
.group2336 .flag_pt,
.group2337 .flag_es,
.group2337 .flag_it,
.group2337 .flag_pt,
.group2338 .flag_es,
.group2338 .flag_it,
.group2338 .flag_pt,
.group2339 .flag_es,
.group2339 .flag_it,
.group2339 .flag_pt,
.group2340 .flag_es,
.group2340 .flag_it,
.group2340 .flag_pt,
.group2341 .flag_es,
.group2341 .flag_it,
.group2341 .flag_pt,
.group2342 .flag_es,
.group2342 .flag_it,
.group2342 .flag_pt,
.group2343 .flag_es,
.group2343 .flag_it,
.group2343 .flag_pt,
.group2344 .flag_es,
.group2344 .flag_it,
.group2344 .flag_pt,
.group2346 .flag_es,
.group2346 .flag_it,
.group2346 .flag_pt,
.group2347 .flag_es,
.group2347 .flag_it,
.group2347 .flag_pt,
.group2348 .flag_es,
.group2348 .flag_it,
.group2348 .flag_pt,
.group2349 .flag_es,
.group2349 .flag_it,
.group2349 .flag_pt,
.group2350 .flag_es,
.group2350 .flag_it,
.group2350 .flag_pt,
.group2351 .flag_es,
.group2351 .flag_it,
.group2351 .flag_pt,
.group2352 .flag_es,
.group2352 .flag_it,
.group2352 .flag_pt,
.group2353 .flag_es,
.group2353 .flag_it,
.group2353 .flag_pt,
.group2355 .flag_es,
.group2355 .flag_it,
.group2355 .flag_pt,
.group2356 .flag_es,
.group2356 .flag_it,
.group2356 .flag_pt,
.group2357 .flag_es,
.group2357 .flag_it,
.group2357 .flag_pt,
.group2358 .flag_es,
.group2358 .flag_it,
.group2358 .flag_pt,
.group2359 .flag_es,
.group2359 .flag_it,
.group2359 .flag_pt,
.group2360 .flag_es,
.group2360 .flag_it,
.group2360 .flag_pt,
.group2361 .flag_es,
.group2361 .flag_it,
.group2361 .flag_pt,
.group2362 .flag_es,
.group2362 .flag_it,
.group2362 .flag_pt,
.group2363 .flag_es,
.group2363 .flag_it,
.group2363 .flag_pt,
.group2364 .flag_es,
.group2364 .flag_it,
.group2364 .flag_pt,
.group2365 .flag_es,
.group2365 .flag_it,
.group2365 .flag_pt,
.group2366 .flag_es,
.group2366 .flag_it,
.group2366 .flag_pt,
.group2367 .flag_es,
.group2367 .flag_it,
.group2367 .flag_pt,
.group2368 .flag_es,
.group2368 .flag_it,
.group2368 .flag_pt,
.group2369 .flag_es,
.group2369 .flag_it,
.group2369 .flag_pt,
.group2370 .flag_es,
.group2370 .flag_it,
.group2370 .flag_pt,
.group2372 .flag_es,
.group2372 .flag_it,
.group2372 .flag_pt,
.group2373 .flag_es,
.group2373 .flag_it,
.group2373 .flag_pt,
.group2375 .flag_es,
.group2375 .flag_it,
.group2375 .flag_pt,
.group2377 .flag_es,
.group2377 .flag_it,
.group2377 .flag_pt,
.group2378 .flag_es,
.group2378 .flag_it,
.group2378 .flag_pt,
.group2379 .flag_es,
.group2379 .flag_it,
.group2379 .flag_pt,

.group2381 .flag_en,
.group2381 .flag_es,
.group2381 .flag_it,
.group2381 .flag_pt,
.group2386 .flag_en,
.group2386 .flag_es,
.group2386 .flag_it,
.group2386 .flag_pt,
.group2388 .flag_en,
.group2388 .flag_es,
.group2388 .flag_it,
.group2388 .flag_pt{
    display: none !important;
}

#regFormStep1 .regError .headline{
    display: none;
}

.regItem.programPoint {
    flex-direction: row;
}

.regItem.programPoint .regLabel {
    order: 2;
    line-height: 29px;
}

.regItem.programPoint .regField {
    order: 1;
}

#stepWizard td {
    width: calc(100% / 4);
}

.event_vwnchef25 #regFormOverview .regItem.programPoint.unchecked {
    display: none;
}

.event_vwnchef25 #regFormOverview .regItem.programPoint.checked .regField label {
    display: none;
}

.event_vwnchef25 #regFormOverview .regItem.programPoint.checked .regLabel.programPoint {
    padding-left: unset;
}

#regLabel_progGroup316 {
    display: none;
}

#regField_progGroup316 label,
#regField_prog_4002 label {
    color: #00287e !important;
    font-size: 16px;
    font-weight: bold;
}

#regFormOverview #regField_progGroup316 .readOnly {
    font-size: 16px;
    font-weight: bold;
    border-bottom: unset;
}

#regFormOverview #regItem_progGroup316 {
    height: 55px;
}

.event_vwnchef25.text1680 #portallogo_content_top5,
.event_vwnchef25.text1679 #portallogo_content_top5 {
    display: none;
}

.event_vwnchef25.text1680 h1 img {
    float: right;
    bottom: 100px;
    position: relative;
}

.event_vwnchef25 input[type="checkbox"] {
    border-radius: 50%;
 }

.event_vwnchef25 input[type="checkbox"]::after {
    content: '';
    width: unset;
    height: unset;
    border-radius: 50%;
    background-color: #00287e;
    position: absolute;
    top: 17%;
    left: 17%;
}

.event_vwnchef25 input[type="checkbox"]:checked:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #00287e;
    position: absolute;
    top: 17%;
    left: 17%;
}

@media (max-width: 490px) {
    .event_vwnchef25 #footer_content {
        padding-left: 20px !important;
        padding-right: 15px !important;
    }
}

.event_vwnchef25.text1680 img#plan {
    width: unset;
}

.event_vwnchef25.text1680 img#g_plan {
    bottom: 4px;
    right: 3px;
    position: relative;
    width: unset;
}

.event_vwnchef25.text1680 img#t_plan {
    position: relative;
    bottom: 45px;
    width: unset;
}

.event_vwnchef25 #regItem_prog_4001 label,
.event_vwnchef25 #regItem_prog_4000 label {
    font-size: 16px;
    font-weight: bold;
}

@media (max-width: 425px) {
    .event_vwnchef25.text1680 h1 img {
        width: 100px;
        bottom: 57px;
    }

    .event_vwnchef25.text1680 img#plan {
        width: 295px;
    }

    .event_vwnchef25.text1680 img#t_plan {
        width: 106px;
        right: 41px;
        bottom: 19px;
    }

    .event_vwnchef25.text1680 img#g_plan {
        width: 121px;
        bottom: 32px;
    }

    .event_vwnchef25.text1680 .event_address {
        font-size: 13px;
    }
}