/*AssVers*/
/*Own Styles Added here
####RESPONSIVE DESIGN starts in line 1018####
*/


:root {

 --main-color: #f68e1f ;
 --main-grey: #4C4F5A;
}


/*Global*/

input:focus, textarea:focus, select:focus{
                    outline: none;
}

p {
    font-size: 15px;
}
.ce-bodytext p, .ce-bodytext li {
    font-size: 15px;
    line-height: 1.8rem;
}
 h2 {
    line-height: 46px;
    font-size: 28px;
}

h4 {
    margin-bottom: 0.2rem;
    margin-top: 1.5rem;
}
h1 a, h2 a, h3 a, h4 a {
    color: #f68e1f;
}
a, .ui-widget-content a {
    color: #f68e1f;
}
a:focus, a:hover {
    color: inherit;
    text-decoration: none;
}
a.btn {
    background: #f68e1f;
    color: #fff;
    border: 1px solid #f68e1f;
}
a.btn:hover {
    background: #fff;
    color: #f68e1f;
}
.page a.button-slider {
    background: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 5px;
    padding: 10px 30px 13px;
    margin: 40px 15px;
    color: #fff;
    font-weight: 700;
    min-width: 200px;
    line-height: 22px;
    font-size: 22px;
    display: block;
    width: auto;
}
.page a.button-slider:hover {
    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    opacity: 1;
}

.page a.button-slider:last-child {
    color: #fff;
    background: transparent;
    border: 1px solid #ffff;
}
.page a.button-slider:last-child:hover {
    color: #fff;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    opacity: 1;
}
a.assvers-btn.disabled {
    pointer-events: none;
}

.page i.btn-arrow {
    font-size: 22px;
    position: relative;
    top: 1px;
    margin-left: 5px;
    font-style: normal;
}
.page a.assvers-btn {
    background: var(--main-color);
    padding: 15px 45px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid var(--main-color);
}
.page a.assvers-btn:hover {
    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    opacity: 1
}
.page .banner-title a.assvers-btn {
    border: 1px solid var(--main-color);
    background: #f68e1f;
    padding: 15px 45px !important;
    color: #fff;
    border-radius: 5px;
    margin: 0;
    line-height: inherit;
    font-size: inherit;
    display: inline;
}
.page .banner-title a.assvers-btn:hover {
    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    opacity: 1
} 
.page .banner-title a.assvers-btn:hover i.btn-arrow {
    color: var(--main-color);
}
.page a.assvers-btn.double-btn {
    margin: 0px 50px 0 0;
}
.colored {
    color: var(--main-color);
}
.mainheader .right-block,
.side-buttons {
    display: none;
}

/*Header*/

.page .header-logo {
    padding: 0;
} 
.page nav.main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.page .main-nav .navbar-nav {
    float: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page .main-nav .nav-list-item {
    border: none;
    padding:30px 0px 30px 40px;
}
.page .main-nav li.nav-list-item:nth-last-child(1) {
    padding-left: 20px;
}
.page .mainheader nav .navbar-nav>li>a {
    color: var(--main-grey);
    font-weight: bold;
    padding: 0;
}
.page .mainheader nav .navbar-nav>li:nth-child(6) a {
    margin-left: 50px;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
}
.page .mainheader nav .navbar-nav>li:nth-child(6) a:hover {
    border: 1px solid #4c4f5a;
    background-color: #fff;
    color: #4c4f5a;
}
.page .mainheader nav .navbar-nav>li:nth-child(7) a{
    margin: 0;
    border: 1px solid #4c4f5a;
    background-color: #fff;
    color: #4c4f5a;
}
.page .mainheader nav .navbar-nav>li:nth-child(7) a:hover {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
    opacity: 1;
}
.page .mainheader nav .navbar-nav>li:nth-child(6) a,
.page .mainheader nav .navbar-nav>li:nth-child(7) a{
    border-radius: 0px;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 14px;
}
.nav-list-item:nth-child(5) li.menu-item:nth-child(5),
.nav-list-item:nth-child(5) li.menu-item:nth-child(6),
.nav-list-item:nth-child(5) li.menu-item:nth-child(7) {
    padding-left: 20px;
}
.nav-list-item:nth-child(5) li.menu-item a {
    position: relative;
}
.nav-list-item:nth-child(5) li.menu-item:nth-child(5) a::before,
.nav-list-item:nth-child(5) li.menu-item:nth-child(6) a::before,
.nav-list-item:nth-child(5) li.menu-item:nth-child(7) a::before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    top: 0;
    background: transparent url(/typo3conf/ext/ec_template_esv/Resources/Public/Images/sprite.svg) left -673px no-repeat;
    left: -16px;
}
.mainheader.row header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.mainheader {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.mainheader nav .navbar-nav>li.nav-list-item--subm>a::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 9px;
    right: -15px;
    background: transparent url(../../Images/sprite.svg) right -1000px no-repeat;
}
.mainheader.row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

