html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden], template {
display: none; }
a {
background-color: transparent; }
a:active, a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b, strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em; }
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button, select {
text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled], html input[disabled] {
cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td, th {
padding: 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; }
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff; }
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #337ab7;
text-decoration: none; }
a:hover, a:focus {
color: #23527c;
text-decoration: underline; }
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
figure {
margin: 0; }
img {
vertical-align: middle; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.img-rounded {
border-radius: 6px; }
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
[role="button"] {
cursor: pointer; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.row {
margin-left: -15px;
margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-12 {
width: 100%; }
.col-xs-11 {
width: 91.66666667%; }
.col-xs-10 {
width: 83.33333333%; }
.col-xs-9 {
width: 75%; }
.col-xs-8 {
width: 66.66666667%; }
.col-xs-7 {
width: 58.33333333%; }
.col-xs-6 {
width: 50%; }
.col-xs-5 {
width: 41.66666667%; }
.col-xs-4 {
width: 33.33333333%; }
.col-xs-3 {
width: 25%; }
.col-xs-2 {
width: 16.66666667%; }
.col-xs-1 {
width: 8.33333333%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-pull-11 {
right: 91.66666667%; }
.col-xs-pull-10 {
right: 83.33333333%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-8 {
right: 66.66666667%; }
.col-xs-pull-7 {
right: 58.33333333%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-5 {
right: 41.66666667%; }
.col-xs-pull-4 {
right: 33.33333333%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-2 {
right: 16.66666667%; }
.col-xs-pull-1 {
right: 8.33333333%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-push-12 {
left: 100%; }
.col-xs-push-11 {
left: 91.66666667%; }
.col-xs-push-10 {
left: 83.33333333%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-8 {
left: 66.66666667%; }
.col-xs-push-7 {
left: 58.33333333%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-5 {
left: 41.66666667%; }
.col-xs-push-4 {
left: 33.33333333%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-2 {
left: 16.66666667%; }
.col-xs-push-1 {
left: 8.33333333%; }
.col-xs-push-0 {
left: auto; }
.col-xs-offset-12 {
margin-left: 100%; }
.col-xs-offset-11 {
margin-left: 91.66666667%; }
.col-xs-offset-10 {
margin-left: 83.33333333%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-8 {
margin-left: 66.66666667%; }
.col-xs-offset-7 {
margin-left: 58.33333333%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-5 {
margin-left: 41.66666667%; }
.col-xs-offset-4 {
margin-left: 33.33333333%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-2 {
margin-left: 16.66666667%; }
.col-xs-offset-1 {
margin-left: 8.33333333%; }
.col-xs-offset-0 {
margin-left: 0; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-12 {
width: 100%; }
.col-sm-11 {
width: 91.66666667%; }
.col-sm-10 {
width: 83.33333333%; }
.col-sm-9 {
width: 75%; }
.col-sm-8 {
width: 66.66666667%; }
.col-sm-7 {
width: 58.33333333%; }
.col-sm-6 {
width: 50%; }
.col-sm-5 {
width: 41.66666667%; }
.col-sm-4 {
width: 33.33333333%; }
.col-sm-3 {
width: 25%; }
.col-sm-2 {
width: 16.66666667%; }
.col-sm-1 {
width: 8.33333333%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-pull-11 {
right: 91.66666667%; }
.col-sm-pull-10 {
right: 83.33333333%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-8 {
right: 66.66666667%; }
.col-sm-pull-7 {
right: 58.33333333%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-5 {
right: 41.66666667%; }
.col-sm-pull-4 {
right: 33.33333333%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-2 {
right: 16.66666667%; }
.col-sm-pull-1 {
right: 8.33333333%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-push-12 {
left: 100%; }
.col-sm-push-11 {
left: 91.66666667%; }
.col-sm-push-10 {
left: 83.33333333%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-8 {
left: 66.66666667%; }
.col-sm-push-7 {
left: 58.33333333%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-5 {
left: 41.66666667%; }
.col-sm-push-4 {
left: 33.33333333%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-2 {
left: 16.66666667%; }
.col-sm-push-1 {
left: 8.33333333%; }
.col-sm-push-0 {
left: auto; }
.col-sm-offset-12 {
margin-left: 100%; }
.col-sm-offset-11 {
margin-left: 91.66666667%; }
.col-sm-offset-10 {
margin-left: 83.33333333%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-8 {
margin-left: 66.66666667%; }
.col-sm-offset-7 {
margin-left: 58.33333333%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-5 {
margin-left: 41.66666667%; }
.col-sm-offset-4 {
margin-left: 33.33333333%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-2 {
margin-left: 16.66666667%; }
.col-sm-offset-1 {
margin-left: 8.33333333%; }
.col-sm-offset-0 {
margin-left: 0; } }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-12 {
width: 100%; }
.col-md-11 {
width: 91.66666667%; }
.col-md-10 {
width: 83.33333333%; }
.col-md-9 {
width: 75%; }
.col-md-8 {
width: 66.66666667%; }
.col-md-7 {
width: 58.33333333%; }
.col-md-6 {
width: 50%; }
.col-md-5 {
width: 41.66666667%; }
.col-md-4 {
width: 33.33333333%; }
.col-md-3 {
width: 25%; }
.col-md-2 {
width: 16.66666667%; }
.col-md-1 {
width: 8.33333333%; }
.col-md-pull-12 {
right: 100%; }
.col-md-pull-11 {
right: 91.66666667%; }
.col-md-pull-10 {
right: 83.33333333%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-8 {
right: 66.66666667%; }
.col-md-pull-7 {
right: 58.33333333%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-5 {
right: 41.66666667%; }
.col-md-pull-4 {
right: 33.33333333%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-2 {
right: 16.66666667%; }
.col-md-pull-1 {
right: 8.33333333%; }
.col-md-pull-0 {
right: auto; }
.col-md-push-12 {
left: 100%; }
.col-md-push-11 {
left: 91.66666667%; }
.col-md-push-10 {
left: 83.33333333%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-8 {
left: 66.66666667%; }
.col-md-push-7 {
left: 58.33333333%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-5 {
left: 41.66666667%; }
.col-md-push-4 {
left: 33.33333333%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-2 {
left: 16.66666667%; }
.col-md-push-1 {
left: 8.33333333%; }
.col-md-push-0 {
left: auto; }
.col-md-offset-12 {
margin-left: 100%; }
.col-md-offset-11 {
margin-left: 91.66666667%; }
.col-md-offset-10 {
margin-left: 83.33333333%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-8 {
margin-left: 66.66666667%; }
.col-md-offset-7 {
margin-left: 58.33333333%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-5 {
margin-left: 41.66666667%; }
.col-md-offset-4 {
margin-left: 33.33333333%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-2 {
margin-left: 16.66666667%; }
.col-md-offset-1 {
margin-left: 8.33333333%; }
.col-md-offset-0 {
margin-left: 0; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-12 {
width: 100%; }
.col-lg-11 {
width: 91.66666667%; }
.col-lg-10 {
width: 83.33333333%; }
.col-lg-9 {
width: 75%; }
.col-lg-8 {
width: 66.66666667%; }
.col-lg-7 {
width: 58.33333333%; }
.col-lg-6 {
width: 50%; }
.col-lg-5 {
width: 41.66666667%; }
.col-lg-4 {
width: 33.33333333%; }
.col-lg-3 {
width: 25%; }
.col-lg-2 {
width: 16.66666667%; }
.col-lg-1 {
width: 8.33333333%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-pull-11 {
right: 91.66666667%; }
.col-lg-pull-10 {
right: 83.33333333%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-8 {
right: 66.66666667%; }
.col-lg-pull-7 {
right: 58.33333333%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-5 {
right: 41.66666667%; }
.col-lg-pull-4 {
right: 33.33333333%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-2 {
right: 16.66666667%; }
.col-lg-pull-1 {
right: 8.33333333%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-push-12 {
left: 100%; }
.col-lg-push-11 {
left: 91.66666667%; }
.col-lg-push-10 {
left: 83.33333333%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-8 {
left: 66.66666667%; }
.col-lg-push-7 {
left: 58.33333333%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-5 {
left: 41.66666667%; }
.col-lg-push-4 {
left: 33.33333333%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-2 {
left: 16.66666667%; }
.col-lg-push-1 {
left: 8.33333333%; }
.col-lg-push-0 {
left: auto; }
.col-lg-offset-12 {
margin-left: 100%; }
.col-lg-offset-11 {
margin-left: 91.66666667%; }
.col-lg-offset-10 {
margin-left: 83.33333333%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-8 {
margin-left: 66.66666667%; }
.col-lg-offset-7 {
margin-left: 58.33333333%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-5 {
margin-left: 41.66666667%; }
.col-lg-offset-4 {
margin-left: 33.33333333%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-2 {
margin-left: 16.66666667%; }
.col-lg-offset-1 {
margin-left: 8.33333333%; }
.col-lg-offset-0 {
margin-left: 0; } }
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
content: " ";
display: table; }
.clearfix:after, .container:after, .container-fluid:after, .row:after {
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pull-right {
float: right !important; }
.pull-left {
float: left !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
#skk-container #rechner .result-table {
width: 100%;
background: rgba(0, 0, 0, 0.1);
border: none;
border-radius: 5px;
transition: opacity 0.3s;   }
#skk-container #rechner .result-table.loading {
opacity: 0.7; }
#skk-container #rechner .result-table tr td {
border: none;
text-align: right;
vertical-align: middle;
font-weight: 400;
color: #fff;
padding: 0.5em 1em; }
#skk-container #rechner .result-table tr td:first-of-type {
text-align: left;
padding-left: 2em; }
#skk-container #rechner .result-table tr td:last-of-type {
padding-right: 2em;
white-space: nowrap; }
#skk-container #rechner .result-table thead {
border-bottom: 1px solid #b49662; }
#skk-container #rechner .result-table thead tr td {
white-space: pre;
font-weight: 700; }
#skk-container #rechner .result-table tbody td {
padding: 4px 10px; }
#skk-container #rechner .result-table tbody tr:first-of-type td {
padding-top: 12px; }
#skk-container #rechner .result-table tbody tr:last-of-type td {
padding-bottom: 12px; }
#skk-container #rechner .result-table tfoot {
background: black;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
#skk-container #rechner .result-table tfoot td {
font-weight: 700; }
@media only screen and (max-width: 645px) {
#skk-container #rechner .result-table tr td:first-of-type {
padding-left: 1em; }
#skk-container #rechner .result-table tr td:last-of-type {
padding-right: 1em; } }
#skk-container #rechner header {
display: flex;
align-items: stretch;
margin-bottom: 3em;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
#skk-container #rechner header h2 {
line-height: 0.75em;
margin-bottom: 0.5em; }
#skk-container #rechner header p {
margin: 0; }
#skk-container #rechner header .icon-wrapper {
margin-right: 1em; }
#skk-container #rechner header .icon-wrapper img {
height: 3.5em;
width: auto; }
#skk-container #rechner header .text-wrapper {
color: white; }
#skk-container #rechner header .text-wrapper h2 {
color: white;
margin-top: 0; }
#skk-container #rechner { }
#skk-container #rechner input, #skk-container #rechner textarea, #skk-container #rechner select {
color: #b49662;
border-radius: 2em;
border: none;
padding: 0.75em 1.5em;
font-weight: 700; }
#skk-container #rechner input ::-webkit-input-placeholder, #skk-container #rechner textarea ::-webkit-input-placeholder, #skk-container #rechner select ::-webkit-input-placeholder { color: #b49662;
opacity: 1; }
#skk-container #rechner input :-moz-placeholder, #skk-container #rechner textarea :-moz-placeholder, #skk-container #rechner select :-moz-placeholder { color: #b49662;
opacity: 1; }
#skk-container #rechner input ::-moz-placeholder, #skk-container #rechner textarea ::-moz-placeholder, #skk-container #rechner select ::-moz-placeholder { color: #b49662;
opacity: 1; }
#skk-container #rechner input :-ms-input-placeholder, #skk-container #rechner textarea :-ms-input-placeholder, #skk-container #rechner select :-ms-input-placeholder { color: #b49662;
opacity: 1; }
#skk-container #rechner input ::-ms-input-placeholder, #skk-container #rechner textarea ::-ms-input-placeholder, #skk-container #rechner select ::-ms-input-placeholder { color: #b49662;
opacity: 1; }
#skk-container #rechner select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0.75em 3.5em 0.75em 1.5em;
font-weight: 700;
color: rgba(180, 150, 98, 0.5);   background-image: url(//www.einfach-scheidung-online.com/wp-content/plugins/scheidungskosten-kalkulator-neuer/images/arrow-down.svg), linear-gradient(to bottom, #fbf9fa 0%, #d6d7d9 100%);
background-position: calc(100% - 1.5em) 50%, 0 0;
background-size: 1em 1em, 100% 100%;
background-repeat: no-repeat; }
#skk-container #rechner select + i.fa {
float: right;
margin-top: -30px;
margin-right: 5px; pointer-events: none;  background-color: #fff;
padding-right: 5px; }
#skk-container #rechner select option {
background: white;
color: #b49662; }
#skk-container #rechner select option:first-child {
color: rgba(180, 150, 98, 0.5); }
#skk-container #rechner select::-ms-expand {
display: none; }
#skk-container #rechner .skk-btn {
display: flex;
align-items: center;
padding: 0 1em;
margin-bottom: 1em !important;
box-shadow: none;
border-radius: 2em;
white-space: pre;
text-transform: none;
line-height: 1.375rem;
font-size: 1.375rem;
font-weight: 500;
color: white;
-webkit-transition: all 0.15s ease-out 0s;
-moz-transition: all 0.15s ease-out 0s;
-ms-transition: all 0.15s ease-out 0s;
-o-transition: all 0.15s ease-out 0s;
transition: all 0.15s ease-out 0s; }
#skk-container #rechner .skk-btn.center {
margin-left: auto;
margin-right: auto; }
#skk-container #rechner .skk-btn > img {
width: 1em;
margin-right: 0.618em; }
#skk-container #rechner .skk-btn.skk-btn-white {
border: 3px solid #fff;
background: transparent; }
#skk-container #rechner .skk-btn.skk-btn-white-brand-background {
border: 3px solid #fff;
background: #b49662; }
#skk-container #rechner .skk-btn.skk-btn-black {
border: 3px solid #000;
background: #000; }
#skk-container #rechner .skk-btn.skk-btn-yellow {
border: 3px solid #b49662;
background: #b49662; }
@media only screen and (max-width: 400px) {
#skk-container #rechner .skk-btn {
font-size: 1.125rem;
padding-left: 1em;
padding-right: 1em; } }
.main_color {
background: #ededed !important; }
.page_item > a {
font-size: 13px !important; }
.content {
max-width: 100% !important; }
tr {
background: transparent !important; }
#rechner {
background: #b49662;
color: white; }
#rechner a {
color: #000;
text-decoration: underline;
font-weight: 700; }
#rechner a:hover, #rechner a:focus, #rechner a:active {
color: #fff; }
#rechner p, #rechner span, #rechner label, #rechner ul, #rechner li, #rechner h1, #rechner h2, #rechner h3, #rechner h4, #rechner h5, #rechner h6, #rechner .fa {
color: white; }
#rechner .result-spinner {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.15s; }
#rechner .result-spinner.loading {
opacity: 0.5; }
#skk-container { }
#skk-container .skk-wrapper {
position: relative;
padding: 2em 3em;
margin-bottom: 2em; }
#skk-container section {
padding: 1.618em 2em;
margin-bottom: 1em;
background: #F9F9F9;
border: solid 1px #E8E8E8; }
#skk-container section h1:first-of-type, #skk-container section h2:first-of-type, #skk-container section h3:first-of-type, #skk-container section h4:first-of-type, #skk-container section h5:first-of-type, #skk-container section h6:first-of-type {
margin-top: 0; }
#skk-container section.section-small {
padding: 1em; }
#skk-container section.section-small .input-wrapper > * {
flex-grow: 1; }
#skk-container section.section-small h1, #skk-container section.section-small h2, #skk-container section.section-small h3, #skk-container section.section-small h4, #skk-container section.section-small h5, #skk-container section.section-small h6 {
margin: 0 1em 0 0; }
#skk-container section input, #skk-container section select, #skk-container section textarea {
background: #fff !important; }
#skk-container label {
display: block;
font-weight: 300; }
#skk-container input, #skk-container textarea, #skk-container select {
letter-spacing: normal; }
#skk-container input.is-danger, #skk-container textarea.is-danger, #skk-container select.is-danger {
border: solid 2px #ff3f00 !important; }
#skk-container input[type="checkbox"].is-danger, #skk-container input[type="radio"].is-danger {
border: none !important;
outline: solid 2px #ff3f00 !important;
outline-offset: 0.1em; }
#skk-container .select .value > span {
color: #b49662; }
#skk-container .radio-group {
display: block;
align-items: center; }
#skk-container .flex-align-horizontal {
display: flex;
align-items: center; }
#skk-container .flex-align-horizontal.label-horizontal label {
margin: 0 0 0 1em; }
#skk-container .flex-align-horizontal.label-horizontal label:first-of-type {
margin-left: 0; }
#skk-container .label-horizontal label {
display: flex;
align-items: center; }
#skk-container .label-horizontal label input {
margin: 0 1em 0 0; }
#skk-container .step-2 {
position: relative;
z-index: 2; }
#skk-container .top-certificate {
position: absolute;
top: 0;
right: 3em;
z-index: 1;
width: 15%;
transform: translateY(-50%);
transition: right 1s; }
#skk-container .bottom-certificates {
display: flex;
align-items: center;
justify-content: center; }
#skk-container .bottom-certificates .certificate {
width: 15%;
margin: 0 1em; }
#skk-container .bottom-certificates .certificate img {
width: 100%; }
#skk-container .icon-circle {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 50%;
background: white;
display: flex;
width: 3em;
height: 3em;
align-items: center;
justify-content: center;
margin: 0 auto;
position: absolute;
top: 0;
right: 0;
left: 0; }
#skk-container .icon-circle .fa {
color: #b49662 !important; }
#skk-container .center {
text-align: center;
margin-left: auto;
margin-right: auto; }
#skk-container .caption-text {
font-size: 1.4em; }
#skk-container .help {
padding: 0.5em 1.5em;
position: relative;
display: block; }
#skk-container .alert {
border: solid 2px transparent; }
#skk-container .alert.alert-danger {
border-color: #ff3f00;
color: #ff3f00;
display: inline-block;
padding: 1em;
font-size: 1.4em; }
#skk-container .gap-small {
margin-bottom: 1em !important; }
#skk-container .gap-mid {
margin-bottom: 2em !important; }
#skk-container .gap-large {
margin-bottom: 3em !important; }
.tco-notice {
display: none !important; }
.fade-enter-active, .fade-leave-active {
transition: opacity 0.5s; }
.fade-enter, .fade-leave-to {
opacity: 0; }
.hide-desktop {
display: none !important; }
#versorgungsausgleich-wrapper > p.label {
margin: 0 0 0.5em 0;
line-height: 1em; }
@media only screen and (max-width: 645px) {
.hide-mobile {
display: none !important; }
.hide-desktop {
display: initial !important; }
#skk-container .skk-wrapper .icon-circle {
display: none; }
#skk-container .skk-wrapper .top-certificate {
right: 0.75em; }
#versorgungsausgleich-wrapper > p.label {
text-align: center; }
#versorgungsausgleich-wrapper > .flex-align-horizontal {
flex-direction: row;
justify-content: center; } }.sv_provenexpert {
display: flex;
flex-direction: column;
}
#pe_stars {
display: inline-block;
position: relative;
overflow: hidden;
width: 5em;
height: 14px;
margin: 0!important;
line-height: 1em;
font-size: 1em;
}
#pe_rating {
display: inline-block;
font-size: 16px;
text-align: center;
color: #c8b274;
border: none;
text-decoration: none;
outline: none;
}
#pe_rating.pe_g .pe_u {
display: block;
margin: 0 0 .3em;
font-size: .8em;
line-height: 1.2em;
}
#pe_rating>.pe_u {
text-decoration: underline;
}
#pe_rating, #pe_rating * {
box-sizing: border-box;
}
#pe_stars>span {
display: block;
overflow: hidden;
padding-top: 1.2em;
}
.sv_pe_stars{
position:relative;
width: 75px !important;
margin: auto;
height: 15px;
line-height:15px;
overflow:hidden;
white-space: nowrap;
display:flex;
}
.sv_pe_stars img{
width:15px;
height:15px;
display:block;
}
#pe_rating.pe_g #pe_name {
overflow: hidden;
position: absolute;
height: 10px;
line-height: 50px;
padding-top: 50px;
z-index:-1;
}