@font-face {
	font-family: myriadProLight;
	src: url("../fonts/Myriad Pro Light.ttf");
}

@font-face {
	font-family: myriadProRegular;
	src: url("../fonts/MyriadPro-Regular.ttf");
}

@font-face {
	font-family: myriadProBoldCond;
	src: url("../fonts/MyriadPro-BoldCond.ttf");
}

@font-face {
	font-family: myriadProItalic;
	src: url("../fonts/MyriadPro-It.ttf");
}

@font-face {
	font-family: myriadProSemiBold;
	src: url("../fonts/MyriadPro-Semibold.ttf");
}

@font-face {
	font-family: bernino;
	src: url("../fonts/BerninoSans-CondensedBold.ttf");
}


html {
    min-height: 100%;
    min-width: 100%;
    -ms-text-size-adjust: none;
}

body, div, dl, dt, dd, ul, ol, li, nav, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    background-repeat: no-repeat;
}

.transition {
    -webkit-transition-property: background-image, background-position, background-color, border-color, border-radius, color, font-size, font-style, font-weight, letter-spacing, line-height, text-align, box-shadow, text-shadow, opacity;
    transition-property: background-image, background-position, background-color, border-color, border-radius, color, font-size, font-style, font-weight, letter-spacing, line-height, text-align, box-shadow, text-shadow, opacity;
}