li.nav-list-item ul.navigation-list {
    top: 70px;
    left: 40px;
}
li.nav-list-item ul.navigation-list .active a {
    color: var(--main-color) ;

}
li.nav-list-item.nav-list-item--subm:hover> a {
    color: var(--main-color) !important;
}
li.nav-list-item ul.navigation-list li a:hover {
    color: var(--main-color) !important;
}
li.nav-list-item li.menu-item {
    list-style: none;
}
.main-nav .nav-list .nav-list-item:hover > a {
    color: #f68e1f;
}
li.nav-list-item ul.navigation-list li:last-child a {
    border-bottom: 1px solid #f0f0f0;
}

/*Fullwidth Intro*/
.ec-banner .image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4c4f5a75;
}
.page .ec-banner .banner-content > .frame-layout-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.column-2cols-banner.row.layout0.ec-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.col.col2.col-md-12.banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0 !important;
    right: 0 !important;
}
.page .ec-banner .column-2cols.row.layout0 {
    max-width: 70%;
}
.page div.ec-banner h1 {
    color: #fff !important;
    font-size: 56px;
    line-height: 64px;
    text-align: center;
}
.page div#c2239 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/*Produkte Sektion*/

.page div#c2232 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.page .ec-3cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.page div#c2232 h2 {
    margin-bottom: 5px;
}

.page div#c2232:after {
    content: '';
    border:1px solid var(--main-color);
    width: 70px;
    margin-top: 10px;
}
.page .ec-100 .ec-3cols .col {
    width: 29%;
    background: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 5px #0000001a;
            box-shadow: 0 0 10px 5px #0000001a;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
}

/*.page #c2228,
.page #c2229,
.page #c2230 {
    margin-top: 0;
    margin-bottom: 0;
}*/

.ec-3cols .col-md-4 .frame-type-textmedia {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

/*.page #c2228 header,
.page #c2229 header,
.page #c2230 header {
    display: none;
}*/

.ec-3cols .col-md-4 .frame-type-textmedia header {
    display: none;
}

.page .ec-100 .ec-3cols .ce-above .ce-gallery {
    margin-bottom: 0;
}

/*.page #c2228 .ce-bodytext h2,
.page #c2229 .ce-bodytext h2,
.page #c2230 .ce-bodytext h2{
    margin-bottom: 0;
    font-size: 18px;
    padding: 20px 0px;
    line-height: inherit;
}*/

.ec-3cols .col-md-4 .frame-type-textmedia .ce-bodytext h2 {
    margin-bottom: 0;
    font-size: 18px;
    padding: 20px 0px;
    line-height: inherit;
}

.page .ec-100 .ec-3cols .image .image-embed-item {
    width: 100%;
    height: auto;
}
.page #c2240 button, {
    margin: 0 20px;
}
.page .ec-100 .ec-3cols .ce-textpic.ce-center.ce-above .ce-bodytext{
    padding: 0px 25px;
    z-index: 1941;
}
.page .ec-100 .ec-3cols .ce-textpic.ce-center.ce-above .ce-bodytext p{
    font-size: 14px;
    margin-bottom: 0;
 }

.page .ec-3cols .col .frame:last-child {
    margin-left: 25px;
}
.page .row .col .frame.frame-type-list {
    margin: 0;
}

/*.page #c2240,
.page #c2241,
.page #c2242 {
    margin-top: 35px;
    margin-bottom: 35px;
}*/

.ec-3cols .col-md-4 .frame-type-html {
    margin-top: 35px;
    margin-bottom: 35px;
}

/*Unternehmen Sektion*/
.banner-title h3 {
        line-height: 30px;
}

