html{ font-size: 10px; }
a{cursor:pointer;outline:none;text-decoration:none;} 
a img{border:none;outline:none;}
input[type="text"], input[type="email"], input[type="password"],input[type="number"], input[type="tel"], input[type="button"],input[type="reset"],input[type="submit"], button{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; font-family: "Inter", sans-serif;  -webkit-appearance:none; font-weight:400;}
body,html{position:relative;background:#ffffff;margin:0;padding:0;}
body{ background:#fff; background-size:cover; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;text-rendering: geometricPrecision;font-smooth: always;font-smoothing: antialiased;font-family: "Inter", sans-serif; font-weight:400;color:#333; min-width:320px;line-height:normal;font-size: 14px; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;   margin: 0; }
input[type=number]{ -moz-appearance: none; -moz-appearance: textfield;margin: 0;} 
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before, .clearfix:after{content: " ";display: table;}
.clearfix:after{clear:both;}
a, a:hover, a:active, a:visited, a:focus{outline-offset: 0px;}
a:focus, button:focus{outline:none;text-decoration:none;}
li{line-height:normal;}

[class*="fb_icon-"] { font-size: 1em; width: 1em; max-width: 1em; -webkit-box-flex: 0; -ms-flex: 0 0 1em; flex: 0 0 1em; display: block; position: relative; }
[class*="fb_icon-"]::before { content: ""; display: block; padding-top: 100%; position: relative; width: 100%; z-index: 1;}
[class*="fb_icon-"] svg,
[class*="fb_icon-"] img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }

.container{max-width: 1170px; margin: auto;padding-right: 15px;padding-left: 15px;}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    touch-action: manipulation;
}
input[type=number], input[type=password], input[type=text], textarea, select {
    -webkit-appearance: none;
    appearance: none;
}


.form-control::-webkit-input-placeholder { color: rgba(75, 85, 99, 0.5); }
.form-control::-moz-placeholder { color: rgba(75, 85, 99, 0.5); }
.form-control:-ms-input-placeholder { color: rgba(75, 85, 99, 0.5); }
.form-control:-moz-placeholder { color: rgba(75, 85, 99, 0.5); }

.d-none { display: none !important; }

.finanzenbuch-content { padding: 35px 10px; }

.fb-row { display: flex; flex-wrap: wrap; }
.fb-cell-left { padding: 0 20px; width: 100%; max-width: 100%; flex: 0 0 100%; }
.fb-cell-right { padding: 0 20px; width: 100%; max-width: 100%; flex: 0 0 100%; }

@media(min-width:992px){
    .fb-cell-left { width: 65%; max-width: 65%; flex: 0 0 65%; }
    .fb-cell-right { width: 35%; max-width: 35%; flex: 0 0 35%; }
}

.fb-head-a { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(75, 85, 99, 0.2); }
.fb-head-a-title { margin-bottom: 15px; }
.fb-head-a-title h2 { margin: 0; font-size: 20px;line-height: 1.3;font-weight: 500;color: rgba(55, 65, 81, 1); display: block; }

.fb-title-b { margin-bottom: 5px; }
.fb-title-b h2 { margin: 0 0 10px 0; font-size: 20px;line-height: 1.3;font-weight: 500;color: rgba(55, 65, 81, 1); display: block; }
.fb-title-b :last-child { margin-bottom: 0; }

.fb-group { margin-bottom: 20px; }

.fb-row { margin: 0 -20px; display: flex; }
.fb-cell { padding: 0 20px; width: 100%; flex: 0 0 100%; max-width: 100%; }
.fb-row.half .fb-cell { width: 100%; flex: 0 0 100%; max-width: 100%; }

@media(min-width:768px){
    .fb-row.half .fb-cell { width: 50%; flex: 0 0 50%; max-width: 50%; }
}