.transition * {
    -webkit-transition: inherit;
    transition: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

fieldset, img {
    border: 0px;
    border-style: solid;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: inherit;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, textarea {
    
    -webkit-border-radius: 0;
}

body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: 'liga';
    -ms-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
}

a:link {
    color: #7F7F7F;
    
}

a:visited {
    color: #7F7F7F;
    
}

a:hover {
    color: #7F7F7F;
    
}

a:active {
    color: #7F7F7F;
    
}

a.nontext {
    color: black;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
}

.normal_text {
    color: #000000;
    direction: ltr;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 17px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    vertical-align: 0px;
    padding: 0px;
}

.h1---Headline {
    color: #5D4B4D;
    font-family: brandon-grotesque, sans-serif;
    font-size: 40px;
    font-weight: 100;
    letter-spacing: -2px;
    text-align: center;
    padding: 0px;
}

.list0 li:before {
    position: absolute;
    right: 100%;
    letter-spacing: 0px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

.rtl-list li:before {
    right: auto;
    left: 100%;
}

.nls-None>li:before, .nls-None .list3>li:before, .nls-None .list6>li:before {
    margin-right: 6px;
    content: '•';
}

.nls-None .list1>li:before, .nls-None .list4>li:before, .nls-None .list7>li:before {
    margin-right: 6px;
    content: '○';
}

.nls-None, .nls-None .list1, .nls-None .list2, .nls-None .list3, .nls-None .list4, .nls-None .list5, .nls-None .list6, .nls-None .list7, .nls-None .list8 {
    padding-left: 34px;
}

.nls-None.rtl-list, .nls-None .list1.rtl-list, .nls-None .list2.rtl-list, .nls-None .list3.rtl-list, .nls-None .list4.rtl-list, .nls-None .list5.rtl-list, .nls-None .list6.rtl-list, .nls-None .list7.rtl-list, .nls-None .list8.rtl-list {
    padding-left: 0px;
    padding-right: 34px;
}

.nls-None .list2>li:before, .nls-None .list5>li:before, .nls-None .list8>li:before {
    margin-right: 6px;
    content: '-';
}

.nls-None.rtl-list>li:before, .nls-None .list1.rtl-list>li:before, .nls-None .list2.rtl-list>li:before, .nls-None .list3.rtl-list>li:before, .nls-None .list4.rtl-list>li:before, .nls-None .list5.rtl-list>li:before, .nls-None .list6.rtl-list>li:before, .nls-None .list7.rtl-list>li:before, .nls-None .list8.rtl-list>li:before {
    margin-right: 0px;
    margin-left: 6px;
}

.TabbedPanelsTab {
    white-space: nowrap;
}

.MenuBar .MenuBarView, .MenuBar .SubMenuView {
    display: block;
    list-style: none;
}

.MenuBar .SubMenu {
    display: none;
    position: absolute;
}

.NoWrap {
    white-space: nowrap;
    word-wrap: normal;
}

.rootelem {
    margin-left: auto;
    margin-right: auto;
}

.colelem {
    display: inline;
    float: left;
    clear: both;
}

.clearfix:after {
    content: "\0020";
    visibility: visible;
    display: block;
    height: 0px;
    clear: both;
}

*:first-child+html .clearfix {
    zoom: 1;
}

.clip_frame {
    overflow: hidden;
}

.popup_anchor {
    position: relative;
    width: 0px;
    height: 0px;
}

.popup_element {
    z-index: 100000;
}

.svg {
    display: block;
    vertical-align: top;
}

span.wrap {
    content: '';
    clear: left;
    display: block;
}

span.actAsInlineDiv {
    display: inline-block;
}

.position_content, .excludeFromNormalFlow {
    float: left;
}

.preload_images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}

.preload {
    height: 1px;
    width: 1px;
}

.animateStates {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

[data-whatinput="mouse"] *:focus, [data-whatinput="touch"] *:focus, input:focus, textarea:focus {
    outline: none;
}

textarea {
    resize: none;
    overflow: auto;
}

.fld-prompt {
    pointer-events: none;
}

.wrapped-input {
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    border: none;
}

.submit-btn {
    z-index: 50000;
    cursor: pointer;
}

.anchor_item {
    width: 22px;
    height: 18px;
}

.MenuBar .SubMenuVisible, .MenuBarVertical .SubMenuVisible, .MenuBar .SubMenu .SubMenuVisible, .popup_element.Active, span.actAsPara, .actAsDiv, a.nonblock.nontext, img.block {
    display: block;
}

.widget_invisible, .js .invi, .js .mse_pre_init {
    visibility: hidden;
}

.ose_ei {
    visibility: hidden;
    z-index: 0;
}

.no_vert_scroll {
    overflow-y: hidden;
}

.always_vert_scroll {
    overflow-y: scroll;
}

.always_horz_scroll {
    overflow-x: scroll;
}

.fullscreen {
    overflow: hidden;
    left: 0px;
    top: 0px;
    position: fixed;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.fullwidth {
    position: absolute;
}

.borderbox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.scroll_wrapper {
    position: absolute;
    overflow: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.browser_width>* {
    position: absolute;
    left: 0px;
    right: 0px;
}

.grpelem, .accordion_wrapper {
    display: inline;
    float: left;
}

.fld-checkbox input[type=checkbox], .fld-radiobutton input[type=radio] {
    position: absolute;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0px;
    border: 0px;
}

.fld-checkbox input[type=checkbox]+label, .fld-radiobutton input[type=radio]+label {
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    width: 100%;
    height: 100%;
}

.pointer_cursor, .fld-recaptcha-mode, .fld-recaptcha-refresh, .fld-recaptcha-help {
    cursor: pointer;
}

p, h1, h2, h3, h4, h5, h6, ol, ul, span.actAsPara {
    max-height: 1000000px;
}

.superscript {
    vertical-align: super;
    font-size: 66%;
    line-height: 0px;
}

.subscript {
    vertical-align: sub;
    font-size: 66%;
    line-height: 0px;
}

.horizontalSlideShow {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.verticalSlideShow {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.colelem100, .verticalspacer {
    clear: both;
}

.list0 li, .MenuBar .MenuItemContainer, .SlideShowContentPanel .fullscreen img, .css_verticalspacer .verticalspacer {
    position: relative;
}

.popup_element.Inactive, .js .disn, .js .an_invi, .hidden, .breakpoint {
    /*display: none;*/
}

#muse_css_mq {
    position: absolute;
    display: none;
    background-color: #FFFFFE;
}

.fluid_height_spacer {
    width: 0.01px;
}

.muse_check_css {
    display: none;
    position: fixed;
}

input[type="submit"] {
    width: 266px !important;
    height: 40px !important;
    z-index: 50 !important;
    background-color: #FA9600 !important;
    margin-left: 0px;
    position: relative;
    border-width: 0px;
    border-radius: 60px;
    transition-property: background-image, background-position, background-color, border-color, border-radius, color, font-size, font-style, font-weight, letter-spacing, line-height, text-align, box-shadow, text-shadow, opacity;
    transition-timing-function: ease;
    border-color: #D9A4A6 !important;
    transition-delay: 0s;
    transition-duration: 0.3s;
    text-align: center;
    font-family: raleway, sans-serif;
    font-weight: 700;
    line-height: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF !important;
    font-size: 13px;
    margin-top: 20px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #FFFFFF !important;
    min-height: 0px !important;
    border-style: solid !important;
    border-color: #FA9600 !important;
    border-width: 2px !important;
    position: relative !important;
    color: #FA9600 !important;
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    opacity: 0.8;
}

.maklerlogin {
    position: fixed;
    display: none;
    width: 600px;
    height: 300px;
    left: calc(50% - 300px);
    right: calc(50% - 300px);
    top: calc(50% - 150px);
    bottom: calc(50% - 150px);
    background-color: #dddbdb;
    z-index: 10000;
}

.maklerlogin_titel {
    font-size: 41px;
    color: #FA9600;
    font-family: myriad-pro, sans-serif;
    font-weight: 300;
    line-height: 49px;
    margin-top: 10px;
    display: block;
    text-align: center;
}

.makler_form {
    margin-top: 20px;
    display: block;
    text-align: center;
}

.makler_form input {
    width: 80%;
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
    text-indent: 10px;
    height: 30px;
}

.makler_form button {
    width: 200px;
    display: block;
    margin: 0px auto;
    margin-top: 30px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}

.makler_form button:hover {
    border: 2px solid #FA9600;
    background-color: #FA9600;
}

.maklerlogin a {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #000;
    text-decoration: none;
}

.maklerwerden {
    width: 600px;
    height: auto;
    display: inline;
    float: left;
    clear: both;
    z-index: 10000;
    margin-left: 203px;
}

.maklerwerden_titel {
    font-size: 41px;
    color: #FA9600;
    font-family: myriad-pro, sans-serif;
    font-weight: 300;
    line-height: 49px;
    margin-top: 10px;
    display: block;
    text-align: center;
}

.maklerwerden a {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    color: #000;
    text-decoration: none;
}

.maklerwerden>.makler_form>form {
    padding: 0px;
}

.maklerwerden>.makler_form>form>.anrede {
    font-family: myriad-pro, sans-serif;
    font-weight: 300;
    font-size: 18px;
}

.maklerwerden>.makler_form>form>.anrede>p {
    width: auto;
    float: left;
    line-height: 30px;
    font-family: myriad-pro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(107, 107, 107, 1);
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>input {
    float: left;
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label {
    float: left;
    line-height: 30px;
}

.maklerwerden>.makler_form>form>.Name>input {
    width: 55%;
    float: left;
}

.maklerwerden>.makler_form>form>.Name>input[type="text"]:last-child {
    width: 43%;
    float: right;
}

:-moz-placeholder {
    font-style: italic;
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4 !important;
}

::-moz-placeholder {
    font-style: italic;
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4 !important;
}

:placeholder-shown {
    background-color: #f2f2f2;
    border: 1px solid #c4c4c4 !important;
}

input::-webkit-input-placeholder {
    font-style: italic;
}

input:not(:valid) {
    border: 1px solid #c4c4c4 !important;
}

.maklerwerden>.makler_form>form>.andere_input_felder>input[type="text"] {
    width: 100%;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    color: #c4c4c4;
}

.maklerwerden>.makler_form>form>.andere_input_felder input[type="text"], .maklerwerden>.makler_form>form>.andere_input_felder input[type="password"] {
    width: 328px;
}

.maklerwerden>.makler_form>form>.andere_input_felder input[type="text"]:valid {
    border: 1px solid #000;
    background-color: #fff;
    color: #c4c4c4;
    font-style: normal;
}

.maklerwerden>.makler_form>form>.andere_input_felder>.input_row {
    width: 100%;
    position: relative;
    height: 32px;
    margin-bottom: 5px;
}

.maklerwerden>.makler_form>form>.andere_input_felder>.input_row>label {
    /*width: 200px;*/
    line-height: 32px;
    position: absolute;
    left: 0px;
    text-align: left;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    color: rgba(107, 107, 107, 1);
}

.maklerwerden>.makler_form>form>.andere_input_felder>.input_row>input[type="text"] {
    position: absolute;
    right: 0px;
}

.maklerwerden>.makler_form>form>.andere_input_felder>.input_row>textarea {
    width: 328px;
    position: absolute;
    right: 0px;
    border: 1px solid #c4c4c4;
    background-color: #f2f2f2;
    color: #c4c4c4;
}

.maklerwerden>.makler_form>form>.andere_input_felder>.input_row>textarea {
    height: 90px;
}

.maklerwerden input[type="text"]:hover {
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

.maklerwerden>.makler_form>form>.iban>.iban_title {
    width: 200px;
    float: left;
    line-height: 30px;
    margin-right: 12px;
    text-align: left;
    font-family: myriad-pro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(107, 107, 107, 1);
}

.maklerwerden>.makler_form>form>.iban>.iban_felder {
    width: 330px;
    float: right;
}

.maklerwerden>.makler_form>form>.iban>.iban_felder>input[type="text"] {
    font-size: 12px;
    width: 11.5px;
    float: left;
    margin-left: 1px;
    text-indent: 0px;
    text-align: center;
    border: 1px solid #c4c4c4;
    background-color: #f2f2f2;
    color: #c4c4c4;
}

.maklerwerden>.makler_form>form>.iban>.iban_felder>input:first-child {
    margin-left: 0px;
}

.maklerwerden>.makler_form>form>.iban>.iban_felder>input:nth-child(4n) {
    margin-right: 3px;
}

.maklerwerden>.makler_form>form>.iban>.iban_felder>input:nth-child(3) {
    margin-right: 0px;
}

.maklerwerden>.makler_form>form>.bic>.bic_title {
    width: 200px;
    float: left;
    line-height: 30px;
    text-align: left;
    font-family: myriad-pro, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(107, 107, 107, 1);
}

.maklerwerden>.makler_form>form>.bic>.bic_felder {
    width: 330px;
    float: right;
}

.maklerwerden>.makler_form>form>.bic>.bic_felder>input[type="text"] {
    width: 18px;
    float: left;
    margin-left: 2px;
    text-indent: 0px;
    text-align: center;
    border: 1px solid #c4c4c4;
    background-color: #f2f2f2;
    color: #c4c4c4;
}

.maklerwerden>.makler_form>form>.bic>.bic_felder>input:first-child {
    margin-left: 0px;
}

.maklerwerden>.makler_form input[type="text"] {
    margin-bottom: 5px;
}

.makler_form input[type="radio"] {
    width: 22px;
    display: block;
    margin: 0px auto;
    height: 30px;
    float: left;
}

.maklerwerden>.makler_form>form>.anrede {
    display: block;
    margin-bottom: 2px;
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton {
    display: block;
    width: 330px;
    float: right;
    margin-bottom: 5px;
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label:first-child {
    margin-left: 0px;
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label>input[type="radio"] {
    visibility: hidden;
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label {
    display: block;
    position: relative;
    height: 32px;
    width: auto;
    margin-left: 16px;
    text-indent: 0px;
    font-size: 14px;
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label>div {
    display: block;
    position: absolute;
    left: 0px;
    width: 16px;
    height: 16px;
    top: 0px;
    border: 1px solid rgba(196, 196, 196, 1);
    background-color: rgba(242, 242, 242, 1);
    border-radius: 16px;
    top: calc(50% - 8px);
    left: 0px;
    bottom: calc(50% - 8px);
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label>div>.haken {
    position: absolute;
    width: 8px;
    height: 8px;
    display: none;
    border-radius: 8px;
    background-color: rgb(0, 0, 0);
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    right: calc(50% - 4px);
    bottom: calc(50% - 4px);
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label>input:checked~div>.haken {
    display: block;
}

.maklerwerden>.makler_form>form>.anrede>.radiobutton>label>input:checked~div, .maklerwerden>.makler_form>form>.anrede>label:hover>div {
    background-color: #fff;
}

.clear {
    float: none;
    clear: both;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        text-rendering: auto;
    }
}