div#c2243 .image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4c4f5a75;
}
.page .column-2cols-banner.row.layout0.ec-banner2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.col.col1.col-md-9.banner-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    width: 100%;
}
.page #c2234 header h2 {
    font-size: 56px;
}
.page #c2234 .ce-textpic.ce-center.ce-above .ce-bodytext {
    margin: 50px 25px;
}
/*Hilfe und Kontakt Sektion*/
.column-1col.row.layout0.full-width.ec-fullwidth {
    background-image: url(/fileadmin/user_upload/background_kontakt.png);
    max-width: 100% !important;
    width: 100%;
    margin: 0 !important;
    background-position: center -140px;
    background-repeat: no-repeat;
    background-size: cover;
}

#login-versicherung-page .column-1col.row.layout0.full-width.ec-fullwidth,
#login-markler-page .column-1col.row.layout0.full-width.ec-fullwidth {
    background-image: none;
}

.page .ec-fullwidth .col.col1.col-md-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 0;
    width: 100%;
}
.page .ec-fullwidth #c2237 {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page div#c2237 h2 {
    margin-bottom: 5px;
}
.page .ec-fullwidth .ec-3cols {
    margin-top: 0;
    padding-top: 0;
}
.page .ec-fullwidth .col2 {
    width: 60%;
} 
.page .ec-fullwidth .col:empty {
    display: none;
}
.page .ec-fullwidth .tx-powermail h3,
.page .ec-fullwidth .tx-powermail .powermail_legend,
.page .ec-fullwidth .tx-powermail label.powermail_label {
    display: none;
}
.page .ec-fullwidth .col2 .powermail_fieldset input,
.page .ec-fullwidth .col2 .powermail_fieldset textarea {
    background: #fff;
    border: 1px solid var( --main-grey);
    padding: 5px;
}
.page .ec-fullwidth .col2 .powermail_fieldset input.powermail_submit {
    background: var(--main-color);
    border: 1px solid var(--main-color);
    width: 210px;
    height: 50px;
    border-radius: 5px;
}
.page .ec-fullwidth .col2 .powermail_fieldset input.powermail_submit:hover {
    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    opacity: 1;
}
.page div#c2237:after {
    content: '';
    border: 1px solid var(--main-color);
    width: 70px;
    margin-top: 10px;
}

.page .ec-fullwidth .ec-3cols {
    padding-bottom: 0;
    margin-bottom: 0;

}

/*Akkordeon*/
.ui-accordion .ui-accordion-header {
    font-size: 16px;
    border: 0;
    border-radius: 0;
    background-color: #f68e1f;
    color: #fff;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ui-accordion .ui-accordion-content {
    border-color: #f68e1f;
}
.ui-accordion .ui-accordion-content .ce-bodytext *,
.ui-accordion-content .frame-type-html p {
    font-size: 14px;
} {
    font-size: 14px;
}
.accordion-wrapper .row {
    padding: 0;
}
.accordion-col .accordion-wrapper .ui-accordion {
    margin: 10px 0;
}
.content-main .accordion-col {
    padding: 50px 0;
}
.ui-accordion .ui-accordion-content .ce-bodytext *:last-child {
    margin-bottom: 0;
}
.ui-accordion .ui-accordion-header::after {
    content: '';
    width: 13px;
    height: 13px;
    float: right;
    background-image: url(/fileadmin/user_upload/akk-plus.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.ui-accordion .ui-accordion-header.ui-state-active::after {
    background-image: url(/fileadmin/user_upload/akk-minus.svg);
}
.ui-accordion span.ui-accordion-header-icon.ui-icon {
    display: none;
}

/*Footer*/
.footerContent#ec_footerContent {
    margin-top:0 ;
}
.footerContent#ec_footerContent a {
    color: var(--main-color);
}
.footerContent {
    margin: 0px;
}


/*UNTERSEITEN*/

/*Camper-Inhalts-Schutz*/

#camper-inhalts-schutz-page #c2344,
#camper-inhalts-schutz-page #c2345,
#camper-inhalts-schutz-page #c2346,
#camper-inhalts-schutz-page #c2347 {
        margin-top: 0px;
    margin-bottom: 15px;
}

/*Fullwidth Intro*/

#c2342 h1 {
    font-size: 2.5rem;
    color: #f68e1f;
}

/*Unternehmen*/ 

#unternehmen-page .ec-fullwidth #c2371 {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#unternehmen-page .column-1col.row.layout0.full-width.ec-fullwidth {
    background-image: none;
    }