.fb-input-group { padding: 5px 0; position: relative; }
.fb-input-control-wrapper { position: relative; }
.form-control { height: 38px; padding: 8px 12px; border: 1px solid rgba(75, 85, 99, 0.2);background: rgba(255, 255, 255, 1);color: rgba(75, 85, 99, 1);font-size: 15px;line-height: 1.2; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); border-radius: 4px; width: 100%; }
.form-control.with-placeholder { color: rgba(75, 85, 99, 0.5); }
.fb-input-control-wrapper.with-l-icon .form-control { padding-left: 40px; }
.fb-input-control-wrapper.with-r-icon .form-control { padding-right: 40px; }
.form-control:focus { outline-color: rgba(59, 130, 246, 1) !important; }
.fb-dd-arrow { pointer-events: none; width: 36px; height: 36px; font-size: 20px; color: rgba(75, 85, 99, 0.2); top: 0; right: 0; z-index: 11; position: absolute; display: flex; align-content: center; justify-content:center; transition: all .2s ease-in-out; }
.form-control:hover ~ .fb-dd-arrow { color: rgba(153, 153, 153, 1); }
.fb-dd-arrow::before { width: 1px; height: 20px; top: 50%; transform: translateY(-50%); left: 0; z-index: 11; position: absolute; background-color: rgba(75, 85, 99, 0.1); content: ''; display: block; }
.fb-field-licon { pointer-events: none; width: 36px; height: 36px; font-size: 20px; color: rgba(75, 85, 99, 0.7); top: 0; left: 0; z-index: 11; position: absolute; display: flex; align-content: center; justify-content:center; }
.fb-vc-lbl { margin: 0; font-size: 14px; font-style: normal; color: rgba(155, 160, 168, 1);line-height: 1.25; display: block; }
.fb-blue-btn { background: #13AECF; width: 100%;color: white;font-size: 16px;line-height: 1.4em;min-height: 38px;padding-left: 1rem;padding-right: 1rem;border: none;border-radius: .375rem;font-weight: 500; cursor: pointer; transition: all .2s ease-in-out; }
.fb-blue-btn:hover { background: #0E92B0 !important; color: #ffffff}
.fb-blue-btn:focus { outline: 2px solid rgba(88, 149, 247, 1); outline-offset: 2px; color: #ffffff}

.fb-switch-a-lbl { margin: 0 0 9px 0; font-size: 13px; color: rgba(55, 65, 81, 1);line-height: 1.3; font-weight: 500; display: block; }
.switch-checkbox-a { width: 44px; padding-left: 0; position: relative;cursor: pointer; user-select: none;display: block; }
.switch-checkbox-a .form-control { opacity: 0; position: absolute; top: 0; left: 0; overflow: hidden; }
.switch-checkbox-a .form-checkbox-ui { margin: 0; width: 100%; height: 22px; background-color: rgba(75, 85, 99, 0.2); transition: all .2s ease-in-out;border-radius: 100px;border-color: transparent; position: relative;display: block; user-select: none; box-shadow: 0 0 0 2px rgba(0, 0, 0, .1); }
.switch-checkbox-a .form-checkbox-ui:hover { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0); }
.switch-checkbox-a .form-checkbox-ui::before { content: ''; width: 18px; height: 18px;top: 2px; left: 2px; border-radius: 50%; background-color: #fff; position: absolute;  display: block; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, .2); transition: all .2s ease-in-out; }
.switch-checkbox-a .form-control:checked ~ .form-checkbox-ui { background-color: rgba(59, 130, 246, 1); box-shadow: none; }
.switch-checkbox-a .form-control:checked ~ .form-checkbox-ui::before { left: calc(100% - 18px - 2px); }

.fb-billing-space { margin-top: 10px; }
.fb-checkbox { position: relative; overflow: hidden; }
.fb-checkbox-ui { display: flex; position: relative; align-items: center; padding: 0; }
.fb-checkbox input[type=checkbox] { width: 0; height: 0; position: absolute; top: 0; left: 0; opacity: 0; }
.fb-checkbox input[type=checkbox]:focus { outline-offset: -1px; }
.fb-checkbox-ui-icon { position: relative; align-self: center; flex-shrink: 0; font-size: 14px; color: #fff; background-color: #fff; border: 1px solid rgba(75, 85, 99, 0.2); border-radius: 4px; }
.fb-checkbox-ui-icon i { opacity: 0; }
.fb-checkbox-text { margin-left: 12px; display: flex; flex-direction: column; }
.fb-checkbox-text-a { margin: 0; font-size: 15px; font-weight: 500; font-style: normal; color: rgba(55, 65, 81, 1);line-height: 1.33; display: block; }
.fb-checkbox-text-b { margin: 0; font-size: 14px; font-weight: 400; font-style: normal; color: rgba(107, 114, 128, 1);line-height: 1.33; display: block; }
.fb-checkbox input[type=checkbox]:checked ~ .fb-checkbox-ui .fb-checkbox-ui-icon { background-color: rgba(59, 130, 246, 1); }
.fb-checkbox input[type=checkbox]:checked ~ .fb-checkbox-ui .fb-checkbox-ui-icon i { opacity: 1; }
.fb-checkbox input[type=checkbox]:focus ~ .fb-checkbox-ui { border-color: #000; }

.with-country-dd .form-control { padding-left: 70px; }
.fb-country-dd-box { width: 57px; position: absolute; top:0; left:0; z-index:1; display: block; }

.custom-dropmenu a.nav-link{position: relative;z-index: 0;border: 0.1rem solid #000000;border-radius: 0.5rem;background-color: rgba(0, 0, 0, 1);-webkit-box-shadow: none;box-shadow: none;height: 5rem;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; font-size: 1.4rem;line-height: 1.425;padding: 1rem 4.8rem 1rem 1.8rem;letter-spacing: 0.05rem;font-weight: 300;color: #ffffff;outline: 0;letter-spacing: -0.5px;outline: none;}
html[data-cc_mode=dark] .custom-dropmenu a.nav-link{background-color: rgba(255,255,255, 1);color: #000000;}
.dropdown-val { display: block; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow: hidden; line-height: 2.4rem; max-height: 2.4rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; padding: 0 0 0 3.4rem; font-weight: 300; }
.dropdown-val i{ font-size: 2.4rem; position: absolute; top: 0; left: 0; z-index: 1; }
.custom-dropmenu a.nav-link[data-is-value=false] .dropdown-val { opacity: 0.7; font-style: italic; padding-left: 0; }
.custom-dropmenu .dropdown-menu{background-color: #000;width: 100%;margin-top: -0.2rem !important; max-height: 20rem; overflow: hidden; overflow-y: auto; }
html[data-cc_mode=dark] .custom-dropmenu .dropdown-menu{background-color: #ffffff;}
.custom-dropmenu .dropdown-arrow{font-size: 2.4rem; margin-top: -1.2rem; top: 50%; right: 1.4rem; position: absolute; z-index: 1; display: block;}
.custom-dropmenu .nav-link.show .dropdown-arrow{-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.custom-dropmenu ul{border:none;border-radius: 0.5rem;padding: 0;overflow: hidden;}
.custom-dropmenu ul li{display: -webkit-box;display: -ms-flexbox;display: flex;}
.custom-dropmenu ul li a {color: #ffffff;width: 100%; height: 4rem; padding: 0.5rem 2rem;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;text-decoration: none; -webkit-transition: none; -o-transition: none; transition: none; }
html[data-cc_mode=dark] .custom-dropmenu ul li a {color: #000000;}
.custom-dropmenu ul li a i{font-size: 2.4rem; margin-right: 1.4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
.option-icon i{font-size: 2.4rem; margin-right: 1.4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}

.custom-dropmenu ul li a span{margin: 0; font-size: 1.4rem; font-weight: 300; line-height: normal;}
.custom-dropmenu ul li a:hover{color: #54e59b; background-color: #202020;}
html[data-cc_mode=dark] .custom-dropmenu ul li a:hover{color: #54e59b; background-color: #303e4c;}
.custom-dropmenu ul li a.active{color: #54e59b;}
html[data-cc_mode=dark] .custom-dropmenu ul li a.active{color: #54e59b;}

.form-control-wrapper.card .form-control{padding-left: 6.2rem;}
.visa-card-imgbox{max-width: 2.9rem; width: 100%; top: 50%; margin-top: -1rem; left: 2rem; z-index: 1; position: absolute; display: block;}
.visa-card-imgbox::before {padding-top: 65.51724137931034%; width: 100%;content: '';display: block;}
.form-control.mm-yy{border-top-right-radius: 0;border-bottom-right-radius: 0; }
.form-control.cvc{border-left: 0.1rem solid #404040; border-top-left-radius: 0;border-bottom-left-radius: 0;}
html[data-cc_mode=dark] .form-control.cvc{border-left-color:#1e2a36;}


.fb-country-ddbox { width: 67px; height: 100%; padding-left: 12px;padding-right: 2px; top: 0; left: 0; position: absolute; z-index:11; margin: 0px; display: flex; align-items: center; }
.PhoneInputCountrySelect { position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 1;cursor: pointer;padding: 5px 12px; }
.fb-dd-country-img { width: 21px; display: block; position: relative; pointer-events: none; }
.fb-dd-country-img img { width: 100%; height: auto; display: block; }
.fb-dd-country-arrow { width: 14px; height: 14px; font-size: 14px; color: rgba(75, 85, 99, 0.7); margin-left: 3px; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); display: block; }

.btn-primary{
    font-size: 16px;
    padding: 5px 25px;
    font-weight: 500;
    outline: none;
    height: 40px;
    position: relative;
    background-color: #13AECF;
    border: none;
}
.btn-primary:hover {
    background: #0E92B0 !important; /* Ein leicht dunklerer Farbton als #13AECF für den Hover-Effekt */
}

.btn-secondary{
    font-size: 16px;
    padding: 5px 25px;
    font-weight: 500;
    outline: none;
    height: 40px;
    position: relative;
    background-color: #adadad;
    border: none;
    margin-left: 10px;
}
.modal-body{
    padding: 25px 20px;
}
.modal-body .form-control{
    outline: none;
    border: 1px solid #D4D4D8;
    border-radius: 0;
    padding: 0.7rem 1rem;
    width: 100%;
    color: #3F3F46;
}

input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="number"], 
input[type="tel"], 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
button, 
textarea, 
select {
    border-radius: 4px !important;
}