/*Kontaktformular*/
/*#kontaktformular-page .ec-fullwidth #c2380 {
        width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#kontaktformular-page .column-1col.row.layout0.full-width.ec-fullwidth {
    background-image: none;
}*/
.powermail_fieldwrap {
    max-width:500px;
}
.powermail_field .checkbox label {
    text-align: left;
}

#kontakt-page .powermail_form h3,
#kontakt-page .powermail_form .powermail_fieldset_16 .powermail_legend {
    display: none;
}


#kontakt-page .col2 .powermail_fieldset input.powermail_submit:hover {
    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    opacity: 1;
}
#kontakt-page .col2 .powermail_fieldset input.powermail_submit {
    background: var(--main-color);
    border: 1px solid var(--main-color);
    width: 210px;
    height: 50px;
    border-radius: 5px;
}

.col2 .powermail_fieldset input,
.col2 .powermail_fieldset textarea {
    background: #fff;
    border: 1px solid var( --main-grey);
    padding: 5px;
}

.col2 .powermail_fieldset input.powermail_submit {
    background: var(--main-color, #f68e1f);
    border: 1px solid var(--main-color, #f68e1f);
    color: #fff;
}
.col2 .powermail_fieldset input.powermail_submit:hover {
    background: #fff;
    color: var(--main-color, #f68e1f);
}

#kontakt-page a.assvers-btn.double-btn {
    display: inline-block;
}

/*Registrierungsformular*/

form.powermail_form.powermail_form_18 {
    max-width: 700px;
    width: 100%;
}

.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
}

.page .ec-fullwidth .powermail_form_18 label.powermail_label {
    display: inline-block;
}

.page .ec-fullwidth .powermail_form_18 .powermail_field {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
}

.page .ec-fullwidth .tx-powermail .powermail_form_18 .powermail_legend {
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #f68e1f;
    margin-bottom: 10px;
}

.powermail_fieldwrap_type_check .powermail_field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    flex-wrap: wrap;
}

.powermail_fieldwrap_type_check .powermail_field .checkbox {
    margin: 0 20px 10px 0;
}

.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzzustimmung .powermail_field .checkbox {
    margin: 0;
}

input.powermail_submit {
    max-width: 200px;
    width: 100%;
    background-color: #f68e1f;
    border: 1px solid #f68e1f;
}

input.powermail_submit:hover {
    color: #f68e1f;
    background-color: #fff;
    opacity: 1;
}

.page .ec-fullwidth .powermail_form_18 fieldset.powermail_fieldset {
    margin: 30px 0;
}

.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap_marker_01 .powermail_label,
.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap_marker_02 .powermail_label,
.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap_neuesfeld .powermail_label,
.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap_neuesfeld_01 .powermail_label,
.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap_marker_04 .powermail_label,
.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap_datenschutzzustimmung .powermail_label,
.page .ec-fullwidth .powermail_form_18 .powermail_fieldwrap_vermittler .powermail_label {
    display: none;
}

/*FAQ Übersichtsseite*/
/*
#faq-page .column-2cols {
    margin-top: 0;
    padding-top: 0;
}

#faq-page .column-2cols .col .frame.frame-type-textpic  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#faq-page .column-2cols .col .frame header {
    position: absolute;
    z-index: 1111;
}
#faq-page .column-2cols .col .frame header h2 {
    margin: 0;
    color: #fff;
}
#faq-page .column-2cols .col .frame header h2 a {
    padding: 90px 150px;
    color: #fff;
}

#faq-page .column-2cols .col .frame .ce-textpic .image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #4c4f5a75;
}

.footerContent .footer-inner p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 22px;
}
*/

/*Impressum*/
#impressum-page h1,
#erstinformation-page h1 {
    color: var(--main-color);
}

/*Login*/
div#c2903, div#c2918 {
    margin: 0;
}
div#c2920, div#c2418 {
    width: 100%;
}
div#c2917, div#c2919 {
    margin: 0;
    padding: 0 10px;
}

/*#########################
####RESPONSIVE DESIGN####
#########################*/


/*Laptop L*/
@media screen and ( max-width: 1440px ){

}
/*(Laptop/Tablet Querformat)*/
@media screen and ( max-width: 1024px ){
    /*Global*/
    .mobile p {
        font-size: 14px;
    }
    .mobile h2.intro-content-small {
        font-size: 22px;
        line-height: 36px;
    }
    .mobile .footer.row {
        margin-bottom: 0;
    }

    /*Menü*/
    .mobile .page .header-logo {
        padding: 0 0 0 30px;
    }
    .mobile .page .menu-icon span {
        -webkit-box-shadow: 0 10px 0 1px var(--main-color),
                    0 16px 0 1px var(--main-color),
                    0 22px 0 1px var(--main-color);
                box-shadow: 0 10px 0 1px var(--main-color),
                    0 16px 0 1px var(--main-color),
                    0 22px 0 1px var(--main-color);
    }
    .mobile .page .mainheader.row {
         display: block;
    }
    .mobile .page nav.main-nav {
        float: left;
        display: none;
    }
    .mobile .page .main-nav .nav-list-item {
        padding: 0;
    }
    .mobile li.nav-list-item ul.navigation-list {
        left: 0;
        padding: 0;
        min-width: 0;
    }
    .page .mainheader nav .navbar-nav>li>a {
        padding: 15px;
    }
    .mobile .page .mainheader nav .navbar-nav>li>a,
    .mobile .page .mainheader nav .navbar-nav>li.nav-list-item--subm>a {
        border-bottom: 1px solid var(--main-color);
    }
    .mobile .mainheader nav .navbar-nav>li.nav-list-item--subm>a::after {
        right: 25px;
    }
    .mobile .page .mainheader.row {
        position: relative;
    }
    .mobile .page .mainheader nav .navbar-nav>li:nth-child(7) {
        margin: 5px 0 10px 0;
    }
    .mobile .page .mainheader nav .navbar-nav>li:nth-child(6) {
        margin: 10px 0 5px 0px;
    }
    .mobile .page .mainheader nav .navbar-nav>li:nth-child(6) a,
    .mobile .page .mainheader nav .navbar-nav>li:nth-child(7) a {
        min-width: 140px;
        display: inline-block;
    }
    .page .mainheader nav .navbar-nav>li:nth-child(7) {
        padding: 0;
    }
    .page .mainheader nav .navbar-nav>li:nth-child(7) a {
         border-bottom: 1px solid #4c4f5a !important;
    }
     .page .mainheader nav .navbar-nav>li:nth-child(7) a:hover {
        border-bottom: 1px solid var(--main-color) !important;
    }
    .mobile .page .mainheader nav .navbar-nav>li:nth-child(6) a {
        margin: 0;
    }    
    /*Banner*/
    .mobile .page div.ec-banner h1 {
        font-size: 30px;
        line-height: 42px;
    }
    
    .mobile .page div.ec-banner h1 img {
        max-height: 70px;
    }
    /*Banner-Buttons*/
    .mobile .page a.button-slider {
        font-size: 15px;
        text-align: center;
        margin: 0px 20px;
    }
    /*Unternehmen Sektion*/
    .mobile .page #c2234 header h2 {
        font-size: 46px;
    }
    .mobile .page #c2234 .ce-textpic.ce-center.ce-above .ce-bodytext {
        margin: 30px 25px;
    }

    /*FAQ Übersichtsseite*/
    #faq-page .column-2cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    #faq-page .column-2cols .col .frame header h2 a {
        padding: 90px 100px;
    }
    #faq-page .column-2cols .col .frame.frame-type-textpic {
        margin-top: 0px;
    }
    /*Footer*/
    .footer-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-line-pack: center;
            align-content: center;
        padding: 20px 0;
    }
    .footer-logo {
        display: none;
    }
    .mobile .footer-inner .navbar-fixed-bottom > .container {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 10px;
        margin-right: 0;
    }
    .mobile .footer-inner nav {
        float: none;
        margin-top: 0;
        min-height: 0;
    }
    .mobile .page .accordion-wrapper {
        padding-top: 0;
    }
    .mobile .content .row.accordion-col {
        padding: 40px 0;
    }
}
/*(Tablet Hochformat)*/
@media screen and ( max-width: 768px ){
    /*Banner*/
    .mobile .page .ec-3cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .mobile .page .ec-100 .ec-3cols .col {
        width: 80%;
        margin-bottom: 40px;
    }
    .mobile .page .ec-fullwidth #c2237 {
        width: 60%;
    }
    .mobile .page .accordion-wrapper {
        padding-top: 10px;
    }
    #unternehmen-page .ec-fullwidth #c2371 {
        width: 100%;
        padding: 0 15px;
    }

}
/*(Smartphone M)*/
@media screen and ( max-width: 420px ){
    /*Startseite*/
    .mobile .page .ec-fullwidth #c2237,
    .mobile  #unternehmen-page .ec-fullwidth #c2371 {
        width: 90%;
    }
    .mobile .page .ec-fullwidth #c2254 {
        margin-left: 0;
    }

    .mobile .page .ec-fullwidth .col2 {
        width: 90%;
    }
    .mobile .footerContent .footer-inner {
        padding: 0px 10px;
    }
    .mobile footer.footer .footer-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 5px 0;
    }
    .mobile form.powermail_form.powermail_form_18 {
        padding: 15px;
    }
    .mobile .banner-pic .ce-gallery img, .banner-pic .ce-outer .ce-inner .ce-column img {
        height: 600px !important;
    }
    .mobile .page .banner-content > .frame-type-html {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
    }
    .mobile .page a.button-slider {
        margin: 10px 0;
    }
    .mobile .page #c2234 header h2 {
        line-height: 52px;
    }
    .mobile .footer-inner .navbar-fixed-bottom > .container {
        width: 100%;
        height: auto;
    }
    .footer ul.nav-list.navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 10px 0 0;
    }
/*  .page .ec-3cols .col .frame:last-child {
        margin-left: 0;
    }*/
    .banner-content .badgge {
        display: none;
    }
    .btn-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page a.assvers-btn.double-btn {
        margin: 10px 0;
        text-align: center;
    }
    .page .ec-banner .column-2cols.row.layout0 {
        max-width: 100%;
        padding: 0 10px;
    }
    .ui-accordion .ui-accordion-header::after {
        padding: 10px;
    }
}

/************ Während iframe lädt ***********/
.iframe-loading-loader:after {
    border: 6px solid var(--main-color);
    border-color: var(--main-color) transparent var(--main-color) transparent;
}


.col.col3.col-md-4:last-child:empty {
    visibility: hidden;
}

@media screen and (max-width: 768px) {
    .col.col3.col-md-4:last-child:empty {
        width: unset;
    }
}

/* Styling Formular */

div#c2372 form span.required, div#c2254 .form-label, div#c2254 .required {
    visibility: hidden;
}

div#c2372 .input.checkbox, div#c2254 .input.checkbox { 
    display:flex;
    margin-top: 15px;
}

div#c2372 .form-group, div#c2254 .form-group {
    margin-bottom: 0;
}

div#c2254 {
    margin-top: unset;
}

#unternehmen-page .ec-fullwidth #c2371 {
    margin-bottom: 0;
}

.form-control {
    background: #fff;
    border: 1px solid var(--main-grey);
    padding: 5px;
    margin-bottom: unset;
}

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

.submit button {
    background: var(--main-color);
    border: 1px solid var(--main-color);
    width: 210px;
    height: 50px;
    border-radius: 5px;
}

.submit button:hover, .btn-primary:active, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:hover {    background: #fff;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    opacity: 1;
}

/* Akkordeon Content Element (vorläufig) */
.ec-accordion {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
    margin: 30px auto;
    max-width: 1100px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.ec-accordion .col1 {
    flex: 0 0 30%;
    max-width: 30%;
    background: #f7f6f4;
    padding: 25px;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.ec-accordion .col1 img {
    display: block;
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 15px;
    border-radius: 0;
}

.ec-accordion .col1 h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.3;
}

.ec-accordion .col1 p {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.ec-accordion .col2 {
    flex: 0 0 70%;
    max-width: 70%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.ec-accordion .accordion-item {
    border-bottom: 1px solid #eee;
}

.ec-accordion .accordion-item:last-child {
    border-bottom: none;
}

.ec-accordion .accordion-header {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 16px 25px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1a1a1a;
}

.ec-accordion .accordion-header:hover {
    background: #fafafa;
}

.ec-accordion .accordion-header:focus {
    outline: none;
}

.ec-accordion .accordion-header:focus-visible {
    outline: 2px solid #f68e1f;
    outline-offset: -2px;
}

.ec-accordion .accordion-icon {
    color: #f68e1f;
    font-size: 11px;
    margin-left: 15px;
    flex-shrink: 0;
}

.ec-accordion .accordion-body {
    padding: 0 25px 16px;
    font-size: 13px;
    color: #444;
    line-height: 1.6;
}

.ec-accordion .accordion-body[hidden] {
    display: none;
}

@media (max-width: 768px) {
    .ec-accordion {
        flex-direction: column;
    }
    .ec-accordion .col1,
    .ec-accordion .col2 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ec-accordion .col1 {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
    }
}